{"id":192,"date":"2025-06-26T12:16:54","date_gmt":"2025-06-26T12:16:54","guid":{"rendered":"https:\/\/lotuspure.io\/?page_id=192"},"modified":"2025-07-06T09:41:42","modified_gmt":"2025-07-06T09:41:42","slug":"%e8%81%94%e7%b3%bb%e6%88%91%e4%bb%ac","status":"publish","type":"page","link":"https:\/\/lotuspure.io\/?page_id=192","title":{"rendered":"\u8054\u7cfb\u6211\u4eec"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\n\n \n \n \u8054\u7cfb\u6211\u4eec – \u83b2\u82b1\u51c0\u6e90<\/title>\n <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/tailwindcss@2.2.19\/dist\/tailwind.min.css\" rel=\"stylesheet\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+SC:wght@300;400;700&family=Playfair+Display:wght@700&display=swap\" rel=\"stylesheet\">\n <style>\n body {\n font-family: 'Noto Sans SC', sans-serif;\n color: #333;\n background-color: #f8f8f8;\n }\n h1, h2, h3, h4 {\n font-family: 'Playfair Display', serif;\n color: #1a4d2e; \/* Deep green *\/\n }\n .btn-primary {\n background-color: #4a934a; \/* A vibrant green *\/\n color: white;\n padding: 1rem 2rem;\n border-radius: 0.5rem;\n transition: background-color 0.3s ease;\n display: inline-block;\n text-decoration: none;\n }\n .btn-primary:hover {\n background-color: #3b7a3b;\n }\n .section-title {\n position: relative;\n display: inline-block;\n margin-bottom: 2rem;\n }\n .section-title::after {\n content: '';\n position: absolute;\n left: 50%;\n transform: translateX(-50%);\n bottom: -10px;\n width: 60px;\n height: 4px;\n background-color: #4a934a;\n border-radius: 2px;\n }\n .contact-info-card {\n background-color: white;\n border-radius: 0.75rem;\n box-shadow: 0 4px 6px rgba(0,0,0,0.1);\n padding: 2rem;\n text-align: left;\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n }\n .contact-info-card h3 {\n font-size: 1.875rem; \/* text-3xl *\/\n font-weight: 700; \/* font-bold *\/\n color: #1a4d2e;\n margin-bottom: 1rem;\n }\n .contact-info-card p {\n margin-bottom: 0.5rem;\n color: #4a5568;\n }\n .contact-info-card a {\n color: #4a934a;\n text-decoration: none;\n transition: color 0.2s ease;\n }\n .contact-info-card a:hover {\n color: #3b7a3b;\n }\n <\/style>\n<\/head>\n<body class=\"bg-gray-50\">\n\n <main class=\"container mx-auto px-4 py-8\">\n\n <!-- Contact Us Section -->\n <section id=\"contact\" class=\"py-16 md:py-24 bg-gray-100 rounded-lg shadow-md\">\n <div class=\"container mx-auto px-4 text-center\">\n <h1 class=\"text-4xl section-title mb-12\">\u8054\u7cfb\u6211\u4eec<\/h1>\n <p class=\"text-lg mb-8 text-gray-700 max-w-3xl mx-auto\">\n \u6211\u4eec\u671f\u5f85\u4e0e\u60a8\u643a\u624b\uff0c\u5171\u521b\u6d01\u51c0\u3001\u5065\u5eb7\u3001\u53ef\u6301\u7eed\u7684\u7f8e\u597d\u672a\u6765\u3002\n <\/p>\n\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8 max-w-5xl mx-auto\">\n <!-- Contact Form Card - Moved to the top -->\n <div class=\"contact-info-card\">\n <h3 class=\"text-3xl font-bold mb-4\">\u53d1\u9001\u7559\u8a00<\/h3>\n <form class=\"space-y-6\">\n <div>\n <label for=\"name\" class=\"block text-left text-gray-700 font-bold mb-2\">\u60a8\u7684\u59d3\u540d<\/label>\n <input type=\"text\" id=\"name\" name=\"name\" class=\"w-full p-3 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-green-500\" placeholder=\"\u8bf7\u8f93\u5165\u60a8\u7684\u59d3\u540d\">\n <\/div>\n <div>\n <label for=\"email\" class=\"block text-left text-gray-700 font-bold mb-2\">\u60a8\u7684\u90ae\u7bb1<\/label>\n <input type=\"email\" id=\"email\" name=\"email\" class=\"w-full p-3 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-green-500\" placeholder=\"\u8bf7\u8f93\u5165\u60a8\u7684\u90ae\u7bb1\">\n <\/div>\n <div>\n <label for=\"message\" class=\"block text-left text-gray-700 font-bold mb-2\">\u60a8\u7684\u7559\u8a00<\/label>\n <textarea id=\"message\" name=\"message\" rows=\"5\" class=\"w-full p-3 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-green-500\" placeholder=\"\u60a8\u6709\u4ec0\u4e48\u60f3\u5bf9\u6211\u4eec\u8bf4\u7684\u5417\uff1f\"><\/textarea>\n <\/div>\n <button type=\"submit\" class=\"btn-primary w-full\">\u53d1\u9001\u7559\u8a00<\/button>\n <\/form>\n <\/div>\n\n <!-- Contact Information Card - Moved below the form -->\n <div class=\"contact-info-card\">\n <div>\n <h3 class=\"text-3xl font-bold mb-4\">\u8054\u7cfb\u65b9\u5f0f<\/h3>\n <p class=\"text-lg mb-2\"><strong>\u7535\u8bdd:<\/strong><\/p>\n <p class=\"text-lg mb-1\">\u9999\u6e2f: <a href=\"tel:+85263681042\">+852 6368 1042<\/a><\/p>\n <p class=\"text-lg mb-4\">\u5185\u5730: <a href=\"tel:+8613601704334\">+86 136 0170 4334<\/a><\/p>\n\n <p class=\"text-lg mb-2\"><strong>\u90ae\u7bb1:<\/strong><\/p>\n <p class=\"text-lg mb-4\"><a href=\"mailto:juneli@lotuspure.io\">juneli@lotuspure.io<\/a><\/p>\n\n <p class=\"text-lg mb-2\"><strong>\u5730\u5740:<\/strong><\/p>\n <p class=\"text-lg\">Unit 917B, 9\/F., Tower A, New Mandarin Plaza, No.14 Science Museum Road, TST, Hong Kong<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <\/main>\n\n<\/body>\n<\/html>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u8054\u7cfb\u6211\u4eec – \u83b2\u82b1\u51c0\u6e90 \u8054\u7cfb\u6211\u4eec \u6211\u4eec\u671f\u5f85\u4e0e\u60a8\u643a\u624b\uff0c\u5171\u521b\u6d01\u51c0\u3001\u5065\u5eb7\u3001\u53ef\u6301\u7eed\u7684\u7f8e\u597d\u672a\u6765\u3002 \u53d1\u9001\u7559\u8a00 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-192","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/lotuspure.io\/index.php?rest_route=\/wp\/v2\/pages\/192","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lotuspure.io\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lotuspure.io\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lotuspure.io\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lotuspure.io\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=192"}],"version-history":[{"count":4,"href":"https:\/\/lotuspure.io\/index.php?rest_route=\/wp\/v2\/pages\/192\/revisions"}],"predecessor-version":[{"id":446,"href":"https:\/\/lotuspure.io\/index.php?rest_route=\/wp\/v2\/pages\/192\/revisions\/446"}],"wp:attachment":[{"href":"https:\/\/lotuspure.io\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=192"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}