{"id":689,"date":"2025-12-23T15:45:36","date_gmt":"2025-12-23T07:45:36","guid":{"rendered":"https:\/\/novohope.pet\/?page_id=689"},"modified":"2026-05-27T14:42:36","modified_gmt":"2026-05-27T06:42:36","slug":"home","status":"publish","type":"page","link":"https:\/\/novohope.pet\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"689\" class=\"elementor elementor-689\">\n\t\t\t\t<div class=\"elementor-element elementor-element-33c08a2 e-con-full e-flex e-con e-parent\" data-id=\"33c08a2\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-16910e9 elementor-widget elementor-widget-html\" data-id=\"16910e9\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>NovoHope Optimized Homepage<\/title>\r\n<\/head>\r\n<body style=\"margin:0; padding:0; background-color: #F5F7F5;\">\r\n<div id=\"novohope-root\" class=\"novohope-wrapper font-sans text-[#2C3E34] antialiased bg-[#F5F7F5] w-full overflow-x-hidden relative\">\r\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n    <script src=\"https:\/\/unpkg.com\/lucide@latest\/dist\/umd\/lucide.min.js\"><\/script>\r\n    <script>\r\n        if (typeof tailwind !== 'undefined') {\r\n            tailwind.config = {\r\n                theme: {\r\n                    extend: {\r\n                        colors: {\r\n                            brand: {\r\n                                green: '#4A6C58',\r\n                                dark: '#2C3E34',\r\n                                light: '#F5F7F5',\r\n                                accent: '#D4A373',\r\n                            },\r\n                            maxWidth: {\r\n                                '8xl': '1600px',\r\n                            }\r\n                        }\r\n                    },\r\n                },\r\n                corePlugins: {\r\n                    preflight: false,\r\n                }\r\n            }\r\n        }\r\n    <\/script>\r\n    <style>\r\n        #novohope-root {\r\n            font-family: 'Noto Sans SC', system-ui, -apple-system, sans-serif;\r\n            line-height: 1.5;\r\n            box-sizing: border-box;\r\n        }\r\n        #novohope-root *, #novohope-root *::before, #novohope-root *::after {\r\n            box-sizing: inherit;\r\n        }\r\n        .container-wide {\r\n            width: 100%;\r\n            max-width: 1600px;\r\n            margin-left: auto;\r\n            margin-right: auto;\r\n            padding-left: 1.5rem;\r\n            padding-right: 1.5rem;\r\n        }\r\n        @media (min-width: 1024px) {\r\n            .container-wide {\r\n                padding-left: 3rem;\r\n                padding-right: 3rem;\r\n            }\r\n        }\r\n        #nh-navbar {\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            z-index: 9999;\r\n        }\r\n        ::-webkit-scrollbar {\r\n            width: 8px;\r\n        }\r\n        ::-webkit-scrollbar-track {\r\n            background: #f1f1f1;\r\n        }\r\n        ::-webkit-scrollbar-thumb {\r\n            background: #4A6C58;\r\n            border-radius: 4px;\r\n        }\r\n    <\/style>\r\n\r\n    <!-- Hero Section (Fullscreen Background, Left Text) -->\r\n    <!-- flex items-center ensures vertical centering -->\r\n    <header id=\"home\" class=\"relative min-h-screen w-full flex items-center overflow-hidden bg-cover bg-center bg-no-repeat bg-fixed\"\r\n            style=\"background-image: url('http:\/\/novohope.pet\/wp-content\/uploads\/2026\/05\/home1-2--scaled.jpg');\">\r\n        \r\n        <!-- REMOVED: Overlay div <div class=\"absolute inset-0 bg-white\/70\"><\/div> -->\r\n\r\n        <!-- Decorative gradients -->\r\n        <div class=\"absolute top-0 right-0 w-[500px] h-[500px] bg-brand-green\/20 rounded-full blur-3xl opacity-40 -mr-40 -mt-40 z-0\"><\/div>\r\n        <div class=\"absolute bottom-0 left-0 w-[500px] h-[500px] bg-brand-accent\/20 rounded-full blur-3xl opacity-40 -ml-40 -mb-40 z-0\"><\/div>\r\n\r\n        <div class=\"container-wide relative z-10 pt-20 pb-20\">\r\n            <div class=\"flex flex-col lg:flex-row items-center\">\r\n                \r\n                <!-- Text Container: Left Aligned, taking up 2\/3 width on large screens -->\r\n                <div class=\"w-full lg:w-2\/3 space-y-10 text-left\">\r\n                    <!-- Tag -->\r\n                    <div class=\"inline-block px-5 py-2 bg-brand-green\/10 text-brand-green rounded-full font-bold tracking-wider border border-brand-green\/20 shadow-sm backdrop-blur-sm bg-white\/50\">\r\n                        Science Meets Nature\r\n                    <\/div>\r\n                    \r\n                    <!-- Main Title -->\r\n                    <h1 class=\"text-7xl lg:text-9xl font-black text-brand-dark leading-tight tracking-tight\">\r\n                        When Nature Meets<br \/>\r\n                        <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-brand-green to-brand-accent\">Scientific Nutrition<\/span>\r\n                    <\/h1>\r\n                    \r\n                    <!-- Description -->\r\n                    <p class=\"text-2xl text-brand-dark\/80 font-medium leading-relaxed max-w-2xl\">\r\n                        We are committed to transforming cutting-edge biomedical technology into everyday pet care solutions.\r\n                        Guided by the philosophy of \u201cHealth \u00b7 Sustainability \u00b7 Reduced Burden\u201d, we bring pure, safe, human-grade nutrition to your beloved pets.\r\n                    <\/p>\r\n                    \r\n                    <!-- Buttons: Justify Start for left alignment -->\r\n                    <div class=\"flex flex-col sm:flex-row gap-5 pt-8 justify-start\">\r\n                        <a href=\"https:\/\/novohope.pet\/index.php\/products\/\" class=\"bg-brand-green text-white px-12 py-5 rounded-full font-bold text-2xl hover:bg-brand-dark transition flex items-center justify-center gap-3 shadow-2xl shadow-brand-green\/30 group no-underline hover:scale-105 transform duration-300\">\r\n                            Explore Products\r\n                            <i data-lucide=\"arrow-right\" class=\"w-6 h-6 group-hover:translate-x-1 transition\"><\/i>\r\n                        <\/a>\r\n                        <a href=\"https:\/\/novohope.pet\/index.php\/contact-us\/\" class=\"bg-white\/80 backdrop-blur-md text-brand-green border-2 border-brand-green px-12 py-5 rounded-full font-bold text-2xl hover:bg-brand-green\/10 transition shadow-lg no-underline hover:scale-105 transform duration-300\">\r\n                            Business Cooperation Inquiry\r\n                        <\/a>\r\n                    <\/div>\r\n                    \r\n                    <!-- Trust Badges: Left Aligned -->\r\n                    <div class=\"flex flex-col sm:flex-row items-center justify-start gap-6 sm:gap-10 pt-10 text-brand-dark\/80\">\r\n                        <div class=\"flex items-center gap-3 bg-white\/50 px-4 py-2 rounded-full backdrop-blur-sm\">\r\n                            <i data-lucide=\"shield-check\" class=\"text-brand-green w-7 h-7\"><\/i>\r\n                            <span class=\"font-bold\">Premium quality<\/span>\r\n                        <\/div>\r\n                        <div class=\"flex items-center gap-3 bg-white\/50 px-4 py-2 rounded-full backdrop-blur-sm\">\r\n                            <i data-lucide=\"heart\" class=\"text-brand-green w-7 h-7\"><\/i>\r\n                            <span class=\"font-bold\">Veterinarian Recommended<\/span>\r\n                        <\/div>\r\n                        <div class=\"flex items-center gap-3 bg-white\/50 px-4 py-2 rounded-full backdrop-blur-sm\">\r\n                            <i data-lucide=\"star\" class=\"text-brand-accent w-7 h-7\"><\/i>\r\n                            <span class=\"font-bold\">4.9\/5 Reviews<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Spacer Column (Optional) to balance layout -->\r\n                <div class=\"hidden lg:block lg:w-1\/3\"><\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/header>\r\n\r\n    <!-- Philosophy Section -->\r\n    <section id=\"about\" class=\"py-32 bg-white w-full relative\">\r\n        <div class=\"absolute top-0 left-0 w-full h-full bg-[url('https:\/\/www.transparenttextures.com\/patterns\/cubes.png')] opacity-5 pointer-events-none\"><\/div>\r\n        <div class=\"container-wide relative z-10\">\r\n            <div class=\"text-center max-w-5xl mx-auto mb-24\">\r\n                <span class=\"text-brand-green font-bold tracking-widest uppercase text-3xl mb-4 block\">Our Mission<\/span>\r\n                <h2 class=\"text-5xl lg:text-8xl font-black text-brand-dark mb-8 leading-tight\">Core Philosophy<\/h2>\r\n                \r\n            <\/div>\r\n            <div class=\"grid lg:grid-cols-2 gap-10 lg:gap-14\">\r\n                <div class=\"p-14 rounded-[2.5rem] bg-[#FFF5F5] border border-red-100 hover:shadow-2xl transition-all duration-500 hover:-translate-y-4 group\">\r\n                    <div class=\"mb-10 bg-white w-100 h-100 rounded-3xl flex items-center justify-center shadow-md group-hover:scale-110 transition duration-500 overflow-hidden\">\r\n                        <!-- Replaced Icon with Image -->\r\n                         <img decoding=\"async\" src=\"http:\/\/novohope.pet\/wp-content\/uploads\/2025\/12\/Scientific-Vitality.jpg\" alt=\"Scientific Vitality\" class=\"w-full h-full object-cover\">\r\n                    <\/div>\r\n                    <h3 class=\"text-4xl font-black text-brand-dark mb-6 group-hover:text-brand-green transition\">\r\n                        Scientific Vitality\r\n                    <\/h3>\r\n                    <p class=\"text-xl text-gray-700 leading-relaxed font-medium text-opacity-80\">\r\n                        Scientifically formulated to solve specific issues like tear stains and coat health, restoring your pet's natural vitality.\r\n\r\n                    <\/p>\r\n                <\/div>\r\n                <div class=\"p-14 rounded-[2.5rem] bg-[#F0FDF4] border border-green-100 hover:shadow-2xl transition-all duration-500 hover:-translate-y-4 group\">\r\n                    <div class=\"mb-10 bg-white w-100 h-100 rounded-3xl flex items-center justify-center shadow-md group-hover:scale-110 transition duration-500 overflow-hidden\">\r\n                        <img decoding=\"async\" src=\"http:\/\/novohope.pet\/wp-content\/uploads\/2025\/12\/Smart-Care.jpg\" alt=\"Smart Care\" class=\"w-full h-full object-cover\">\r\n                    <\/div>\r\n                    <h3 class=\"text-4xl font-black text-brand-dark mb-6 group-hover:text-brand-green transition\">\r\n                        Smart Care\r\n                    <\/h3>\r\n                    <p class=\"text-xl text-gray-700 leading-relaxed font-medium text-opacity-80\">\r\n                        Leveraging technology like our Automatic Food Maker to simplify daily care while maximizing fresh nutrition.\r\n                    <\/p>\r\n                <\/div>\r\n                <div class=\"p-14 rounded-[2.5rem] bg-[#EFF6FF] border border-blue-100 hover:shadow-2xl transition-all duration-500 hover:-translate-y-4 group\">\r\n                    <div class=\"mb-10 bg-white w-100 h-100 rounded-3xl flex items-center justify-center shadow-md group-hover:scale-110 transition duration-500 overflow-hidden\">\r\n                        <img decoding=\"async\" src=\"http:\/\/novohope.pet\/wp-content\/uploads\/2025\/12\/Aesthetic-Connection.jpg\" alt=\"Aesthetic Connection\" class=\"w-full h-full object-cover\">\r\n                    <\/div>\r\n                    <h3 class=\"text-4xl font-black text-brand-dark mb-6 group-hover:text-brand-green transition\">\r\n                        Aesthetic Connection\r\n                    <\/h3>\r\n                    <p class=\"text-xl text-gray-700 leading-relaxed font-medium text-opacity-80\">\r\n                        Blending utility with art, our DIY Cat House acts as a bridge between pet comfort and modern home decor.\r\n                    <\/p>\r\n                <\/div>\r\n                 <div class=\"p-14 rounded-[2.5rem] bg-[#F5F3FF] border border-blue-100 hover:shadow-2xl transition-all duration-500 hover:-translate-y-4 group\">\r\n                    <div class=\"mb-10 bg-white w-100 h-100 rounded-3xl flex items-center justify-center shadow-md group-hover:scale-110 transition duration-500 overflow-hidden\">\r\n                        <img src=http:\/\/novohope.pet\/wp-content\/uploads\/2026\/03\/\u5fae\u4fe1\u56fe\u7247_20260316150404_105_4528.jpg\" alt=\"Aesthetic Connection\" class=\"w-full h-full object-cover\">\r\n                    <\/div>\r\n                    <h3 class=\"text-4xl font-black text-brand-dark mb-6 group-hover:text-brand-green transition\">\r\n                        PhytoPaw Series\r\n                    <\/h3>\r\n                    <p class=\"text-xl text-gray-700 leading-relaxed font-medium text-opacity-80\">\r\n                       The PhytoPaw Pet Care Series offers professional-grade solutions for skin and coat health, featuring advanced antimicrobial foams and protective sprays for daily comfort. This comprehensive line also includes specialized hygiene essentials for dental, eye, and ear care to ensure your pet stays healthy and fresh from head to tail.\r\n                    <\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Products Showcase -->\r\n    <section id=\"products\" class=\"py-32 bg-[#F5F7F5] w-full\">\r\n        <div class=\"container-wide\">\r\n            <div class=\"flex flex-col lg:flex-row justify-between items-start lg:items-end mb-20 gap-8\">\r\n                <div>\r\n                    <h2 class=\"text-5xl lg:text-6xl font-black text-brand-dark mb-5\">Featured Product Series<\/h2>\r\n                    <p class=\"text-xl lg:text-2xl text-gray-600\">Scientifically formulated for different life stages and needs<\/p>\r\n                <\/div>\r\n                <a href=\"https:\/\/novohope.pet\/index.php\/products\/\" class=\"text-brand-green font-bold text-xl hover:text-brand-dark flex items-center gap-3 group no-underline bg-white px-8 py-4 rounded-full shadow-sm hover:shadow-md transition\">\r\n                    View All Products\r\n                    <i data-lucide=\"arrow-right\" class=\"w-6 h-6 group-hover:translate-x-2 transition\"><\/i>\r\n                <\/a>\r\n            <\/div>\r\n            <div class=\"grid md:grid-cols-2 lg:grid-cols-4 gap-8\">\r\n                <a href=\"https:\/\/novohope.pet\/index.php\/novahope-eyes\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"block group no-underline\">\r\n                    <div class=\"bg-white rounded-[2rem] overflow-hidden shadow-lg hover:shadow-2xl transition-all duration-500 hover:-translate-y-4 h-full flex flex-col\">\r\n                        <div class=\"relative h-75 overflow-hidden\">\r\n                            <img decoding=\"async\" src=\"http:\/\/novohope.pet\/wp-content\/uploads\/2025\/12\/\u5fae\u4fe1\u56fe\u7247_20251222181657_36_4528.png\" alt=\"EYES+ Formula\" class=\"w-full h-full object-cover group-hover:scale-110 transition duration-700\">\r\n                            <div class=\"absolute top-5 left-5\">\r\n                                <span class=\"text-sm font-bold px-4 py-2 rounded-full uppercase tracking-wide bg-brand-green\/10 text-brand-green shadow-md\">Tear Stain Eliminator<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"p-8 lg:p-10 flex flex-col flex-grow\">\r\n                            <h3 class=\"font-black text-2xl lg:text-3xl text-brand-dark mb-3 group-hover:text-brand-green transition\">Bright Eyes Formula (EYES+)<\/h3>\r\n                            <p class=\"text-brand-accent font-bold text mb-4\">Rediscover Clear Eyes<\/p>\r\n                            <p class=\"text-gray-600 mb-8 leading-relaxed flex-grow text\">Specialized EYES&shine formula manages tear secretion from the root.<\/p>\r\n                            <div class=\"flex items-center justify-between mt-auto\">\r\n                                <span class=\"text-brand-green font-bold flex items-center gap-2 group-hover:gap-3 transition text\">\r\n                                    Learn More <i data-lucide=\"arrow-right\" class=\"w-6 h-6\"><\/i>\r\n                                <\/span>\r\n                                <div class=\"w-12 h-12 rounded-full bg-gray-50 flex items-center justify-center group-hover:bg-brand-green\/10 transition\">\r\n                                    <i data-lucide=\"shopping-bag\" class=\"text-gray-400 group-hover:text-brand-green transition w-6 h-6\"><\/i>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/a>\r\n                <a href=\"https:\/\/novohope.pet\/index.php\/novahope-coat\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"block group no-underline\">\r\n                    <div class=\"bg-white rounded-[2rem] overflow-hidden shadow-lg hover:shadow-2xl transition-all duration-500 hover:-translate-y-4 h-full flex flex-col\">\r\n                        <div class=\"relative h-75 overflow-hidden\">\r\n                            <img decoding=\"async\" src=\"http:\/\/novohope.pet\/wp-content\/uploads\/2025\/12\/\u5fae\u4fe1\u56fe\u7247_20251222181658_37_4528.png\" alt=\"COAT+ Care\" class=\"w-full h-full object-cover group-hover:scale-110 transition duration-700\">\r\n                            <div class=\"absolute top-5 left-5\">\r\n                                <span class=\"text-sm font-bold px-4 py-2 rounded-full uppercase tracking-wide bg-pink-100 text-pink-800 shadow-md\">Coat Booster<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"p-8 lg:p-10 flex flex-col flex-grow\">\r\n                            <h3 class=\"font-black text-2xl lg:text-3xl text-brand-dark mb-3 group-hover:text-brand-green transition\">Coat Care (COAT+)<\/h3>\r\n                            <p class=\"text-brand-accent font-bold text mb-4\">Stunning Silky Coat<\/p>\r\n                            <p class=\"text-gray-600 mb-8 leading-relaxed flex-grow text\">Deep nourishment with COAT&shine formula activates shine from the follicle.<\/p>\r\n                            <div class=\"flex items-center justify-between mt-auto\">\r\n                                <span class=\"text-brand-green font-bold flex items-center gap-2 group-hover:gap-3 transition text\">\r\n                                    Learn More <i data-lucide=\"arrow-right\" class=\"w-6 h-6\"><\/i>\r\n                                <\/span>\r\n                                <div class=\"w-12 h-12 rounded-full bg-gray-50 flex items-center justify-center group-hover:bg-brand-green\/10 transition\">\r\n                                    <i data-lucide=\"shopping-bag\" class=\"text-gray-400 group-hover:text-brand-green transition w-6 h-6\"><\/i>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/a>\r\n                <a href=\"https:\/\/novohope.pet\/index.php\/novohope-pet-food-maker\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"block group no-underline\">\r\n                    <div class=\"bg-white rounded-[2rem] overflow-hidden shadow-lg hover:shadow-2xl transition-all duration-500 hover:-translate-y-4 h-full flex flex-col\">\r\n                        <div class=\"relative h-75 overflow-hidden\">\r\n                            <img decoding=\"async\" src=\"http:\/\/novohope.pet\/wp-content\/uploads\/2025\/12\/\u4ea7\u54c13.png\" alt=\"Pet Food Maker\" class=\"w-full h-full object-cover group-hover:scale-110 transition duration-700\">\r\n                            <div class=\"absolute top-5 left-5\">\r\n                                <span class=\"text-sm font-bold px-4 py-2 rounded-full uppercase tracking-wide bg-brand-green\/10 text-brand-green shadow-md\">Latest Innovation<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"p-8 lg:p-10 flex flex-col flex-grow\">\r\n                            <h3 class=\"font-black text-2xl lg:text-3xl text-brand-dark mb-3 group-hover:text-brand-green transition\">Smart Fresh Food Maker<\/h3>\r\n                            <p class=\"text-brand-accent font-bold text- mb-4\">Ultra-Fast Fresh Food in 35 Minutes<\/p>\r\n                            <p class=\"text-gray-600 mb-8 leading-relaxed flex-grow text\">Three-mode smart processor: dry\/wet\/fresh food one-touch switch.<\/p>\r\n                            <div class=\"flex items-center justify-between mt-auto\">\r\n                                <span class=\"text-brand-green font-bold flex items-center gap-2 group-hover:gap-3 transition text\">\r\n                                    Learn More <i data-lucide=\"arrow-right\" class=\"w-6 h-6\"><\/i>\r\n                                <\/span>\r\n                                <div class=\"w-12 h-12 rounded-full bg-gray-50 flex items-center justify-center group-hover:bg-brand-green\/10 transition\">\r\n                                    <i data-lucide=\"shopping-bag\" class=\"text-gray-400 group-hover:text-brand-green transition w-6 h-6\"><\/i>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/a>\r\n                <a href=\"https:\/\/novohope.pet\/index.php\/novohope-modern-cat-house\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"block group no-underline\">\r\n                    <div class=\"bg-white rounded-[2rem] overflow-hidden shadow-lg hover:shadow-2xl transition-all duration-500 hover:-translate-y-4 h-full flex flex-col\">\r\n                        <div class=\"relative h-75 overflow-hidden\">\r\n                            <img decoding=\"async\" src=\"http:\/\/novohope.pet\/wp-content\/uploads\/2025\/12\/\u4ea7\u54c14.png\" alt=\"Modern Cat House\" class=\"w-full h-full object-cover group-hover:scale-110 transition duration-700\">\r\n                            <div class=\"absolute top-5 left-5\">\r\n                                <span class=\"text-sm font-bold px-4 py-2 rounded-full uppercase tracking-wide bg-amber-100 text-amber-800 shadow-md\">Design Award<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"p-8 lg:p-10 flex flex-col flex-grow\">\r\n                            <h3 class=\"font-black text-2xl lg:text-3xl text-brand-dark mb-3 group-hover:text-brand-green transition\">Modern Minimalist Cat House<\/h3>\r\n                            <p class=\"text-brand-accent font-bold text mb-4\">Built for Love<\/p>\r\n                            <p class=\"text-gray-600 mb-8 leading-relaxed flex-grow text\">Nordic minimalist cat house, FSC-certified wood, tool-free assembly in 10 minutes.<\/p>\r\n                            <div class=\"flex items-center justify-between mt-auto\">\r\n                                <span class=\"text-brand-green font-bold flex items-center gap-2 group-hover:gap-3 transition text\">\r\n                                    Learn More <i data-lucide=\"arrow-right\" class=\"w-6 h-6\"><\/i>\r\n                                <\/span>\r\n                                <div class=\"w-12 h-12 rounded-full bg-gray-50 flex items-center justify-center group-hover:bg-brand-green\/10 transition\">\r\n                                    <i data-lucide=\"shopping-bag\" class=\"text-gray-400 group-hover:text-brand-green transition w-6 h-6\"><\/i>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n<section class=\"py-40 bg-white border-b border-gray-100\">\r\n    <div class=\"container-wide\">\r\n        <div class=\"text-center max-w-6xl mx-auto mb-24\">\r\n            <span class=\"text-brand-accent font-bold tracking-widest uppercase text-xl mb-6 block\">Our Standards<\/span>\r\n            <h2 class=\"text-6xl lg:text-7xl font-black text-brand-dark mb-10 leading-tight\">\r\n                Visible Natural,<br class=\"hidden lg:block\" \/><span class=\"text-brand-green\">Measurable Science<\/span>\r\n            <\/h2>\r\n            <p class=\"text-3xl text-gray-500 leading-relaxed max-w-4xl mx-auto\">\r\n                We have established rigorous standards beyond the industry to ensure every bite is pure, safe, and effective.\r\n            <\/p>\r\n        <\/div>\r\n        <div class=\"grid md:grid-cols-2 lg:grid-cols-4 gap-10\">\r\n            <!-- Card 1: Clinical Efficacy -->\r\n            <div class=\"bg-[#F9FAFB] rounded-[2.5rem] p-12 text-center hover:bg-brand-green hover:text-white transition-all duration-300 group cursor-default\">\r\n                <div class=\"w-88 h-88 mx-auto bg-white rounded-3xl overflow-hidden mb-10 shadow-md group-hover:shadow-xl transition\">\r\n                    <img decoding=\"async\" src=\"http:\/\/novohope.pet\/wp-content\/uploads\/2025\/12\/1.Clinical-Efficacy.jpg\" alt=\"Clinical Efficacy\" class=\"w-full h-full object-cover\">\r\n                <\/div>\r\n                <h3 class=\"text-3xl font-bold mb-5 text-brand-dark group-hover:text-white transition\">Clinical Efficacy<\/h3>\r\n                <p class=\"text-gray-500 text-xl leading-relaxed group-hover:text-white\/90 transition\">\r\n                    Results-driven formulas designed to deliver visible improvements within a specific cycle.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <!-- Card 2: Uncompromised Purity -->\r\n            <div class=\"bg-[#F9FAFB] rounded-[2.5rem] p-12 text-center hover:bg-brand-green hover:text-white transition-all duration-300 group cursor-default\">\r\n                <div class=\"w-88 h-88 mx-auto bg-white rounded-3xl overflow-hidden mb-10 shadow-md group-hover:shadow-xl transition\">\r\n                    <img decoding=\"async\" src=\"http:\/\/novohope.pet\/wp-content\/uploads\/2025\/12\/2.Uncompromised-Purity.jpg\" alt=\"Uncompromised Purity\" class=\"w-full h-full object-cover\">\r\n                <\/div>\r\n                <h3 class=\"text-3xl font-bold mb-5 text-brand-dark group-hover:text-white transition\">Uncompromised Purity<\/h3>\r\n                <p class=\"text-gray-500 text-xl leading-relaxed group-hover:text-white\/90 transition\">\r\n                    Strictly safe ingredients and materials with zero harmful additives, ensuring absolute safety from the source.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <!-- Card 3: Intuitive Innovation -->\r\n            <div class=\"bg-[#F9FAFB] rounded-[2.5rem] p-12 text-center hover:bg-brand-green hover:text-white transition-all duration-300 group cursor-default\">\r\n                <div class=\"w-88 h-88 mx-auto bg-white rounded-3xl overflow-hidden mb-10 shadow-md group-hover:shadow-xl transition\">\r\n                    <img decoding=\"async\" src=\"http:\/\/novohope.pet\/wp-content\/uploads\/2025\/12\/3Intuitive-Innovation.jpg\" alt=\"Intuitive Innovation\" class=\"w-full h-full object-cover\">\r\n                <\/div>\r\n                <h3 class=\"text-3xl font-bold mb-5 text-brand-dark group-hover:text-white transition\">Intuitive Innovation<\/h3>\r\n                <p class=\"text-gray-500 text-xl leading-relaxed group-hover:text-white\/90 transition\">\r\n                    Practical innovations that solve real problems and enhance owner-pet interaction, avoiding unnecessary complexity.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <!-- Card 4: Design Harmony -->\r\n            <div class=\"bg-[#F9FAFB] rounded-[2.5rem] p-12 text-center hover:bg-brand-green hover:text-white transition-all duration-300 group cursor-default\">\r\n                <div class=\"w-88 h-88 mx-auto bg-white rounded-3xl overflow-hidden mb-10 shadow-md group-hover:shadow-xl transition\">\r\n                    <img decoding=\"async\" src=\"http:\/\/novohope.pet\/wp-content\/uploads\/2025\/12\/4.Design-Harmony.jpg\" alt=\"Design Harmony\" class=\"w-full h-full object-cover\">\r\n                <\/div>\r\n                <h3 class=\"text-3xl font-bold mb-5 text-brand-dark group-hover:text-white transition\">Design Harmony<\/h3>\r\n                <p class=\"text-gray-500 text-xl leading-relaxed group-hover:text-white\/90 transition\">\r\n                    Stylish, functional designs crafted to blend seamlessly into your living space.\r\n                <\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n    <section id=\"science\" class=\"py-32 bg-brand-dark text-white relative overflow-hidden w-full\">\r\n        <div class=\"absolute inset-0 bg-black\/20\"><\/div>\r\n        <div class=\"container-wide relative z-10\">\r\n            <div class=\"grid lg:grid-cols-2 gap-20 items-center\">\r\n                <div>\r\n                    <h2 class=\"text-5xl lg:text-7xl font-black mb-10 leading-tight\">\r\n                        Scientific Care, <br \/>\r\n                        Aesthetic <span class=\"text-brand-green\">Living<\/span>\r\n                    <\/h2>\r\n                    <p class=\"text-2xl text-gray-300 mb-12 leading-relaxed\">\r\n                        NOVOHOPE blends medical-grade efficacy with aesthetic design to renew pet health and elevate your lifestyle. From pure ingredients to smart innovation, we deliver visible results and artful experiences, creating a smarter, more beautiful connection between you and your pet.\r\n                    <\/p>\r\n                <\/div>\r\n                <div id=\"dealer\" class=\"bg-white\/10 backdrop-blur-xl p-14 rounded-[3rem] border border-white\/20\">\r\n                    <h3 class=\"text-4xl font-black mb-8\">Global Partner Program<\/h3>\r\n                    <p class=\"text-xl text-gray-200 mb-10 leading-relaxed\">\r\n                        Join the NovoHope global network. We are looking for distributors and wholesalers who share our values of pet health, sustainability, and innovation.\r\n                    <\/p>\r\n                    <div class=\"space-y-6\">\r\n                        <a href=\"https:\/\/novohope.pet\/index.php\/contact-us\/\" class=\"block w-full bg-brand-green text-white text-center py-5 rounded-2xl font-black hover:bg-brand-dark transition text-xl no-underline\">\r\n                            Apply to Become a Distributor\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n<!-- Mobile Fullscreen Menu -->\r\n\r\n   <script>\r\n    document.addEventListener(\"DOMContentLoaded\", function() {\r\n        if (typeof lucide !== 'undefined') {\r\n            lucide.createIcons();\r\n        }\r\n\r\n        const menuBtn = document.getElementById('mobile-menu-btn');\r\n        const mobileMenu = document.getElementById('mobile-menu');\r\n        const body = document.body;\r\n\r\n        if (menuBtn && mobileMenu) {\r\n            menuBtn.addEventListener('click', function() {\r\n                if (mobileMenu.style.display === 'flex') {\r\n                    mobileMenu.style.display = 'none';\r\n                    body.classList.remove('mobile-menu-open');\r\n                    menuBtn.innerHTML = '<i data-lucide=\"menu\" class=\"w-8 h-8\"><\/i>';\r\n                } else {\r\n                    mobileMenu.style.display = 'flex';\r\n                    body.classList.add('mobile-menu-open');\r\n                    menuBtn.innerHTML = '<i data-lucide=\"x\" class=\"w-8 h-8\"><\/i>';\r\n                }\r\n\r\n                if (typeof lucide !== 'undefined') {\r\n                    lucide.createIcons();\r\n                }\r\n            });\r\n\r\n            \/\/ \u70b9\u51fb\u83dc\u5355\u9879\u81ea\u52a8\u5173\u95ed\r\n            mobileMenu.querySelectorAll('a').forEach(link => {\r\n                link.addEventListener('click', () => {\r\n                    mobileMenu.style.display = 'none';\r\n                    body.classList.remove('mobile-menu-open');\r\n                    menuBtn.innerHTML = '<i data-lucide=\"menu\" class=\"w-8 h-8\"><\/i>';\r\n                    lucide.createIcons();\r\n                });\r\n            });\r\n        }\r\n    });\r\n\r\n    if (typeof lucide !== 'undefined') {\r\n        lucide.createIcons();\r\n    }\r\n<\/script>\r\n<\/div>\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>NovoHope Optimized Homepage Science Meets Nature W [&hellip;]<\/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-689","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/novohope.pet\/index.php\/wp-json\/wp\/v2\/pages\/689","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=689"}],"version-history":[{"count":146,"href":"https:\/\/novohope.pet\/index.php\/wp-json\/wp\/v2\/pages\/689\/revisions"}],"predecessor-version":[{"id":1188,"href":"https:\/\/novohope.pet\/index.php\/wp-json\/wp\/v2\/pages\/689\/revisions\/1188"}],"wp:attachment":[{"href":"https:\/\/novohope.pet\/index.php\/wp-json\/wp\/v2\/media?parent=689"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}