{"id":35,"date":"2026-07-20T10:13:48","date_gmt":"2026-07-20T02:13:48","guid":{"rendered":"http:\/\/zenpetbio.com\/?page_id=35"},"modified":"2026-07-28T00:31:11","modified_gmt":"2026-07-27T16:31:11","slug":"history","status":"publish","type":"page","link":"http:\/\/zenpetbio.com\/index.php\/history\/","title":{"rendered":"History"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"35\" class=\"elementor elementor-35\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4b288c1 e-con-full e-flex e-con e-parent\" data-id=\"4b288c1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4332ce6 elementor-widget elementor-widget-zenpetbio_history\" data-id=\"4332ce6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"zenpetbio_history.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <style>\n            :where(#zpb-history-4332ce6) {\n                --zpb-brand-green: #00ad9c; \/* \u4e3b\u9898\u8272 *\/\n                --zpb-dark-green: #008a7c;  \/* \u6df1\u8272\u4e3b\u9898\u8272 *\/\n                --zpb-btn-accent: #f4a561;  \/* \u7edf\u4e00\u6a59\u9ec4\u8272 CTA \u6309\u94ae *\/\n                --zpb-text-main: #334155;\n                --zpb-text-muted: #64748b;\n                --zpb-heading: #0f172a;\n                --zpb-bg-light: #f8fafc;\n                --zpb-border: #e2e8f0;\n                \n                font-family: Arial, Helvetica, sans-serif;\n                width: 100vw;\n                position: relative;\n                left: 50%;\n                transform: translateX(-50%);\n                overflow: hidden;\n                background-color: #fff;\n            }\n            :where(#zpb-history-4332ce6) * { box-sizing: border-box; }\n            :where(#zpb-history-4332ce6) img { display: block; max-width: 100%; height: auto; }\n            \n            \/* Container for text-heavy sections *\/\n            .zpb-content-container {\n                max-width: 1000px;\n                margin: 0 auto;\n                padding: 0 25px;\n            }\n\n            \/* ================= 1. Hero \/ Banner (Full Image) ================= *\/\n            .zpb-history-hero {\n                position: relative;\n                width: 100%;\n                background-size: cover;\n                background-position: center;\n                background-repeat: no-repeat;\n                display: flex;\n                align-items: center; \/* Vertically center content *\/\n                justify-content: center; \/* Horizontally center content *\/\n                color: #fff;\n            }\n            \n            .zpb-hero-overlay {\n                position: absolute;\n                inset: 0;\n                z-index: 1;\n                \/* Background color is set dynamically via Elementor selector *\/\n            }\n            \n            .zpb-hero-inner {\n                position: relative;\n                z-index: 2;\n                width: 100%;\n                \/* max-width is set dynamically via Elementor selector, default 1320px *\/\n                margin: 0 auto;\n                padding: 0 25px;\n                text-align: center; \/* Center align text *\/\n            }\n\n            \/* Hero Typography *\/\n            .zpb-hero-inner h1 {\n                font-size: 54px;\n                font-weight: 800;\n                margin: 0 0 18px;\n                color: #fff;\n                line-height: 1.1;\n                letter-spacing: -1px;\n            }\n            .zpb-hero-inner p {\n                font-size: 18px;\n                line-height: 1.6;\n                margin: 0 auto; \/* Center paragraph block *\/\n                color: #e6f7f5; \/* \u914d\u5408\u65b0\u4e3b\u9898\u8272\u7684\u67d4\u548c\u4eae\u8272 *\/\n                max-width: 600px;\n            }\n\n            \/* ================= 2. Overview & Chart ================= *\/\n            .zpb-overview-sec {\n                padding: 80px 0;\n            }\n            .zpb-overview-sec h2 {\n                font-size: 36px;\n                font-weight: 800;\n                color: var(--zpb-heading);\n                margin: 0 0 30px;\n                letter-spacing: -0.5px;\n            }\n            .zpb-overview-sec .zpb-wysiwyg {\n                font-size: 16px;\n                line-height: 1.8;\n                color: var(--zpb-text-main);\n                margin-bottom: 50px;\n            }\n            .zpb-overview-sec h3 {\n                font-size: 24px;\n                font-weight: 700;\n                color: var(--zpb-heading);\n                margin: 0 0 20px;\n            }\n            .zpb-chart-img {\n                width: 100%;\n                border-radius: 12px;\n                box-shadow: 0 10px 30px rgba(0,0,0,0.05);\n            }\n\n            \/* ================= 3. Founders ================= *\/\n            .zpb-founders-sec {\n                padding: 40px 0 80px;\n            }\n            .zpb-founder-item {\n                display: flex;\n                align-items: center;\n                gap: 50px;\n                margin-bottom: 60px;\n            }\n            .zpb-founder-item:last-child { margin-bottom: 0; }\n            .zpb-founder-img {\n                width: 220px;\n                height: 220px;\n                object-fit: cover;\n                flex-shrink: 0;\n                border-radius: 4px; \/* Slight rounding for a premium feel *\/\n                filter: grayscale(100%);\n                transition: 0.3s;\n            }\n            .zpb-founder-item:hover .zpb-founder-img { filter: grayscale(0%); }\n            .zpb-founder-text { flex: 1; }\n            .zpb-founder-text h3 {\n                font-size: 28px;\n                font-weight: 800;\n                color: var(--zpb-heading);\n                margin: 0 0 15px;\n            }\n            .zpb-founder-text p {\n                font-size: 16px;\n                line-height: 1.7;\n                color: var(--zpb-text-main);\n                margin: 0;\n            }\n\n            \/* ================= 4. Our Story (Narrative) ================= *\/\n            .zpb-story-sec {\n                padding: 60px 0 100px;\n            }\n            .zpb-story-sec h2 {\n                font-size: 36px;\n                font-weight: 800;\n                color: var(--zpb-heading);\n                margin: 0 0 40px;\n                letter-spacing: -0.5px;\n            }\n            .zpb-story-block {\n                margin-bottom: 35px;\n            }\n            .zpb-story-block h4 {\n                font-size: 18px;\n                font-weight: 800;\n                color: var(--zpb-heading);\n                margin: 0 0 10px;\n            }\n            .zpb-story-block .zpb-wysiwyg {\n                font-size: 15px;\n                line-height: 1.7;\n                color: var(--zpb-text-main);\n            }\n\n            \/* ================= 5. Bottom CTA ================= *\/\n            .zpb-cta-sec {\n                padding: 0 25px 80px;\n                max-width: 1150px; \/* \u7edf\u4e00\u6700\u5927\u5bbd\u5ea6 *\/\n                margin: 0 auto;\n            }\n            .zpb-cta-box {\n                display: flex;\n                background-color: var(--zpb-dark-green); \/* \u66f4\u65b0\u4e3a\u6df1\u8272\u4e3b\u8272\u8c03 *\/\n                border-radius: 12px;\n                overflow: hidden;\n                box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n            }\n            .zpb-cta-text-col {\n                flex: 1;\n                padding: 60px 50px;\n                color: #fff;\n                display: flex;\n                flex-direction: column;\n                justify-content: center;\n                align-items: flex-start;\n            }\n            .zpb-cta-text-col h3 {\n                font-size: 32px;\n                font-weight: 800;\n                margin: 0 0 15px;\n                color: #fff;\n            }\n            .zpb-cta-text-col p {\n                font-size: 15px;\n                line-height: 1.6;\n                margin: 0 0 25px;\n                color: #e6f7f5;\n            }\n            .zpb-cta-btn {\n                display: inline-flex;\n                align-items: center;\n                background: var(--zpb-btn-accent); \/* \u7edf\u4e00\u6a59\u9ec4\u8272 *\/\n                color: #fff;\n                padding: 0 24px;\n                min-height: 44px;\n                border-radius: 22px;\n                font-size: 15px;\n                font-weight: 700;\n                text-decoration: none;\n                transition: transform 0.2s, box-shadow 0.2s, background 0.2s;\n                border: none;\n            }\n            .zpb-cta-btn:hover {\n                background: #e8954e;\n                color: #fff;\n                transform: translateY(-2px);\n                box-shadow: 0 8px 20px rgba(244, 165, 97, 0.3);\n            }\n            .zpb-cta-img-col {\n                flex: 1;\n                background-size: cover;\n                background-position: center;\n                background-repeat: no-repeat;\n                min-height: 300px;\n            }\n\n            \/* ================= Responsive (Mobile Optimization - \u4e25\u683c\u7d27\u51d1\u5316) ================= *\/\n            @media (max-width: 768px) {\n                \n                \/* 1. Hero \u79fb\u52a8\u7aef\u4f18\u5316 *\/\n                .zpb-hero-inner { padding: 0 15px; } \/* Slightly reduce padding on very small screens *\/\n                .zpb-hero-inner h1 { \n                    font-size: 32px; \/* Smaller title *\/\n                    margin: 0 0 10px; \n                    line-height: 1.2;\n                }\n                .zpb-hero-inner p { \n                    font-size: 14px; \/* Smaller description *\/\n                    line-height: 1.5; \n                }\n\n                \/* 2. Overview \u79fb\u52a8\u7aef\u4f18\u5316 *\/\n                .zpb-overview-sec { padding: 45px 0; }\n                .zpb-overview-sec h2 {\n                    font-size: 26px;\n                    margin: 0 0 15px;\n                }\n                .zpb-overview-sec .zpb-wysiwyg {\n                    font-size: 14px;\n                    line-height: 1.5; \/* \u7d27\u51d1\u884c\u9ad8 *\/\n                    margin-bottom: 30px;\n                }\n                .zpb-overview-sec h3 {\n                    font-size: 20px;\n                    margin: 0 0 15px;\n                }\n\n                \/* 3. Founders \u79fb\u52a8\u7aef\u4f18\u5316 (\u4e0a\u4e0b\u7ed3\u6784) *\/\n                .zpb-founders-sec { padding: 20px 0 40px; }\n                .zpb-founder-item {\n                    flex-direction: column;\n                    gap: 15px; \/* \u6781\u7b80\u95f4\u8ddd *\/\n                    margin-bottom: 40px;\n                    text-align: left; \/* \u4fdd\u6301\u5de6\u5bf9\u9f50\u6613\u8bfb *\/\n                }\n                .zpb-founder-img {\n                    width: 100px; \/* \u5927\u5e45\u7f29\u5c0f\u5934\u50cf *\/\n                    height: 100px;\n                }\n                .zpb-founder-text h3 {\n                    font-size: 20px;\n                    margin: 0 0 8px;\n                }\n                .zpb-founder-text p {\n                    font-size: 13.5px;\n                    line-height: 1.45;\n                }\n\n                \/* 4. Story \u79fb\u52a8\u7aef\u4f18\u5316 *\/\n                .zpb-story-sec { padding: 30px 0 60px; }\n                .zpb-story-sec h2 {\n                    font-size: 26px;\n                    margin: 0 0 20px;\n                }\n                .zpb-story-block {\n                    margin-bottom: 25px; \/* \u7f29\u5c0f\u6bb5\u843d\u95f4\u8ddd *\/\n                }\n                .zpb-story-block h4 {\n                    font-size: 16px;\n                    margin: 0 0 6px;\n                }\n                .zpb-story-block .zpb-wysiwyg {\n                    font-size: 13.5px;\n                    line-height: 1.45; \/* \u6781\u7b80\u884c\u9ad8 *\/\n                }\n\n                \/* 5. CTA \u79fb\u52a8\u7aef\u4f18\u5316 *\/\n                .zpb-cta-sec { padding: 0 20px 50px; }\n                .zpb-cta-box {\n                    flex-direction: column-reverse; \/* \u56fe\u7247\u5728\u4e0a\uff0c\u6587\u5b57\u5728\u4e0b\u6548\u679c\u66f4\u597d *\/\n                    border-radius: 8px;\n                }\n                .zpb-cta-img-col { min-height: 200px; }\n                .zpb-cta-text-col {\n                    padding: 30px 20px; \/* \u6781\u7b80\u5185\u8fb9\u8ddd *\/\n                    align-items: center;\n                    text-align: center;\n                }\n                .zpb-cta-text-col h3 {\n                    font-size: 24px;\n                    margin: 0 0 10px;\n                }\n                .zpb-cta-text-col p {\n                    font-size: 13.5px;\n                    line-height: 1.45;\n                    margin: 0 0 20px;\n                }\n                .zpb-cta-btn {\n                    font-size: 13px;\n                    padding: 0 20px;\n                    min-height: 38px;\n                }\n            }\n        <\/style>\n\n        <div id=\"zpb-history-4332ce6\">\n            \n            <!-- 1. Hero Section -->\n            <section class=\"zpb-history-hero\" style=\"background-image: url('http:\/\/zenpetbio.com\/wp-content\/uploads\/2026\/07\/ScreenShot_2026-07-24_144155_878.png');\">\n                <div class=\"zpb-hero-overlay\"><\/div>\n                <div class=\"zpb-hero-inner\">\n                                            <h1>The History of Zenpetbio<\/h1>\n                                                                <p>A 20-year legacy of sustainable pet food ingredient solutions.<\/p>\n                                    <\/div>\n            <\/section>\n\n            <!-- 2. Overview & Chart Section -->\n            <section class=\"zpb-overview-sec\">\n                <div class=\"zpb-content-container\">\n                                            <h2>History of Zenpetbio<\/h2>\n                                        \n                                            <div class=\"zpb-wysiwyg\">\n                            <p>In 2002, our founders saw an opportunity to connect local farmers with the growing pet food industry...<\/p>                        <\/div>\n                    \n                                            <h3>Transforming Our Portfolio<\/h3>\n                    \n                                            <img decoding=\"async\" class=\"zpb-chart-img\" src=\"https:\/\/images.unsplash.com\/photo-1551288049-bebda4e38f71?auto=format&#038;fit=crop&#038;w=1200&#038;q=80\" alt=\"Timeline Chart\">\n                                    <\/div>\n            <\/section>\n\n            <!-- 3. Founders Section -->\n                            <section class=\"zpb-founders-sec\">\n                    <div class=\"zpb-content-container\">\n                                                    <div class=\"zpb-founder-item\">\n                                                                    <img decoding=\"async\" class=\"zpb-founder-img\" src=\"https:\/\/images.unsplash.com\/photo-1560250097-0b93528c311a?auto=format&#038;fit=crop&#038;w=400&#038;q=80\" alt=\"Founder George Archer\">\n                                                                <div class=\"zpb-founder-text\">\n                                    <h3>Founder George Archer<\/h3>\n                                    <p>George established the foundation of our supply chain.<\/p>\n                                <\/div>\n                            <\/div>\n                                                    <div class=\"zpb-founder-item\">\n                                                                    <img decoding=\"async\" class=\"zpb-founder-img\" src=\"https:\/\/images.unsplash.com\/photo-1560250097-0b93528c311a?auto=format&#038;fit=crop&#038;w=400&#038;q=80\" alt=\"Founder John Daniels\">\n                                                                <div class=\"zpb-founder-text\">\n                                    <h3>Founder John Daniels<\/h3>\n                                    <p>John expanded our footprint to international markets.<\/p>\n                                <\/div>\n                            <\/div>\n                                            <\/div>\n                <\/section>\n            \n            <!-- 4. Our Story Narrative Section -->\n            <section class=\"zpb-story-sec\">\n                <div class=\"zpb-content-container\">\n                                            <h2>Our Story<\/h2>\n                    \n                                                                        <div class=\"zpb-story-block\">\n                                <h4>2002: A Humble Start<\/h4>\n                                <div class=\"zpb-wysiwyg\">\n                                    <p>Founded with a core mission to provide sustainable and high-quality nutritional ingredients.<\/p>                                <\/div>\n                            <\/div>\n                                                    <div class=\"zpb-story-block\">\n                                <h4>2010: Global Expansion<\/h4>\n                                <div class=\"zpb-wysiwyg\">\n                                    <p>Expanded our supply chain footprint into Asia and Europe, establishing robust networks.<\/p>                                <\/div>\n                            <\/div>\n                                                    <div class=\"zpb-story-block\">\n                                <h4>2026: Leading the Future<\/h4>\n                                <div class=\"zpb-wysiwyg\">\n                                    <p>Recognized as a premier global supply chain partner driving efficiencies worldwide.<\/p>                                <\/div>\n                            <\/div>\n                                                            <\/div>\n            <\/section>\n\n            <!-- 5. Bottom CTA Section -->\n            <section class=\"zpb-cta-sec\">\n                <div class=\"zpb-cta-box\">\n                    <div class=\"zpb-cta-text-col\">\n                                                    <h3>Partner with us now!<\/h3>\n                                                                            <p>We are ready to support your ingredient sourcing anywhere in the world.<\/p>\n                                                                            <a class=\"zpb-cta-btn\" href=\"#\">\n                                Contact Us                            <\/a>\n                                            <\/div>\n                                            <div class=\"zpb-cta-img-col\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1600880292203-757bb62b4baf?auto=format&#038;fit=crop&#038;w=800&#038;q=80');\"><\/div>\n                                    <\/div>\n            <\/section>\n\n        <\/div>\n        \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>The History of Zenpetbio A 20-year legacy of sustainabl [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-35","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"http:\/\/zenpetbio.com\/index.php\/wp-json\/wp\/v2\/pages\/35","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/zenpetbio.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/zenpetbio.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/zenpetbio.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/zenpetbio.com\/index.php\/wp-json\/wp\/v2\/comments?post=35"}],"version-history":[{"count":16,"href":"http:\/\/zenpetbio.com\/index.php\/wp-json\/wp\/v2\/pages\/35\/revisions"}],"predecessor-version":[{"id":262,"href":"http:\/\/zenpetbio.com\/index.php\/wp-json\/wp\/v2\/pages\/35\/revisions\/262"}],"wp:attachment":[{"href":"http:\/\/zenpetbio.com\/index.php\/wp-json\/wp\/v2\/media?parent=35"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}