{"id":15,"date":"2025-04-10T18:21:16","date_gmt":"2025-04-10T10:21:16","guid":{"rendered":"http:\/\/maxseno.com\/?page_id=15"},"modified":"2025-12-26T17:37:43","modified_gmt":"2025-12-26T09:37:43","slug":"contact-us","status":"publish","type":"page","link":"https:\/\/novohope.pet\/index.php\/contact-us\/","title":{"rendered":"Contact"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Contact Us - NovoHope<\/title>\r\n <!-- Tailwind CSS CDN -->\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n \r\n <style>\r\n \/* \u4f18\u5316\uff1a\u79fb\u9664 Google Fonts\uff0c\u4f7f\u7528\u7cfb\u7edf\u9ed8\u8ba4\u5b57\u4f53\uff0c\u5b9e\u73b0 0 \u5ef6\u8fdf\u52a0\u8f7d *\/\r\n body {\r\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", \"Microsoft YaHei\", \"PingFang SC\", sans-serif;\r\n }\r\n \/* \u80cc\u666f\u56fe\u7247\u8bbe\u7f6e \r\n >>> \u8bf7\u5c06 url() \u4e2d\u7684\u94fe\u63a5\u66ff\u6362\u4e3a\u60a8\u60f3\u8981\u663e\u793a\u7684\u56fe\u7247\u5730\u5740 <<<\r\n *\/\r\n .hero-bg {\r\n background-image: url('http:\/\/novohope.pet\/wp-content\/uploads\/2025\/12\/\u5fae\u4fe1\u56fe\u7247_20251226170130_68_4528.jpg'); \/* \u5728\u8fd9\u91cc\u66ff\u6362\u56fe\u7247\u94fe\u63a5 *\/\r\n background-size: cover;\r\n background-position: center;\r\n background-repeat: no-repeat;\r\n background-color: #0f766e; \/* \u56fe\u7247\u52a0\u8f7d\u5931\u8d25\u65f6\u7684\u5907\u7528\u80cc\u666f\u8272 *\/\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-gray-50 text-gray-800 leading-relaxed\">\r\n <!-- Hero Section -->\r\n <div class=\"hero-bg text-white pt-32 pb-48 md:pt-40 md:pb-64 relative overflow-hidden\">\r\n \r\n <!-- \r\n \u65b0\u589e\uff1a\u80cc\u666f\u906e\u7f69\u5c42 \r\n \u8fd9\u5c42\u6df1\u8272\u906e\u7f69(bg-teal-900\/80)\u786e\u4fdd\u767d\u8272\u6587\u5b57\u5728\u4efb\u4f55\u56fe\u7247\u80cc\u666f\u4e0a\u90fd\u6e05\u6670\u53ef\u89c1\u3002\r\n \u5982\u679c\u60a8\u5e0c\u671b\u56fe\u7247\u66f4\u4eae\uff0c\u53ef\u4ee5\u5c06 \/80 \u6539\u4e3a \/50 \u6216\u66f4\u4f4e\u3002\r\n -->\r\n <div class=\"absolute inset-0 bg-teal-900\/80 z-0\"><\/div>\r\n\r\n <!-- \u88c5\u9970\u5706\u5708 (\u4fdd\u7559) -->\r\n <div class=\"absolute top-0 left-0 w-[40rem] h-[40rem] bg-white opacity-5 rounded-full -translate-x-1\/2 -translate-y-1\/2 z-0\"><\/div>\r\n <div class=\"absolute bottom-0 right-0 w-[50rem] h-[50rem] bg-teal-900 opacity-10 rounded-full translate-x-1\/3 translate-y-1\/3 z-0\"><\/div>\r\n \r\n <div class=\"max-w-7xl mx-auto px-6 sm:px-8 lg:px-12 relative z-10 text-center\">\r\n <h1 class=\"text-6xl md:text-8xl font-bold mb-8 tracking-tight\">Let's Connect<\/h1>\r\n <p class=\"text-2xl md:text-4xl text-teal-100 max-w-4xl mx-auto font-light\">\r\n We're here to answer your questions and explore partnership opportunities.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Floating Contact Cards -->\r\n <div class=\"max-w-7xl mx-auto px-6 sm:px-8 lg:px-12 -mt-32 md:-mt-48 relative z-20\">\r\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-10 lg:gap-16\">\r\n <!-- Address Card -->\r\n <div class=\"bg-white rounded-3xl shadow-2xl p-10 lg:p-12 hover:-translate-y-3 transition-transform duration-300\">\r\n <div class=\"w-24 h-24 bg-teal-100 rounded-full flex items-center justify-center mb-8 text-teal-600 mx-auto\">\r\n <!-- SVG: Map Pin -->\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"48\" height=\"48\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\r\n <\/div>\r\n <h3 class=\"text-4xl font-bold mb-6 text-gray-900 text-center\">Find Us<\/h3>\r\n <p class=\"text-gray-600 text-xl lg:text-2xl leading-relaxed text-center\">\r\n NH Biotech 21\/F,<br>\r\n Prince Plaza Office Tower, <br>\r\n Shenzhen, China\r\n <\/p>\r\n <\/div>\r\n\r\n <!-- Phone Card -->\r\n <div class=\"bg-white rounded-3xl shadow-2xl p-10 lg:p-12 hover:-translate-y-3 transition-transform duration-300\">\r\n <div class=\"w-24 h-24 bg-teal-100 rounded-full flex items-center justify-center mb-8 text-teal-600 mx-auto\">\r\n <!-- SVG: Phone -->\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"48\" height=\"48\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"\/><\/svg>\r\n <\/div>\r\n <h3 class=\"text-4xl font-bold mb-6 text-gray-900 text-center\">Call Us<\/h3>\r\n <p class=\"text-gray-600 text-xl lg:text-2xl mb-4 text-center\">Liang Lu<\/p>\r\n <a href=\"tel:+85255147108\" class=\"text-2xl lg:text-3xl font-bold text-teal-700 hover:text-teal-900 transition block text-center\">\r\n +852 551 471 08\r\n <\/a>\r\n <\/div>\r\n\r\n <!-- Email Card -->\r\n <div class=\"bg-white rounded-3xl shadow-2xl p-10 lg:p-12 hover:-translate-y-3 transition-transform duration-300\">\r\n <div class=\"w-24 h-24 bg-teal-100 rounded-full flex items-center justify-center mb-8 text-teal-600 mx-auto\">\r\n <!-- SVG: Mail -->\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"48\" height=\"48\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect width=\"20\" height=\"16\" x=\"2\" y=\"4\" rx=\"2\"\/><path d=\"m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7\"\/><\/svg>\r\n <\/div>\r\n <h3 class=\"text-4xl font-bold mb-6 text-gray-900 text-center\">Email Us<\/h3>\r\n <p class=\"text-gray-600 text-xl lg:text-2xl mb-4 text-center\">General Inquiries<\/p>\r\n <a href=\"mailto:novohope@outlook.com\" class=\"text-2xl lg:text-3xl font-bold text-teal-700 hover:text-teal-900 transition block text-center break-all\">\r\n novohope@outlook.com\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Contact Form Section -->\r\n <section class=\"py-24 lg:py-32 bg-white\">\r\n <div class=\"max-w-7xl mx-auto px-6 sm:px-8 lg:px-12\">\r\n <div class=\"bg-gray-50 rounded-[3rem] shadow-2xl overflow-hidden border border-gray-100 flex flex-col lg:flex-row\">\r\n <!-- Left Side: Info -->\r\n <div class=\"lg:w-2\/5 bg-teal-800 text-white p-12 lg:p-16 flex flex-col justify-between relative overflow-hidden\">\r\n <div class=\"absolute top-0 right-0 -mr-24 -mt-24 w-80 h-80 bg-teal-600 rounded-full opacity-50\"><\/div>\r\n <div class=\"relative z-10\">\r\n <h3 class=\"text-5xl lg:text-6xl font-bold mb-8\">Send Us a Message<\/h3>\r\n <p class=\"text-teal-100 text-xl lg:text-2xl mb-12 leading-relaxed\">\r\n We'd love to hear from you. Fill out the form and we'll get back to you as soon as possible.\r\n <\/p>\r\n <div class=\"space-y-8 text-lg lg:text-xl text-teal-100\">\r\n <div class=\"flex items-center space-x-4\">\r\n <!-- SVG: Mail -->\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect width=\"20\" height=\"16\" x=\"2\" y=\"4\" rx=\"2\"\/><path d=\"m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7\"\/><\/svg>\r\n <span>novohope@outlook.com<\/span>\r\n <\/div>\r\n <div class=\"flex items-center space-x-4\">\r\n <!-- SVG: Phone -->\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"\/><\/svg>\r\n <span>+852 551 471 08<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <!-- Right Side: Form -->\r\n <div class=\"lg:w-3\/5 p-12 lg:p-16 bg-gray-100\/50 flex items-center justify-center\">\r\n <div class=\"wpforms-container wpforms-container-full\" id=\"wpforms-58\"><form id=\"wpforms-form-58\" class=\"wpforms-validate wpforms-form\" data-formid=\"58\" method=\"post\" enctype=\"multipart\/form-data\" action=\"\/index.php\/wp-json\/wp\/v2\/pages\/15\" data-token=\"3695e2f20b23f1526d4cde0a6204d1dc\" data-token-time=\"1780516709\"><noscript class=\"wpforms-error-noscript\">\u8bf7\u5728\u6d4f\u89c8\u5668\u4e2d\u542f\u7528JavaScript\u6765\u5b8c\u6210\u6b64\u8868\u5355\u3002<\/noscript><div class=\"wpforms-field-container\"><div id=\"wpforms-58-field_0-container\" class=\"wpforms-field wpforms-field-name wpforms-one-half wpforms-first\" data-field-id=\"0\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-58-field_0\">Name <span class=\"wpforms-required-label\">*<\/span><\/label><input type=\"text\" id=\"wpforms-58-field_0\" class=\"wpforms-field-large wpforms-field-required\" name=\"wpforms[fields][0]\" placeholder=\"Your Name\" required><\/div><div id=\"wpforms-58-field_3-container\" class=\"wpforms-field wpforms-field-email wpforms-one-half\" data-field-id=\"3\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-58-field_3\">Email <span class=\"wpforms-required-label\">*<\/span><\/label><input type=\"email\" id=\"wpforms-58-field_3\" class=\"wpforms-field-large wpforms-field-required\" name=\"wpforms[fields][3]\" placeholder=\"Your Email\" spellcheck=\"false\" required><\/div><div id=\"wpforms-58-field_2-container\" class=\"wpforms-field wpforms-field-textarea\" data-field-id=\"2\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-58-field_2\">Message <span class=\"wpforms-required-label\">*<\/span><\/label><textarea id=\"wpforms-58-field_2\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][2]\" placeholder=\"Your Message\" required><\/textarea><\/div><\/div><!-- .wpforms-field-container --><div class=\"wpforms-submit-container\" ><input type=\"hidden\" name=\"wpforms[id]\" value=\"58\"><input type=\"hidden\" name=\"page_title\" value=\"\"><input type=\"hidden\" name=\"page_url\" value=\"https:\/\/novohope.pet\/index.php\/wp-json\/wp\/v2\/pages\/15\"><input type=\"hidden\" name=\"url_referer\" value=\"\"><button type=\"submit\" name=\"wpforms[submit]\" id=\"wpforms-submit-58\" class=\"wpforms-submit\" data-alt-text=\"Sending...\" data-submit-text=\"Send message\" aria-live=\"assertive\" value=\"wpforms-submit\">Send message<\/button><\/div><\/form><\/div> <!-- .wpforms-container -->\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Distributor Process Section -->\r\n <section class=\"py-32 lg:py-40 bg-gray-50\">\r\n <div class=\"max-w-7xl mx-auto px-6 sm:px-8 lg:px-12\">\r\n <div class=\"text-center mb-20 lg:mb-28\">\r\n <span class=\"text-teal-600 font-bold tracking-wider uppercase text-xl lg:text-2xl\">Partnership<\/span>\r\n <h2 class=\"text-5xl md:text-7xl font-bold text-gray-900 mt-6\">How to Become a Distributor<\/h2>\r\n <div class=\"w-40 h-2 bg-teal-500 mx-auto mt-8 rounded-full\"><\/div>\r\n <\/div>\r\n <div class=\"relative\">\r\n <!-- Connecting line (desktop only) -->\r\n <div class=\"hidden md:block absolute top-20 left-0 w-full h-1 bg-gray-200 -z-10\"><\/div>\r\n <div class=\"grid grid-cols-1 md:grid-cols-4 gap-12 lg:gap-16 relative z-10\">\r\n <!-- Step 1 -->\r\n <div class=\"text-center group\">\r\n <div class=\"w-36 h-36 lg:w-40 lg:h-40 mx-auto bg-white border-8 lg:border-[10px] border-teal-500 rounded-full flex items-center justify-center shadow-xl mb-8 group-hover:scale-110 transition-transform duration-300\">\r\n <!-- SVG: File Text -->\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"80\" height=\"80\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-teal-600\"><path d=\"M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z\"\/><polyline points=\"14 2 14 8 20 8\"\/><line x1=\"16\" x2=\"8\" y1=\"13\" y2=\"13\"\/><line x1=\"16\" x2=\"8\" y1=\"17\" y2=\"17\"\/><line x1=\"10\" x2=\"8\" y1=\"9\" y2=\"9\"\/><\/svg>\r\n <\/div>\r\n <h4 class=\"text-3xl lg:text-4xl font-bold mb-6\">1. Submit Application<\/h4>\r\n <p class=\"text-gray-600 text-lg lg:text-xl px-4\">Fill out our inquiry form to tell us about your business.<\/p>\r\n <\/div>\r\n <!-- Step 2 -->\r\n <div class=\"text-center group\">\r\n <div class=\"w-36 h-36 lg:w-40 lg:h-40 mx-auto bg-white border-8 lg:border-[10px] border-gray-300 group-hover:border-teal-400 rounded-full flex items-center justify-center shadow-xl mb-8 group-hover:scale-110 transition-transform duration-300\">\r\n <!-- SVG: Search Check -->\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"80\" height=\"80\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-gray-400 group-hover:text-teal-500 transition-colors\"><path d=\"m8 11 2 2 4-4\"\/><circle cx=\"11\" cy=\"11\" r=\"8\"\/><path d=\"m21 21-4.3-4.3\"\/><\/svg>\r\n <\/div>\r\n <h4 class=\"text-3xl lg:text-4xl font-bold mb-6\">2. Review & Approval<\/h4>\r\n <p class=\"text-gray-600 text-lg lg:text-xl px-4\">We evaluate your profile and contact you for discussion.<\/p>\r\n <\/div>\r\n <!-- Step 3 -->\r\n <div class=\"text-center group\">\r\n <div class=\"w-36 h-36 lg:w-40 lg:h-40 mx-auto bg-white border-8 lg:border-[10px] border-gray-300 group-hover:border-teal-400 rounded-full flex items-center justify-center shadow-xl mb-8 group-hover:scale-110 transition-transform duration-300\">\r\n <!-- UPDATED SVG: File Signature (Agreement) - Cleaner look -->\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"80\" height=\"80\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-gray-400 group-hover:text-teal-500 transition-colors\"><path d=\"M20 19.5v.5a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8.5L20 7.5V11\"\/><path d=\"M18 5.67a2.1 2.1 0 1 1 2.83 2.83l-9.17 9.17-4.25 1.06 1.06-4.25Z\"\/><\/svg>\r\n <\/div>\r\n <h4 class=\"text-3xl lg:text-4xl font-bold mb-6\">3. Agreement & Training<\/h4>\r\n <p class=\"text-gray-600 text-lg lg:text-xl px-4\">We provide product training and marketing materials.<\/p>\r\n <\/div>\r\n <!-- Step 4 -->\r\n <div class=\"text-center group\">\r\n <div class=\"w-36 h-36 lg:w-40 lg:h-40 mx-auto bg-white border-8 lg:border-[10px] border-gray-300 group-hover:border-teal-400 rounded-full flex items-center justify-center shadow-xl mb-8 group-hover:scale-110 transition-transform duration-300\">\r\n <!-- SVG: Rocket -->\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"80\" height=\"80\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-gray-400 group-hover:text-teal-500 transition-colors\"><path d=\"M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z\"\/><path d=\"m12 15-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z\"\/><path d=\"M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0\"\/><path d=\"M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5\"\/><\/svg>\r\n <\/div>\r\n <h4 class=\"text-3xl lg:text-4xl font-bold mb-6\">4. Start Distribution<\/h4>\r\n <p class=\"text-gray-600 text-lg lg:text-xl px-4\">Launch NovoHope in your region and grow with us.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\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 – NovoHope Let’s Connect We’re he […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/template-pagebuilder-full-width.php","meta":{"footnotes":""},"class_list":["post-15","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/novohope.pet\/index.php\/wp-json\/wp\/v2\/pages\/15","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/novohope.pet\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/novohope.pet\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/novohope.pet\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/novohope.pet\/index.php\/wp-json\/wp\/v2\/comments?post=15"}],"version-history":[{"count":77,"href":"https:\/\/novohope.pet\/index.php\/wp-json\/wp\/v2\/pages\/15\/revisions"}],"predecessor-version":[{"id":978,"href":"https:\/\/novohope.pet\/index.php\/wp-json\/wp\/v2\/pages\/15\/revisions\/978"}],"wp:attachment":[{"href":"https:\/\/novohope.pet\/index.php\/wp-json\/wp\/v2\/media?parent=15"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}