Contact Us – LotusPure<\/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; \/* Keep for font consistency, or switch to a general English font *\/\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 \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\">Contact Us<\/h1>\n <p class=\"text-lg mb-8 text-gray-700 max-w-3xl mx-auto\">\n We look forward to working with you to create a clean, healthy, and sustainable future.\n <\/p>\n\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8 max-w-5xl mx-auto\">\n \n <div class=\"contact-info-card\">\n <h3 class=\"text-3xl font-bold mb-4\">Send Us a Message<\/h3>\n <form class=\"space-y-6\">\n <div>\n <label for=\"name\" class=\"block text-left text-gray-700 font-bold mb-2\">Your Name<\/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=\"Enter your name\">\n <\/div>\n <div>\n <label for=\"email\" class=\"block text-left text-gray-700 font-bold mb-2\">Your Email<\/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=\"Enter your email\">\n <\/div>\n <div>\n <label for=\"message\" class=\"block text-left text-gray-700 font-bold mb-2\">Your Message<\/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=\"What would you like to tell us?\"><\/textarea>\n <\/div>\n <button type=\"submit\" class=\"btn-primary w-full\">Send Message<\/button>\n <\/form>\n <\/div>\n\n \n <div class=\"contact-info-card\">\n <div>\n <h3 class=\"text-3xl font-bold mb-4\">Contact Information<\/h3>\n <p class=\"text-lg mb-2\"><strong>Phone:<\/strong><\/p>\n <p class=\"text-lg mb-1\">Hong Kong: <a href=\"tel:+85263681042\">+852 6368 1042<\/a><\/p>\n <p class=\"text-lg mb-4\">Mainland China: <a href=\"tel:+8613601704334\">+86 136 0170 4334<\/a><\/p>\n\n <p class=\"text-lg mb-2\"><strong>Email:<\/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>Address:<\/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>Contact Us – LotusPure Contact Us We look forward […]<\/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-447","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/lotuspure.io\/index.php?rest_route=\/wp\/v2\/pages\/447","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=447"}],"version-history":[{"count":4,"href":"https:\/\/lotuspure.io\/index.php?rest_route=\/wp\/v2\/pages\/447\/revisions"}],"predecessor-version":[{"id":451,"href":"https:\/\/lotuspure.io\/index.php?rest_route=\/wp\/v2\/pages\/447\/revisions\/451"}],"wp:attachment":[{"href":"https:\/\/lotuspure.io\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=447"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\t\t\t\t\n\n\n \n \n Contact Us – LotusPure<\/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; \/* Keep for font consistency, or switch to a general English font *\/\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 \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\">Contact Us<\/h1>\n <p class=\"text-lg mb-8 text-gray-700 max-w-3xl mx-auto\">\n We look forward to working with you to create a clean, healthy, and sustainable future.\n <\/p>\n\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8 max-w-5xl mx-auto\">\n \n <div class=\"contact-info-card\">\n <h3 class=\"text-3xl font-bold mb-4\">Send Us a Message<\/h3>\n <form class=\"space-y-6\">\n <div>\n <label for=\"name\" class=\"block text-left text-gray-700 font-bold mb-2\">Your Name<\/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=\"Enter your name\">\n <\/div>\n <div>\n <label for=\"email\" class=\"block text-left text-gray-700 font-bold mb-2\">Your Email<\/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=\"Enter your email\">\n <\/div>\n <div>\n <label for=\"message\" class=\"block text-left text-gray-700 font-bold mb-2\">Your Message<\/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=\"What would you like to tell us?\"><\/textarea>\n <\/div>\n <button type=\"submit\" class=\"btn-primary w-full\">Send Message<\/button>\n <\/form>\n <\/div>\n\n \n <div class=\"contact-info-card\">\n <div>\n <h3 class=\"text-3xl font-bold mb-4\">Contact Information<\/h3>\n <p class=\"text-lg mb-2\"><strong>Phone:<\/strong><\/p>\n <p class=\"text-lg mb-1\">Hong Kong: <a href=\"tel:+85263681042\">+852 6368 1042<\/a><\/p>\n <p class=\"text-lg mb-4\">Mainland China: <a href=\"tel:+8613601704334\">+86 136 0170 4334<\/a><\/p>\n\n <p class=\"text-lg mb-2\"><strong>Email:<\/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>Address:<\/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>Contact Us – LotusPure Contact Us We look forward […]<\/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-447","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/lotuspure.io\/index.php?rest_route=\/wp\/v2\/pages\/447","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=447"}],"version-history":[{"count":4,"href":"https:\/\/lotuspure.io\/index.php?rest_route=\/wp\/v2\/pages\/447\/revisions"}],"predecessor-version":[{"id":451,"href":"https:\/\/lotuspure.io\/index.php?rest_route=\/wp\/v2\/pages\/447\/revisions\/451"}],"wp:attachment":[{"href":"https:\/\/lotuspure.io\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=447"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}