<!DOCTYPE html>
<html lang="en"><head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests; script-src 'self' 'unsafe-inline' 'unsafe-eval' https://*.google.com https://*.googleapis.com https://*.gstatic.com https://*.googletagmanager.com https://*.google-analytics.com https://*.googleadservices.com https://*.googlesyndication.com https://*.doubleclick.net https://connect.facebook.net https://*.facebook.com https://*.clarity.ms https://cdn.lordicon.com https://*.paypal.com https://*.stripe.com; script-src-elem 'self' 'unsafe-inline' 'unsafe-eval' https://*.google.com https://*.googleapis.com https://*.gstatic.com https://*.googletagmanager.com https://*.google-analytics.com https://*.googleadservices.com https://*.googlesyndication.com https://*.doubleclick.net https://connect.facebook.net https://*.facebook.com https://*.clarity.ms https://cdn.lordicon.com https://*.paypal.com https://*.stripe.com; connect-src 'self' https://*.nsvcs.net https://*.google.com https://*.googleapis.com https://*.gstatic.com https://*.googletagmanager.com https://*.google-analytics.com https://*.googleadservices.com https://*.googlesyndication.com https://*.doubleclick.net https://connect.facebook.net https://connect.facebook.com https://*.facebook.com https://graph.facebook.com https://*.clarity.ms https://c.bing.com https://cdn.lordicon.com https://*.paypal.com https://*.stripe.com https://ssapi.shipstation.com https://api.resend.com https://api.openai.com https://*.supabase.co wss://*.supabase.co; frame-src 'self' https://*.google.com https://*.googletagmanager.com https://*.paypal.com https://*.stripe.com; img-src 'self' data: https: blob:;">
    <meta name="google-site-verification" content="zt_MZ-l_iZI-KKl9_PUeYxLDmSi8yE-g7XdbOYVXRsc">

    <!-- Environment detection utility (shared by all tracking scripts) -->
    <script>
      window.__isDevEnvironment = (function () {
        const hostname = window.location.hostname;
        return (
          hostname.includes("localhost") ||
          hostname.includes("127.0.0.1") ||
          hostname.includes(":8") ||
          hostname.includes(":3000") ||
          hostname.includes(":5173") ||
          hostname.includes("builder.io") ||
          hostname.includes("fly.dev")
        );
      })();

      // Cookie consent reader (opt-out model: no record = allowed)
      window.__cookieConsent = (function () {
        try {
          var raw = localStorage.getItem("gp-cookie-consent");
          if (!raw) return { analytics: true, marketing: true }; // first visit
          return JSON.parse(raw);
        } catch (e) {
          return { analytics: true, marketing: true };
        }
      })();
    </script>

    <!-- Google Tag | GA4 -->
    <script>
      // Skip Google Analytics on dev environments or if user opted out of analytics
      if (!window.__isDevEnvironment && window.__cookieConsent.analytics) {
        var _gaScript = document.createElement('script');
        _gaScript.async = true;
        _gaScript.src = 'https://www.googletagmanager.com/gtag/js?id=G-NF93WVGF32';
        document.head.appendChild(_gaScript);
        window.dataLayer = window.dataLayer || [];
        function gtag() {
          dataLayer.push(arguments);
        }
        gtag("js", new Date());
        gtag("config", "G-NF93WVGF32");
      } else {
        console.log("[GA] Skipping Google Analytics");
      }
    </script>
    <!-- Google Tag | GA4 END -->

    <!-- Google Tag Manager - Pixa -->
    <script>
      // Skip GTM on dev environments or if user opted out of marketing
      if (!window.__isDevEnvironment && window.__cookieConsent.marketing) {
        (function (w, d, s, l, i) {
          w[l] = w[l] || [];
          w[l].push({ "gtm.start": new Date().getTime(), event: "gtm.js" });
          var f = d.getElementsByTagName(s)[0],
            j = d.createElement(s),
            dl = l != "dataLayer" ? "&l=" + l : "";
          j.async = true;
          j.src = "https://www.googletagmanager.com/gtm.js?id=" + i + dl;
          f.parentNode.insertBefore(j, f);
        })(window, document, "script", "dataLayer", "GTM-N874TJ9");
      } else {
        console.log("[GTM] Skipping Google Tag Manager");
      }
    </script>
    <!-- End Google Tag Manager - Pixa -->

    <!-- Primary Meta Tags -->
    <title>
      GreenPeach | Expert-Formulated Liquid Vitamins for Kids &amp; Adults
    </title>
    <meta name="title" content="GreenPeach | Expert-Formulated Liquid Vitamins for Kids &amp; Adults">
    <meta name="description" content="Premium liquid vitamins with better absorption. Expert-formulated, GMP certified supplements for happy, healthy families. Clean ingredients, no fillers. Free shipping over $30!">
    <meta name="keywords" content="liquid vitamins, kids vitamins, family supplements, expert formulated, GMP certified, liquid multivitamin, vitamin D3, omega 3, iron supplement">
    <meta name="author" content="GreenPeach">
    <link rel="canonical" href="https://greenpeach.com/">

    <!-- Open Graph / Facebook -->
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://greenpeach.com/">
    <meta property="og:title" content="GreenPeach | Expert-Formulated Liquid Vitamins for Kids &amp; Adults">
    <meta property="og:description" content="Premium liquid vitamins with better absorption. Expert-formulated, GMP certified supplements for happy, healthy families. Clean ingredients, no fillers.">
    <meta property="og:image" content="https://cdn.builder.io/api/v1/image/assets%2F2651dca913d34eafa320b193e1b2c34e%2F924d5c0738ed4ef584a142afcab6df5c?format=jpg&amp;quality=80&amp;width=1200">
    <meta property="og:site_name" content="GreenPeach">

    <!-- Twitter -->
    <meta property="twitter:card" content="summary_large_image">
    <meta property="twitter:url" content="https://greenpeach.com/">
    <meta property="twitter:title" content="GreenPeach | Expert-Formulated Liquid Vitamins for Kids &amp; Adults">
    <meta property="twitter:description" content="Premium liquid vitamins with better absorption. Expert-formulated, GMP certified supplements for happy, healthy families.">
    <meta property="twitter:image" content="https://cdn.builder.io/api/v1/image/assets%2F2651dca913d34eafa320b193e1b2c34e%2F924d5c0738ed4ef584a142afcab6df5c?format=jpg&amp;quality=80&amp;width=1200">

    <!-- Favicon - Using absolute CDN URLs to prevent proxy override -->
    <link rel="icon" type="image/png" sizes="32x32" href="https://cdn.builder.io/api/v1/image/assets%2F2651dca913d34eafa320b193e1b2c34e%2Ff70e3e39b8f842a0a58b24151c72819f?format=png&amp;width=32&amp;height=32">
    <link rel="icon" type="image/png" sizes="16x16" href="https://cdn.builder.io/api/v1/image/assets%2F2651dca913d34eafa320b193e1b2c34e%2Ff70e3e39b8f842a0a58b24151c72819f?format=png&amp;width=32&amp;height=32">
    <link rel="apple-touch-icon" sizes="180x180" href="https://cdn.builder.io/api/v1/image/assets%2F2651dca913d34eafa320b193e1b2c34e%2Ff70e3e39b8f842a0a58b24151c72819f?format=png&amp;width=180&amp;height=180">
    <link rel="manifest" href="/site.webmanifest">
    <meta name="theme-color" content="#2D5016">

    <!-- Favicon enforcement: one-shot fix on DOMContentLoaded -->
    <script>
      (function () {
        var FAVICON_URL =
          "https://cdn.builder.io/api/v1/image/assets%2F2651dca913d34eafa320b193e1b2c34e%2Ff70e3e39b8f842a0a58b24151c72819f?format=png&width=32&height=32";
        function enforceFavicon() {
          var links = document.querySelectorAll(
            'link[rel="icon"], link[rel="shortcut icon"]',
          );
          links.forEach(function (link) {
            if (link.href !== FAVICON_URL) link.href = FAVICON_URL;
          });
        }
        if (document.readyState === "loading") {
          document.addEventListener("DOMContentLoaded", enforceFavicon);
        } else {
          enforceFavicon();
        }
      })();
    </script>

    <!-- Preconnect only for critical origins that block initial render -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
    <link rel="preconnect" href="https://cdn.builder.io">
    <!-- DNS prefetch for deferred third-party scripts (lower priority) -->
    <link rel="dns-prefetch" href="https://connect.facebook.net">
    <link rel="dns-prefetch" href="https://www.clarity.ms">

    <!-- Preload LCP hero image - Desktop (matches slide index 1 - initial slide) -->
    <!-- Using width=1200 to match getResponsiveImage default src (middle of widths array) -->
    <link rel="preload" as="image" href="https://cdn.builder.io/api/v1/image/assets%2F2651dca913d34eafa320b193e1b2c34e%2F924d5c0738ed4ef584a142afcab6df5c?format=webp&amp;quality=80&amp;width=1200" imagesrcset="https://cdn.builder.io/api/v1/image/assets%2F2651dca913d34eafa320b193e1b2c34e%2F924d5c0738ed4ef584a142afcab6df5c?format=webp&amp;quality=80&amp;width=640 640w, https://cdn.builder.io/api/v1/image/assets%2F2651dca913d34eafa320b193e1b2c34e%2F924d5c0738ed4ef584a142afcab6df5c?format=webp&amp;quality=80&amp;width=828 828w, https://cdn.builder.io/api/v1/image/assets%2F2651dca913d34eafa320b193e1b2c34e%2F924d5c0738ed4ef584a142afcab6df5c?format=webp&amp;quality=80&amp;width=1200 1200w, https://cdn.builder.io/api/v1/image/assets%2F2651dca913d34eafa320b193e1b2c34e%2F924d5c0738ed4ef584a142afcab6df5c?format=webp&amp;quality=80&amp;width=1920 1920w, https://cdn.builder.io/api/v1/image/assets%2F2651dca913d34eafa320b193e1b2c34e%2F924d5c0738ed4ef584a142afcab6df5c?format=webp&amp;quality=80&amp;width=2400 2400w" imagesizes="100vw" fetchpriority="high" media="(min-width: 640px)">
    <!-- Preload LCP hero image - Mobile (matches slide index 1 - initial slide) -->
    <!-- Using width=828 to match getResponsiveImage default src (middle of widths array) -->
    <link rel="preload" as="image" href="https://cdn.builder.io/api/v1/image/assets%2F2651dca913d34eafa320b193e1b2c34e%2Fcaefe54fc62a46c882a91c546c5b281a?format=webp&amp;quality=80&amp;width=828" imagesrcset="https://cdn.builder.io/api/v1/image/assets%2F2651dca913d34eafa320b193e1b2c34e%2Fcaefe54fc62a46c882a91c546c5b281a?format=webp&amp;quality=80&amp;width=640 640w, https://cdn.builder.io/api/v1/image/assets%2F2651dca913d34eafa320b193e1b2c34e%2Fcaefe54fc62a46c882a91c546c5b281a?format=webp&amp;quality=80&amp;width=828 828w, https://cdn.builder.io/api/v1/image/assets%2F2651dca913d34eafa320b193e1b2c34e%2Fcaefe54fc62a46c882a91c546c5b281a?format=webp&amp;quality=80&amp;width=1200 1200w, https://cdn.builder.io/api/v1/image/assets%2F2651dca913d34eafa320b193e1b2c34e%2Fcaefe54fc62a46c882a91c546c5b281a?format=webp&amp;quality=80&amp;width=1920 1920w, https://cdn.builder.io/api/v1/image/assets%2F2651dca913d34eafa320b193e1b2c34e%2Fcaefe54fc62a46c882a91c546c5b281a?format=webp&amp;quality=80&amp;width=2400 2400w" imagesizes="100vw" fetchpriority="high" media="(max-width: 639px)">

    <!-- Google Fonts with swap display to ensure fonts always render -->
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&amp;family=Candal&amp;family=Tasa+Explorer:wght@700&amp;display=swap" rel="stylesheet" media="all" onload="this.media='all'">
    <noscript>
      <link
        href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Candal&family=Tasa+Explorer:wght@700&display=swap"
        rel="stylesheet"
      />
    </noscript>

    <!-- Lordicon for animated icons (deferred for better performance) -->
    <script defer="" src="https://cdn.lordicon.com/lordicon.js" onerror="console.warn('[LORDICON] Failed to load lordicon script from CDN')"></script>

    <!-- Microsoft Clarity -->
    <script type="text/javascript">
      // Load Clarity immediately (async) to capture initial page state correctly
      (function (c, l, a, r, i, t, y) {
        // Skip Clarity tracking for dev/test environments or if user opted out of analytics
        if (window.__isDevEnvironment || !window.__cookieConsent.analytics) {
          console.log(
            "[CLARITY] Skipping Clarity tracking",
          );
          return;
        }

        c[a] =
          c[a] ||
          function () {
            (c[a].q = c[a].q || []).push(arguments);
          };
        t = l.createElement(r);
        t.async = 1;
        t.src = "https://www.clarity.ms/tag/" + i;
        t.onerror = function () {
          console.error("[CLARITY] Failed to load Microsoft Clarity script");
        };
        t.onload = function () {
          console.log(
            "[CLARITY] Microsoft Clarity loaded successfully on production",
          );
        };
        y = l.getElementsByTagName(r)[0];
        y.parentNode.insertBefore(t, y);
      })(window, document, "clarity", "script", "tyezeidpqh");

      // Configure Clarity masking rules after it loads
      window.clarity =
        window.clarity ||
        function () {
          (window.clarity.q = window.clarity.q || []).push(arguments);
        };

      // Unmask common UI patterns to ensure proper recording
      if (window.clarity) {
        window.clarity("set", {
          disablePageUnload: false,
          disableConsoleErrorTracking: false,
          disableConsoleWarningTracking: true,
          disableClickTracking: false,
          disablePageScroll: false,
        });

        // Wait for DOM to fully load before applying mask rules
        if (document.readyState === "loading") {
          document.addEventListener("DOMContentLoaded", applyMaskRules);
        } else {
          applyMaskRules();
        }
      }

      function applyMaskRules() {
        // Unmask dialogs, modals, and overlays
        const unmaskSelectors = [
          '[role="dialog"]',
          '[data-clarity-region="dialog-overlay"]',
          '[data-clarity-region="dialog-content"]',
          ".toast",
          '[role="alert"]',
          '[role="alertdialog"]',
          '[data-state="open"]',
          ".radix-dropdown-menu",
          ".radix-select-content",
          "[data-radix-dialog-overlay]",
          "[data-radix-dropdown-menu-content]",
          "[data-radix-select-content]",
        ];

        unmaskSelectors.forEach((selector) => {
          try {
            document.querySelectorAll(selector).forEach((el) => {
              if (el) {
                el.setAttribute("data-clarity-unmask", "true");
              }
            });
          } catch (e) {
            console.warn(
              "[CLARITY] Could not apply mask rule for selector:",
              selector,
            );
          }
        });

        // Also watch for dynamically added elements
        const observer = new MutationObserver((mutations) => {
          unmaskSelectors.forEach((selector) => {
            try {
              document.querySelectorAll(selector).forEach((el) => {
                if (el && !el.hasAttribute("data-clarity-unmask")) {
                  el.setAttribute("data-clarity-unmask", "true");
                }
              });
            } catch (e) {
              // Silently fail for invalid selectors
            }
          });
        });

        observer.observe(document.body, {
          childList: true,
          subtree: true,
          attributes: false,
        });
      }
    </script>

    <!-- Meta Pixel Code -->
    <script>
      // Defer Facebook Pixel to improve initial page load performance
      window.addEventListener("load", function () {
        setTimeout(function () {
          // Skip Meta Pixel tracking on dev environments or if user opted out of marketing
          if (window.__isDevEnvironment || !window.__cookieConsent.marketing) {
            console.log("[FB Pixel] Skipping Facebook Pixel");
            return;
          }

          !(function (f, b, e, v, n, t, s) {
            if (f.fbq) return;
            n = f.fbq = function () {
              n.callMethod
                ? n.callMethod.apply(n, arguments)
                : n.queue.push(arguments);
            };
            if (!f._fbq) f._fbq = n;
            n.push = n;
            n.loaded = !0;
            n.version = "2.0";
            n.queue = [];
            t = b.createElement(e);
            t.async = !0;
            t.src = v;
            s = b.getElementsByTagName(e)[0];
            s.parentNode.insertBefore(t, s);
          })(
            window,
            document,
            "script",
            "https://connect.facebook.net/en_US/fbevents.js",
          );

          // Advanced Matching - Get user data from localStorage if available
          var advancedMatchingData = {};
          try {
            var userEmail = localStorage.getItem("greenpeach-user-email");
            var userPhone = localStorage.getItem("greenpeach-user-phone");

            if (userEmail) {
              advancedMatchingData.em = userEmail;
            }
            if (userPhone) {
              advancedMatchingData.ph = userPhone;
            }
          } catch (e) {
            console.warn(
              "[FB Pixel] Could not retrieve user data for advanced matching:",
              e,
            );
          }

          // Initialize pixel with advanced matching data (empty object if no user data)
          fbq("init", "1360977188758307", advancedMatchingData);
          fbq("track", "PageView");
        }, 3000); // Load Facebook Pixel 3s after page load to reduce main-thread blocking
      });
    </script>
    <!-- End Meta Pixel Code -->
    <!-- Google tag (gtag.js) - GA4 + Google Ads (deferred, dev-gated) -->
    <script>
      window.addEventListener("load", function () {
        setTimeout(function () {
          if (window.__isDevEnvironment || !window.__cookieConsent.marketing) return;

          // Load gtag script for secondary GA4 + Google Ads
          var s = document.createElement("script");
          s.async = true;
          s.src = "https://www.googletagmanager.com/gtag/js?id=G-F7VDJ1XLMY";
          document.head.appendChild(s);

          s.onload = function () {
            window.dataLayer = window.dataLayer || [];
            function gtag() {
              dataLayer.push(arguments);
            }
            gtag("js", new Date());
            gtag("config", "G-F7VDJ1XLMY");
            gtag("config", "AW-469201829");
          };
        }, 2000);
      });
    </script>
    <script type="module" crossorigin="" src="/assets/index-D8dRFiej.js"></script>
    <link rel="modulepreload" crossorigin="" href="/assets/vendor-Bs7gn1Hv.js">
    <link rel="modulepreload" crossorigin="" href="/assets/ui-Dsh0XeFN.js">
    <link rel="stylesheet" crossorigin="" href="/assets/index-C7p5MoqE.css">
  <style type="text/css">:where(html[dir="ltr"]),:where([data-sonner-toaster][dir="ltr"]){--toast-icon-margin-start: -3px;--toast-icon-margin-end: 4px;--toast-svg-margin-start: -1px;--toast-svg-margin-end: 0px;--toast-button-margin-start: auto;--toast-button-margin-end: 0;--toast-close-button-start: 0;--toast-close-button-end: unset;--toast-close-button-transform: translate(-35%, -35%)}:where(html[dir="rtl"]),:where([data-sonner-toaster][dir="rtl"]){--toast-icon-margin-start: 4px;--toast-icon-margin-end: -3px;--toast-svg-margin-start: 0px;--toast-svg-margin-end: -1px;--toast-button-margin-start: 0;--toast-button-margin-end: auto;--toast-close-button-start: unset;--toast-close-button-end: 0;--toast-close-button-transform: translate(35%, -35%)}:where([data-sonner-toaster]){position:fixed;width:var(--width);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;--gray1: hsl(0, 0%, 99%);--gray2: hsl(0, 0%, 97.3%);--gray3: hsl(0, 0%, 95.1%);--gray4: hsl(0, 0%, 93%);--gray5: hsl(0, 0%, 90.9%);--gray6: hsl(0, 0%, 88.7%);--gray7: hsl(0, 0%, 85.8%);--gray8: hsl(0, 0%, 78%);--gray9: hsl(0, 0%, 56.1%);--gray10: hsl(0, 0%, 52.3%);--gray11: hsl(0, 0%, 43.5%);--gray12: hsl(0, 0%, 9%);--border-radius: 8px;box-sizing:border-box;padding:0;margin:0;list-style:none;outline:none;z-index:999999999;transition:transform .4s ease}:where([data-sonner-toaster][data-lifted="true"]){transform:translateY(-10px)}@media (hover: none) and (pointer: coarse){:where([data-sonner-toaster][data-lifted="true"]){transform:none}}:where([data-sonner-toaster][data-x-position="right"]){right:var(--offset-right)}:where([data-sonner-toaster][data-x-position="left"]){left:var(--offset-left)}:where([data-sonner-toaster][data-x-position="center"]){left:50%;transform:translate(-50%)}:where([data-sonner-toaster][data-y-position="top"]){top:var(--offset-top)}:where([data-sonner-toaster][data-y-position="bottom"]){bottom:var(--offset-bottom)}:where([data-sonner-toast]){--y: translateY(100%);--lift-amount: calc(var(--lift) * var(--gap));z-index:var(--z-index);position:absolute;opacity:0;transform:var(--y);filter:blur(0);touch-action:none;transition:transform .4s,opacity .4s,height .4s,box-shadow .2s;box-sizing:border-box;outline:none;overflow-wrap:anywhere}:where([data-sonner-toast][data-styled="true"]){padding:16px;background:var(--normal-bg);border:1px solid var(--normal-border);color:var(--normal-text);border-radius:var(--border-radius);box-shadow:0 4px 12px #0000001a;width:var(--width);font-size:13px;display:flex;align-items:center;gap:6px}:where([data-sonner-toast]:focus-visible){box-shadow:0 4px 12px #0000001a,0 0 0 2px #0003}:where([data-sonner-toast][data-y-position="top"]){top:0;--y: translateY(-100%);--lift: 1;--lift-amount: calc(1 * var(--gap))}:where([data-sonner-toast][data-y-position="bottom"]){bottom:0;--y: translateY(100%);--lift: -1;--lift-amount: calc(var(--lift) * var(--gap))}:where([data-sonner-toast]) :where([data-description]){font-weight:400;line-height:1.4;color:inherit}:where([data-sonner-toast]) :where([data-title]){font-weight:500;line-height:1.5;color:inherit}:where([data-sonner-toast]) :where([data-icon]){display:flex;height:16px;width:16px;position:relative;justify-content:flex-start;align-items:center;flex-shrink:0;margin-left:var(--toast-icon-margin-start);margin-right:var(--toast-icon-margin-end)}:where([data-sonner-toast][data-promise="true"]) :where([data-icon])>svg{opacity:0;transform:scale(.8);transform-origin:center;animation:sonner-fade-in .3s ease forwards}:where([data-sonner-toast]) :where([data-icon])>*{flex-shrink:0}:where([data-sonner-toast]) :where([data-icon]) svg{margin-left:var(--toast-svg-margin-start);margin-right:var(--toast-svg-margin-end)}:where([data-sonner-toast]) :where([data-content]){display:flex;flex-direction:column;gap:2px}[data-sonner-toast][data-styled=true] [data-button]{border-radius:4px;padding-left:8px;padding-right:8px;height:24px;font-size:12px;color:var(--normal-bg);background:var(--normal-text);margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end);border:none;cursor:pointer;outline:none;display:flex;align-items:center;flex-shrink:0;transition:opacity .4s,box-shadow .2s}:where([data-sonner-toast]) :where([data-button]):focus-visible{box-shadow:0 0 0 2px #0006}:where([data-sonner-toast]) :where([data-button]):first-of-type{margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end)}:where([data-sonner-toast]) :where([data-cancel]){color:var(--normal-text);background:rgba(0,0,0,.08)}:where([data-sonner-toast][data-theme="dark"]) :where([data-cancel]){background:rgba(255,255,255,.3)}:where([data-sonner-toast]) :where([data-close-button]){position:absolute;left:var(--toast-close-button-start);right:var(--toast-close-button-end);top:0;height:20px;width:20px;display:flex;justify-content:center;align-items:center;padding:0;color:var(--gray12);border:1px solid var(--gray4);transform:var(--toast-close-button-transform);border-radius:50%;cursor:pointer;z-index:1;transition:opacity .1s,background .2s,border-color .2s}[data-sonner-toast] [data-close-button]{background:var(--gray1)}:where([data-sonner-toast]) :where([data-close-button]):focus-visible{box-shadow:0 4px 12px #0000001a,0 0 0 2px #0003}:where([data-sonner-toast]) :where([data-disabled="true"]){cursor:not-allowed}:where([data-sonner-toast]):hover :where([data-close-button]):hover{background:var(--gray2);border-color:var(--gray5)}:where([data-sonner-toast][data-swiping="true"]):before{content:"";position:absolute;left:-50%;right:-50%;height:100%;z-index:-1}:where([data-sonner-toast][data-y-position="top"][data-swiping="true"]):before{bottom:50%;transform:scaleY(3) translateY(50%)}:where([data-sonner-toast][data-y-position="bottom"][data-swiping="true"]):before{top:50%;transform:scaleY(3) translateY(-50%)}:where([data-sonner-toast][data-swiping="false"][data-removed="true"]):before{content:"";position:absolute;inset:0;transform:scaleY(2)}:where([data-sonner-toast]):after{content:"";position:absolute;left:0;height:calc(var(--gap) + 1px);bottom:100%;width:100%}:where([data-sonner-toast][data-mounted="true"]){--y: translateY(0);opacity:1}:where([data-sonner-toast][data-expanded="false"][data-front="false"]){--scale: var(--toasts-before) * .05 + 1;--y: translateY(calc(var(--lift-amount) * var(--toasts-before))) scale(calc(-1 * var(--scale)));height:var(--front-toast-height)}:where([data-sonner-toast])>*{transition:opacity .4s}:where([data-sonner-toast][data-expanded="false"][data-front="false"][data-styled="true"])>*{opacity:0}:where([data-sonner-toast][data-visible="false"]){opacity:0;pointer-events:none}:where([data-sonner-toast][data-mounted="true"][data-expanded="true"]){--y: translateY(calc(var(--lift) * var(--offset)));height:var(--initial-height)}:where([data-sonner-toast][data-removed="true"][data-front="true"][data-swipe-out="false"]){--y: translateY(calc(var(--lift) * -100%));opacity:0}:where([data-sonner-toast][data-removed="true"][data-front="false"][data-swipe-out="false"][data-expanded="true"]){--y: translateY(calc(var(--lift) * var(--offset) + var(--lift) * -100%));opacity:0}:where([data-sonner-toast][data-removed="true"][data-front="false"][data-swipe-out="false"][data-expanded="false"]){--y: translateY(40%);opacity:0;transition:transform .5s,opacity .2s}:where([data-sonner-toast][data-removed="true"][data-front="false"]):before{height:calc(var(--initial-height) + 20%)}[data-sonner-toast][data-swiping=true]{transform:var(--y) translateY(var(--swipe-amount-y, 0px)) translate(var(--swipe-amount-x, 0px));transition:none}[data-sonner-toast][data-swiped=true]{user-select:none}[data-sonner-toast][data-swipe-out=true][data-y-position=bottom],[data-sonner-toast][data-swipe-out=true][data-y-position=top]{animation-duration:.2s;animation-timing-function:ease-out;animation-fill-mode:forwards}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=left]{animation-name:swipe-out-left}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=right]{animation-name:swipe-out-right}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=up]{animation-name:swipe-out-up}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=down]{animation-name:swipe-out-down}@keyframes swipe-out-left{0%{transform:var(--y) translate(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translate(calc(var(--swipe-amount-x) - 100%));opacity:0}}@keyframes swipe-out-right{0%{transform:var(--y) translate(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translate(calc(var(--swipe-amount-x) + 100%));opacity:0}}@keyframes swipe-out-up{0%{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) - 100%));opacity:0}}@keyframes swipe-out-down{0%{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) + 100%));opacity:0}}@media (max-width: 600px){[data-sonner-toaster]{position:fixed;right:var(--mobile-offset-right);left:var(--mobile-offset-left);width:100%}[data-sonner-toaster][dir=rtl]{left:calc(var(--mobile-offset-left) * -1)}[data-sonner-toaster] [data-sonner-toast]{left:0;right:0;width:calc(100% - var(--mobile-offset-left) * 2)}[data-sonner-toaster][data-x-position=left]{left:var(--mobile-offset-left)}[data-sonner-toaster][data-y-position=bottom]{bottom:var(--mobile-offset-bottom)}[data-sonner-toaster][data-y-position=top]{top:var(--mobile-offset-top)}[data-sonner-toaster][data-x-position=center]{left:var(--mobile-offset-left);right:var(--mobile-offset-right);transform:none}}[data-sonner-toaster][data-theme=light]{--normal-bg: #fff;--normal-border: var(--gray4);--normal-text: var(--gray12);--success-bg: hsl(143, 85%, 96%);--success-border: hsl(145, 92%, 91%);--success-text: hsl(140, 100%, 27%);--info-bg: hsl(208, 100%, 97%);--info-border: hsl(221, 91%, 91%);--info-text: hsl(210, 92%, 45%);--warning-bg: hsl(49, 100%, 97%);--warning-border: hsl(49, 91%, 91%);--warning-text: hsl(31, 92%, 45%);--error-bg: hsl(359, 100%, 97%);--error-border: hsl(359, 100%, 94%);--error-text: hsl(360, 100%, 45%)}[data-sonner-toaster][data-theme=light] [data-sonner-toast][data-invert=true]{--normal-bg: #000;--normal-border: hsl(0, 0%, 20%);--normal-text: var(--gray1)}[data-sonner-toaster][data-theme=dark] [data-sonner-toast][data-invert=true]{--normal-bg: #fff;--normal-border: var(--gray3);--normal-text: var(--gray12)}[data-sonner-toaster][data-theme=dark]{--normal-bg: #000;--normal-bg-hover: hsl(0, 0%, 12%);--normal-border: hsl(0, 0%, 20%);--normal-border-hover: hsl(0, 0%, 25%);--normal-text: var(--gray1);--success-bg: hsl(150, 100%, 6%);--success-border: hsl(147, 100%, 12%);--success-text: hsl(150, 86%, 65%);--info-bg: hsl(215, 100%, 6%);--info-border: hsl(223, 100%, 12%);--info-text: hsl(216, 87%, 65%);--warning-bg: hsl(64, 100%, 6%);--warning-border: hsl(60, 100%, 12%);--warning-text: hsl(46, 87%, 65%);--error-bg: hsl(358, 76%, 10%);--error-border: hsl(357, 89%, 16%);--error-text: hsl(358, 100%, 81%)}[data-sonner-toaster][data-theme=dark] [data-sonner-toast] [data-close-button]{background:var(--normal-bg);border-color:var(--normal-border);color:var(--normal-text)}[data-sonner-toaster][data-theme=dark] [data-sonner-toast] [data-close-button]:hover{background:var(--normal-bg-hover);border-color:var(--normal-border-hover)}[data-rich-colors=true][data-sonner-toast][data-type=success],[data-rich-colors=true][data-sonner-toast][data-type=success] [data-close-button]{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}[data-rich-colors=true][data-sonner-toast][data-type=info],[data-rich-colors=true][data-sonner-toast][data-type=info] [data-close-button]{background:var(--info-bg);border-color:var(--info-border);color:var(--info-text)}[data-rich-colors=true][data-sonner-toast][data-type=warning],[data-rich-colors=true][data-sonner-toast][data-type=warning] [data-close-button]{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}[data-rich-colors=true][data-sonner-toast][data-type=error],[data-rich-colors=true][data-sonner-toast][data-type=error] [data-close-button]{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}.sonner-loading-wrapper{--size: 16px;height:var(--size);width:var(--size);position:absolute;inset:0;z-index:10}.sonner-loading-wrapper[data-visible=false]{transform-origin:center;animation:sonner-fade-out .2s ease forwards}.sonner-spinner{position:relative;top:50%;left:50%;height:var(--size);width:var(--size)}.sonner-loading-bar{animation:sonner-spin 1.2s linear infinite;background:var(--gray11);border-radius:6px;height:8%;left:-10%;position:absolute;top:-3.9%;width:24%}.sonner-loading-bar:nth-child(1){animation-delay:-1.2s;transform:rotate(.0001deg) translate(146%)}.sonner-loading-bar:nth-child(2){animation-delay:-1.1s;transform:rotate(30deg) translate(146%)}.sonner-loading-bar:nth-child(3){animation-delay:-1s;transform:rotate(60deg) translate(146%)}.sonner-loading-bar:nth-child(4){animation-delay:-.9s;transform:rotate(90deg) translate(146%)}.sonner-loading-bar:nth-child(5){animation-delay:-.8s;transform:rotate(120deg) translate(146%)}.sonner-loading-bar:nth-child(6){animation-delay:-.7s;transform:rotate(150deg) translate(146%)}.sonner-loading-bar:nth-child(7){animation-delay:-.6s;transform:rotate(180deg) translate(146%)}.sonner-loading-bar:nth-child(8){animation-delay:-.5s;transform:rotate(210deg) translate(146%)}.sonner-loading-bar:nth-child(9){animation-delay:-.4s;transform:rotate(240deg) translate(146%)}.sonner-loading-bar:nth-child(10){animation-delay:-.3s;transform:rotate(270deg) translate(146%)}.sonner-loading-bar:nth-child(11){animation-delay:-.2s;transform:rotate(300deg) translate(146%)}.sonner-loading-bar:nth-child(12){animation-delay:-.1s;transform:rotate(330deg) translate(146%)}@keyframes sonner-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes sonner-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@keyframes sonner-spin{0%{opacity:1}to{opacity:.15}}@media (prefers-reduced-motion){[data-sonner-toast],[data-sonner-toast]>*,.sonner-loading-bar{transition:none!important;animation:none!important}}.sonner-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transform-origin:center;transition:opacity .2s,transform .2s}.sonner-loader[data-visible=false]{opacity:0;transform:scale(.8) translate(-50%,-50%)}
</style><link rel="canonical" href="https://greenpeach.com/" data-rh="true"><meta name="description" content="Premium liquid vitamins with better absorption. Expert-formulated, GMP certified supplements for happy, healthy families. Clean ingredients, no fillers. Free shipping over $30!" data-rh="true"><meta property="og:title" content="GreenPeach | Expert-Formulated Liquid Vitamins for Kids &amp; Adults" data-rh="true"><meta property="og:description" content="Premium liquid vitamins with better absorption. Expert-formulated, GMP certified supplements for happy, healthy families." data-rh="true"><script type="application/ld+json" data-rh="true">[
  {
    "@context": "https://schema.org",
    "@type": "Organization",
    "name": "GreenPeach",
    "url": "https://greenpeach.com",
    "logo": "https://greenpeach.com/logo.png",
    "description": "Doctor-formulated liquid vitamins and supplements for kids and adults. Premium quality, better absorption, clean ingredients.",
    "contactPoint": {
      "@type": "ContactPoint",
      "telephone": "1-800-291-1219",
      "contactType": "Customer Service",
      "areaServed": "US",
      "availableLanguage": "English"
    },
    "sameAs": [
      "https://facebook.com/greenpeach",
      "https://instagram.com/greenpeach",
      "https://twitter.com/greenpeach"
    ],
    "address": {
      "@type": "PostalAddress",
      "addressCountry": "US"
    }
  },
  {
    "@context": "https://schema.org",
    "@type": "WebSite",
    "name": "GreenPeach",
    "url": "https://greenpeach.com",
    "potentialAction": {
      "@type": "SearchAction",
      "target": "https://greenpeach.com/search?q={search_term_string}",
      "query-input": "required name=search_term_string"
    }
  }
]</script></head>

  <body data-clarity-unmask="true">
    <!-- Meta Pixel noscript fallback (only if marketing consent) -->
    <div id="root" data-clarity-unmask="true"><a href="#main" class="sr-only focus:not-sr-only focus:absolute focus:top-4 focus:left-4 focus:z-[9999] focus:px-6 focus:py-3 focus:bg-brand-green focus:text-white focus:rounded-lg focus:shadow-xl focus:outline-none focus:ring-4 focus:ring-brand-green/50 font-medium">Skip to main content</a><div role="region" aria-label="Notifications (F8)" tabindex="-1" style="pointer-events: none;"><ol tabindex="-1" class="fixed bottom-24 right-4 z-[100] flex max-h-screen w-full flex-col-reverse gap-2 p-4 md:max-w-[420px]"></ol></div><section aria-label="Notifications alt+T" tabindex="-1" aria-live="polite" aria-relevant="additions text" aria-atomic="false"></section><main id="main"><div class="min-h-screen bg-white"><div class="hidden md:block text-white text-center py-2.5 text-xs sm:text-sm relative z-30" style="background-image: url(&quot;https://cdn.builder.io/api/v1/image/assets%2F2651dca913d34eafa320b193e1b2c34e%2F5ca949b016524f67b217987c22f1abc3?format=webp&amp;width=2400&amp;quality=90&quot;); background-size: cover; background-position: center center; background-repeat: repeat-x;"><div class="relative z-10 flex items-center justify-center gap-2 sm:gap-3 px-2 sm:px-4"><span class="font-medium">VALENTINES DAY SPECIAL! • 20% OFF</span><div class="flex items-center gap-2 px-2.5 sm:px-3 py-1 rounded-full" style="background: rgba(255, 255, 255, 0.25); backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.4); box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 16px, rgba(255, 255, 255, 0.6) 0px 1px 0px inset;"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-tag h-4 w-4 sm:h-5 sm:w-5 text-white drop-shadow-md" aria-hidden="true"><path d="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z"></path><circle cx="7.5" cy="7.5" r=".5" fill="currentColor"></circle></svg><span class="font-mono font-bold text-xs sm:text-sm text-white drop-shadow-md">LOVE2026</span></div><button class="flex-shrink-0 p-1 hover:bg-white/10 rounded transition-colors sm:absolute sm:right-4" aria-label="Close promo bar" title="Close"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-x h-4 w-4" aria-hidden="true"><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg></button></div></div><header class="bg-white/80 backdrop-blur-md border-b border-white/40 sticky top-0 z-50 shadow-sm" style="box-shadow: rgba(0, 0, 0, 0.05) 0px 4px 30px, rgba(255, 255, 255, 0.3) 0px 1px 0px inset;"><div class="container mx-auto pl-2 pr-0 sm:px-4 md:px-6 lg:px-8 max-w-[1400px] xl:max-w-[1600px]"><div class="flex items-center justify-between h-14 sm:h-16 md:grid md:grid-cols-[1fr_auto_1fr]"><div class="flex items-center gap-1 sm:gap-2 md:gap-4 flex-shrink-0 min-w-0"><a href="/" class="flex items-center" aria-label="GreenPeach Home"><img src="https://cdn.builder.io/api/v1/image/assets%2F2651dca913d34eafa320b193e1b2c34e%2Ff66310079dc441b9bfe933aa0da3ce1a?width=960&amp;format=webp&amp;quality=80" srcset="https://cdn.builder.io/api/v1/image/assets%2F2651dca913d34eafa320b193e1b2c34e%2Ff66310079dc441b9bfe933aa0da3ce1a?width=320&amp;format=webp&amp;quality=80 1x, https://cdn.builder.io/api/v1/image/assets%2F2651dca913d34eafa320b193e1b2c34e%2Ff66310079dc441b9bfe933aa0da3ce1a?width=640&amp;format=webp&amp;quality=80 2x, https://cdn.builder.io/api/v1/image/assets%2F2651dca913d34eafa320b193e1b2c34e%2Ff66310079dc441b9bfe933aa0da3ce1a?width=960&amp;format=webp&amp;quality=80 3x" alt="GreenPeach" width="192" height="48" class="h-7 min-[400px]:h-8 sm:h-10 md:h-10 lg:h-12 w-auto" loading="eager" decoding="sync" style="image-rendering: -webkit-optimize-contrast;"></a></div><nav class="hidden md:flex items-center space-x-8"><a href="/" class="transition-colors duration-200 font-medium outline-none border-0 text-brand-forest hover:text-brand-green" style="outline: none; border: none;">Home</a><a href="/shop" class="transition-colors duration-200 font-medium outline-none border-0 text-brand-forest hover:text-brand-green" style="outline: none; border: none;">Shop</a><div class="relative group"><button class="flex items-center gap-1 transition-colors duration-200 font-medium text-brand-forest hover:text-brand-green outline-none border-0" style="outline: none; border: none;">About<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-4 w-4" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button><div class="absolute left-0 top-full pt-2 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-200 z-50"><div class="bg-white rounded-md shadow-md py-1 min-w-[12rem]" style="border: none;"><a href="/who-we-are" class="block px-4 py-2 text-sm text-brand-forest hover:text-brand-green hover:bg-gray-50 transition-colors outline-none border-0" style="outline: none; border: none;">Who We Are</a><a href="/what-we-believe" class="block px-4 py-2 text-sm text-brand-forest hover:text-brand-green hover:bg-gray-50 transition-colors outline-none border-0" style="outline: none; border: none;">What We Believe</a><a href="/what-we-do" class="block px-4 py-2 text-sm text-brand-forest hover:text-brand-green hover:bg-gray-50 transition-colors outline-none border-0" style="outline: none; border: none;">What We Do</a><a href="/where-were-going" class="block px-4 py-2 text-sm text-brand-forest hover:text-brand-green hover:bg-gray-50 transition-colors outline-none border-0" style="outline: none; border: none;">Where We're Going</a><a href="/reviews" class="block px-4 py-2 text-sm text-brand-forest hover:text-brand-green hover:bg-gray-50 transition-colors outline-none border-0" style="outline: none; border: none;">Customer Reviews</a></div></div></div><div class="relative group"><button class="flex items-center gap-1 transition-colors duration-200 font-medium text-brand-forest hover:text-brand-green outline-none border-0" style="outline: none; border: none;">Resources<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-4 w-4" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button><div class="absolute left-0 top-full pt-2 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-200 z-50"><div class="bg-white rounded-md shadow-md py-1 min-w-[12rem]" style="border: none;"><a href="/shipping" class="block px-4 py-2 text-sm text-brand-forest hover:text-brand-green hover:bg-gray-50 transition-colors outline-none border-0" style="outline: none; border: none;">Shipping Info</a><a href="/returns" class="block px-4 py-2 text-sm text-brand-forest hover:text-brand-green hover:bg-gray-50 transition-colors outline-none border-0" style="outline: none; border: none;">Returns</a><a href="/wholesale" class="block px-4 py-2 text-sm text-brand-forest hover:text-brand-green hover:bg-gray-50 transition-colors outline-none border-0" style="outline: none; border: none;">Wholesale</a><a href="/affiliates" class="block px-4 py-2 text-sm text-brand-forest hover:text-brand-green hover:bg-gray-50 transition-colors outline-none border-0" style="outline: none; border: none;">Affiliates</a><a href="/help" class="block px-4 py-2 text-sm text-brand-forest hover:text-brand-green hover:bg-gray-50 transition-colors outline-none border-0" style="outline: none; border: none;">Help Center</a></div></div></div><a href="/knowledge-hub" class="transition-colors duration-200 font-medium outline-none border-0 text-brand-forest hover:text-brand-green" style="outline: none; border: none;">Knowledge Hub</a><a href="/contact" class="transition-colors duration-200 font-medium outline-none border-0 text-brand-forest hover:text-brand-green" style="outline: none; border: none;">Contact</a></nav><div class="flex items-center gap-1 flex-shrink-0 md:justify-end"><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 rounded-md h-8 md:h-9 p-0.5 md:p-2 aspect-square hover:bg-transparent hover:text-current" aria-label="Open search"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-search h-4.5 w-4.5 min-[400px]:h-5 min-[400px]:w-5 md:h-5.5 md:w-5.5" aria-hidden="true"><path d="m21 21-4.34-4.34"></path><circle cx="11" cy="11" r="8"></circle></svg></button><div class="relative"><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 rounded-md h-8 md:h-9 p-0.5 md:p-2 aspect-square hover:bg-transparent hover:text-current" aria-label="Account menu"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-user h-4.5 w-4.5 min-[400px]:h-5 min-[400px]:w-5 md:h-5.5 md:w-5.5" aria-hidden="true"><path d="M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg></button></div><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 rounded-md md:hidden h-8 p-0.5 aspect-square hover:bg-transparent hover:text-current" aria-label="Open menu" aria-expanded="false"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-menu h-4.5 w-4.5 min-[400px]:h-5 min-[400px]:w-5" aria-hidden="true"><path d="M4 12h16"></path><path d="M4 18h16"></path><path d="M4 6h16"></path></svg></button></div></div></div></header><section class="relative overflow-hidden bg-gray-50 pt-0 pb-12 sm:pt-4 sm:pb-16 lg:pt-6 lg:pb-24"><img src="https://cdn.builder.io/api/v1/image/assets%2F2651dca913d34eafa320b193e1b2c34e%2Fcaefe54fc62a46c882a91c546c5b281a?format=webp&amp;quality=80&amp;width=1200" srcset="https://cdn.builder.io/api/v1/image/assets%2F2651dca913d34eafa320b193e1b2c34e%2Fcaefe54fc62a46c882a91c546c5b281a?format=webp&amp;quality=80&amp;width=640 640w, https://cdn.builder.io/api/v1/image/assets%2F2651dca913d34eafa320b193e1b2c34e%2Fcaefe54fc62a46c882a91c546c5b281a?format=webp&amp;quality=80&amp;width=828 828w, https://cdn.builder.io/api/v1/image/assets%2F2651dca913d34eafa320b193e1b2c34e%2Fcaefe54fc62a46c882a91c546c5b281a?format=webp&amp;quality=80&amp;width=1200 1200w, https://cdn.builder.io/api/v1/image/assets%2F2651dca913d34eafa320b193e1b2c34e%2Fcaefe54fc62a46c882a91c546c5b281a?format=webp&amp;quality=80&amp;width=1920 1920w, https://cdn.builder.io/api/v1/image/assets%2F2651dca913d34eafa320b193e1b2c34e%2Fcaefe54fc62a46c882a91c546c5b281a?format=webp&amp;quality=80&amp;width=2400 2400w" sizes="100vw" alt="" fetchpriority="high" width="800" height="1200" class="absolute inset-0 w-full h-full object-cover sm:hidden object-left-center" style="opacity: 0;"><img src="https://cdn.builder.io/api/v1/image/assets%2F2651dca913d34eafa320b193e1b2c34e%2F924d5c0738ed4ef584a142afcab6df5c?format=webp&amp;quality=80&amp;width=1200" srcset="https://cdn.builder.io/api/v1/image/assets%2F2651dca913d34eafa320b193e1b2c34e%2F924d5c0738ed4ef584a142afcab6df5c?format=webp&amp;quality=80&amp;width=640 640w, https://cdn.builder.io/api/v1/image/assets%2F2651dca913d34eafa320b193e1b2c34e%2F924d5c0738ed4ef584a142afcab6df5c?format=webp&amp;quality=80&amp;width=828 828w, https://cdn.builder.io/api/v1/image/assets%2F2651dca913d34eafa320b193e1b2c34e%2F924d5c0738ed4ef584a142afcab6df5c?format=webp&amp;quality=80&amp;width=1200 1200w, https://cdn.builder.io/api/v1/image/assets%2F2651dca913d34eafa320b193e1b2c34e%2F924d5c0738ed4ef584a142afcab6df5c?format=webp&amp;quality=80&amp;width=1920 1920w, https://cdn.builder.io/api/v1/image/assets%2F2651dca913d34eafa320b193e1b2c34e%2F924d5c0738ed4ef584a142afcab6df5c?format=webp&amp;quality=80&amp;width=2400 2400w" sizes="100vw" alt="" fetchpriority="high" width="2400" height="1200" class="absolute inset-0 w-full h-full object-cover object-center hidden sm:block" style="opacity: 0;"><div class="absolute inset-0 bg-gradient-to-b from-transparent from-0% via-transparent via-40% to-white/90 to-100%"></div><button class="absolute left-4 top-[33%] sm:top-1/3 -translate-y-1/2 z-20 rounded-full p-2 sm:p-3 transition-all duration-300 hover:scale-105 active:scale-95" aria-label="Previous slide" style="background: linear-gradient(rgb(160, 198, 140) 0%, rgb(107, 142, 89) 50%, rgb(91, 132, 77) 100%); box-shadow: rgba(107, 142, 89, 0.3) 0px 8px 16px, rgba(0, 0, 0, 0.2) 0px 4px 8px, rgba(255, 255, 255, 0.4) 0px 1px 0px inset; border: 2px solid rgba(107, 142, 89, 0.8);"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-left h-5 w-5 sm:h-6 sm:w-6 text-white" aria-hidden="true"><path d="m15 18-6-6 6-6"></path></svg></button><button class="absolute right-4 top-[33%] sm:top-1/3 -translate-y-1/2 z-20 rounded-full p-2 sm:p-3 transition-all duration-300 hover:scale-105 active:scale-95" aria-label="Next slide" style="background: linear-gradient(rgb(160, 198, 140) 0%, rgb(107, 142, 89) 50%, rgb(91, 132, 77) 100%); box-shadow: rgba(107, 142, 89, 0.3) 0px 8px 16px, rgba(0, 0, 0, 0.2) 0px 4px 8px, rgba(255, 255, 255, 0.4) 0px 1px 0px inset; border: 2px solid rgba(107, 142, 89, 0.8);"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right h-5 w-5 sm:h-6 sm:w-6 text-white" aria-hidden="true"><path d="m9 18 6-6-6-6"></path></svg></button><div class="container mx-auto px-4 sm:px-6 lg:px-8 relative z-10"><div class="text-center max-w-7xl mx-auto flex flex-col"><div class="flex justify-center order-1 pt-6 sm:pt-2 mb-6 sm:mb-8"><div class="inline-flex items-center gap-2 px-3 py-1.5 rounded-full font-medium text-gray-800 min-w-[200px] justify-center text-sm sm:text-base" style="background: rgba(255, 255, 255, 0.65); backdrop-filter: blur(8px); border: 1px solid rgba(255, 255, 255, 0.8); box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 12px, rgba(255, 255, 255, 0.9) 0px 1px 0px inset;"><img src="https://cdn.builder.io/api/v1/image/assets%2F2651dca913d34eafa320b193e1b2c34e%2F8f98fbd0e321461287c4fb8fedde8d4e?format=webp&amp;width=24&amp;height=24" alt="" width="24" height="24" class="w-6 h-6 flex-shrink-0 object-contain" loading="lazy"><span class="inline-block min-h-[1.5em]" style="opacity: 0; transform: translateY(-9.60027px);">Non-GMO</span></div></div><div class="order-3" style="opacity: 0; transform: translateY(19.0014px);"><p class="text-lg min-[400px]:text-xl md:text-3xl font-bold text-brand-peach font-tasa leading-tight mb-2">GreenPeach® Pre-Natal</p><h1 class="text-2xl min-[400px]:text-3xl sm:text-5xl lg:text-6xl font-bold mb-4 sm:mb-6 text-brand-forest leading-[1.6]">Tested for Safety,<br><span class="text-brand-peach block mt-0 sm:mt-2 mb-3 text-2xl min-[400px]:text-3xl sm:text-5xl lg:text-6xl">Crafted with Love.</span></h1><div class="flex flex-col lg:flex-row lg:flex-wrap items-center justify-center gap-2 lg:gap-3 mb-4 sm:mb-8"><div class="inline-flex items-center gap-2 px-4 sm:px-5 py-1.5 sm:py-2 rounded-full font-medium text-gray-800" style="background: rgba(255, 255, 255, 0.65); backdrop-filter: blur(8px); border: 1px solid rgba(255, 255, 255, 0.8); box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 12px, rgba(255, 255, 255, 0.9) 0px 1px 0px inset; white-space: nowrap; font-size: 0.875rem;"><img src="https://cdn.builder.io/api/v1/image/assets%2F2651dca913d34eafa320b193e1b2c34e%2Fbf9709576e174a8198df60ea41d53415" alt="" width="20" height="20" class="w-5 h-5 flex-shrink-0" loading="lazy"><span>Cell-Deep Nutrition for Mom &amp; Baby</span></div><div class="inline-flex items-center gap-2 px-4 sm:px-5 py-1.5 sm:py-2 rounded-full font-medium text-gray-800" style="background: rgba(255, 255, 255, 0.65); backdrop-filter: blur(8px); border: 1px solid rgba(255, 255, 255, 0.8); box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 12px, rgba(255, 255, 255, 0.9) 0px 1px 0px inset; white-space: nowrap; font-size: 0.875rem;"><img src="https://cdn.builder.io/api/v1/image/assets%2F2651dca913d34eafa320b193e1b2c34e%2Fbf9709576e174a8198df60ea41d53415" alt="" width="20" height="20" class="w-5 h-5 flex-shrink-0" loading="lazy"><span>Morning-Sickness Friendly</span></div><div class="inline-flex items-center gap-2 px-4 sm:px-5 py-1.5 sm:py-2 rounded-full font-medium text-gray-800" style="background: rgba(255, 255, 255, 0.65); backdrop-filter: blur(8px); border: 1px solid rgba(255, 255, 255, 0.8); box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 12px, rgba(255, 255, 255, 0.9) 0px 1px 0px inset; white-space: nowrap; font-size: 0.875rem;"><img src="https://cdn.builder.io/api/v1/image/assets%2F2651dca913d34eafa320b193e1b2c34e%2Fbf9709576e174a8198df60ea41d53415" alt="" width="20" height="20" class="w-5 h-5 flex-shrink-0" loading="lazy"><span>Clean Liquid Vitamins</span></div></div></div><div class="flex justify-center mb-12 order-4" style="opacity: 0; transform: translateY(20px);"><button class="relative px-10 py-4 rounded-full font-bold text-lg text-white uppercase tracking-wide !px-8 !py-4 !text-lg" tabindex="0" style="background: linear-gradient(rgb(255, 179, 102) 0%, rgb(255, 140, 66) 50%, rgb(255, 107, 26) 100%); box-shadow: rgba(255, 107, 26, 0.3) 0px 8px 16px, rgba(0, 0, 0, 0.2) 0px 4px 8px, rgba(255, 255, 255, 0.4) 0px 1px 0px inset, rgba(0, 0, 0, 0.2) 0px -2px 0px inset; text-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px; border: 2px solid rgba(255, 107, 26, 0.8);"><div class="absolute inset-0 rounded-full pointer-events-none overflow-hidden"><div class="absolute inset-0 w-[200%] h-full" style="background: linear-gradient(110deg, transparent 0%, transparent 40%, rgba(255, 255, 255, 0.6) 50%, transparent 60%, transparent 100%); will-change: transform; backface-visibility: hidden; transform: translateX(-99.3143%);"></div></div><div class="absolute top-0 left-0 right-0 h-1/2 rounded-t-full pointer-events-none" style="background: linear-gradient(rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0) 100%);"></div><div class="absolute top-0 left-4 right-4 h-px rounded-full pointer-events-none" style="background: rgba(255, 255, 255, 0.6); box-shadow: rgba(255, 255, 255, 0.4) 0px 1px 3px;"></div><div class="relative z-10 flex items-center justify-center"><span class="font-display leading-none" style="transform: translateY(-2px);">Shop Now</span></div><div class="absolute -bottom-1 left-2 right-2 h-2 rounded-full blur-sm pointer-events-none opacity-50" style="background: rgba(0, 0, 0, 0.3);"></div></button></div><div class="flex items-end justify-center gap-2 sm:gap-8 mb-8 pt-3 sm:pt-0 order-2"><div class="relative w-32 sm:w-44 lg:w-56 " style="will-change: transform;"><button aria-label="Previous slide" class="w-full cursor-pointer hover:scale-105 transition-transform duration-300 border-0 bg-transparent p-0"><img src="https://cdn.builder.io/api/v1/image/assets%2F2651dca913d34eafa320b193e1b2c34e%2F505b957283a04d0d9fe7294aa586e0b2?format=webp&amp;quality=80&amp;width=400" srcset="https://cdn.builder.io/api/v1/image/assets%2F2651dca913d34eafa320b193e1b2c34e%2F505b957283a04d0d9fe7294aa586e0b2?format=webp&amp;quality=80&amp;width=160 160w, https://cdn.builder.io/api/v1/image/assets%2F2651dca913d34eafa320b193e1b2c34e%2F505b957283a04d0d9fe7294aa586e0b2?format=webp&amp;quality=80&amp;width=280 280w, https://cdn.builder.io/api/v1/image/assets%2F2651dca913d34eafa320b193e1b2c34e%2F505b957283a04d0d9fe7294aa586e0b2?format=webp&amp;quality=80&amp;width=400 400w, https://cdn.builder.io/api/v1/image/assets%2F2651dca913d34eafa320b193e1b2c34e%2F505b957283a04d0d9fe7294aa586e0b2?format=webp&amp;quality=80&amp;width=600 600w" sizes="(max-width: 640px) 160px, (max-width: 1024px) 246px, 317px" alt="Liquid Omega 3 for Kids" width="400" height="400" loading="lazy" class="w-full h-auto object-contain"></button></div><div class="relative w-48 sm:w-56 lg:w-72 z-10 scale-110" style="will-change: transform;"><img src="https://cdn.builder.io/api/v1/image/assets%2F2651dca913d34eafa320b193e1b2c34e%2F9ed204f9597c473db302d82e424f4356?format=webp&amp;quality=80&amp;width=400" srcset="https://cdn.builder.io/api/v1/image/assets%2F2651dca913d34eafa320b193e1b2c34e%2F9ed204f9597c473db302d82e424f4356?format=webp&amp;quality=80&amp;width=160 160w, https://cdn.builder.io/api/v1/image/assets%2F2651dca913d34eafa320b193e1b2c34e%2F9ed204f9597c473db302d82e424f4356?format=webp&amp;quality=80&amp;width=280 280w, https://cdn.builder.io/api/v1/image/assets%2F2651dca913d34eafa320b193e1b2c34e%2F9ed204f9597c473db302d82e424f4356?format=webp&amp;quality=80&amp;width=400 400w, https://cdn.builder.io/api/v1/image/assets%2F2651dca913d34eafa320b193e1b2c34e%2F9ed204f9597c473db302d82e424f4356?format=webp&amp;quality=80&amp;width=600 600w" sizes="(max-width: 640px) 160px, (max-width: 1024px) 246px, 317px" alt="Prenatal Whole Food Nutrient" width="400" height="400" loading="eager" fetchpriority="high" class="w-full h-auto object-contain relative z-0"></div><div class="relative w-32 sm:w-44 lg:w-56 " style="will-change: transform;"><button aria-label="Next slide" class="w-full cursor-pointer hover:scale-105 transition-transform duration-300 border-0 bg-transparent p-0"><img src="https://cdn.builder.io/api/v1/image/assets%2F2651dca913d34eafa320b193e1b2c34e%2F9b7787094bd745479abb9d48b4b0b04e?format=webp&amp;quality=80&amp;width=400" srcset="https://cdn.builder.io/api/v1/image/assets%2F2651dca913d34eafa320b193e1b2c34e%2F9b7787094bd745479abb9d48b4b0b04e?format=webp&amp;quality=80&amp;width=160 160w, https://cdn.builder.io/api/v1/image/assets%2F2651dca913d34eafa320b193e1b2c34e%2F9b7787094bd745479abb9d48b4b0b04e?format=webp&amp;quality=80&amp;width=280 280w, https://cdn.builder.io/api/v1/image/assets%2F2651dca913d34eafa320b193e1b2c34e%2F9b7787094bd745479abb9d48b4b0b04e?format=webp&amp;quality=80&amp;width=400 400w, https://cdn.builder.io/api/v1/image/assets%2F2651dca913d34eafa320b193e1b2c34e%2F9b7787094bd745479abb9d48b4b0b04e?format=webp&amp;quality=80&amp;width=600 600w" sizes="(max-width: 640px) 160px, (max-width: 1024px) 246px, 317px" alt="Liquid Kids Immune Boost" width="400" height="400" loading="lazy" class="w-full h-auto object-contain"></button></div></div><div class="flex justify-center gap-1 order-5 sm:order-5"><button class="min-w-[44px] min-h-[44px] flex items-center justify-center" aria-label="Go to slide 1"><span class="block w-2 h-2 rounded-full transition-all duration-300 bg-brand-green/30"></span></button><button class="min-w-[44px] min-h-[44px] flex items-center justify-center" aria-label="Go to slide 2"><span class="block w-2 h-2 rounded-full transition-all duration-300 bg-brand-green w-8"></span></button><button class="min-w-[44px] min-h-[44px] flex items-center justify-center" aria-label="Go to slide 3"><span class="block w-2 h-2 rounded-full transition-all duration-300 bg-brand-green/30"></span></button></div></div></div></section><section class="py-0 sm:py-4 bg-brand-green"><div class="container mx-auto px-4 sm:px-6 lg:px-8"><div class="relative overflow-hidden py-0 sm:py-2"><style>
          @keyframes marquee {
            0% {
              transform: translateX(0);
            }
            100% {
              transform: translateX(-50%);
            }
          }
          .marquee-container {
            animation: marquee 20s linear infinite;
          }
        </style><div class="flex gap-2 sm:gap-8 marquee-container"><div class="flex-shrink-0 flex items-center justify-center w-1/3 sm:w-1/6"><img src="https://cdn.builder.io/api/v1/image/assets%2F2651dca913d34eafa320b193e1b2c34e%2Ffaa3a8add4064c44820bf7a5e6d49957?format=webp&amp;width=1600" alt="GMP Certified" width="80" height="80" class="h-20 sm:h-16 md:h-20 w-auto object-contain"></div><div class="flex-shrink-0 flex items-center justify-center w-1/3 sm:w-1/6"><img src="https://cdn.builder.io/api/v1/image/assets%2F2651dca913d34eafa320b193e1b2c34e%2F29ad5029c7114deebe6b678327366433?format=webp&amp;width=1600" alt="Expert Formulated" width="80" height="80" class="h-20 sm:h-16 md:h-20 w-auto object-contain"></div><div class="flex-shrink-0 flex items-center justify-center w-1/3 sm:w-1/6"><img src="https://cdn.builder.io/api/v1/image/assets%2F2651dca913d34eafa320b193e1b2c34e%2Fe2a0137a7ab040e8b747df65a7785225?format=webp&amp;width=1600" alt="FDA Registered" width="80" height="80" class="h-20 sm:h-16 md:h-20 w-auto object-contain"></div><div class="flex-shrink-0 flex items-center justify-center w-1/3 sm:w-1/6"><img src="https://cdn.builder.io/api/v1/image/assets%2F2651dca913d34eafa320b193e1b2c34e%2F465640178f7246eb956426c6212deee1?format=webp&amp;width=1600" alt="50K+ Families" width="80" height="80" class="h-20 sm:h-16 md:h-20 w-auto object-contain"></div><div class="flex-shrink-0 flex items-center justify-center w-1/3 sm:w-1/6"><img src="https://cdn.builder.io/api/v1/image/assets%2F2651dca913d34eafa320b193e1b2c34e%2F8fa26add6b4d4b36b4dac20e1da3eed2?format=webp&amp;width=1600" alt="Free Shipping" width="80" height="80" class="h-20 sm:h-16 md:h-20 w-auto object-contain"></div><div class="flex-shrink-0 flex items-center justify-center w-1/3 sm:w-1/6"><img src="https://cdn.builder.io/api/v1/image/assets%2F2651dca913d34eafa320b193e1b2c34e%2F416c54ab16ca467e9aa03b775ba20d4a?format=webp&amp;width=1600" alt="Secure Checkout" width="80" height="80" class="h-20 sm:h-16 md:h-20 w-auto object-contain"></div><div class="flex-shrink-0 flex items-center justify-center w-1/3 sm:w-1/6"><img src="https://cdn.builder.io/api/v1/image/assets%2F2651dca913d34eafa320b193e1b2c34e%2Ffaa3a8add4064c44820bf7a5e6d49957?format=webp&amp;width=1600" alt="GMP Certified" width="80" height="80" class="h-20 sm:h-16 md:h-20 w-auto object-contain"></div><div class="flex-shrink-0 flex items-center justify-center w-1/3 sm:w-1/6"><img src="https://cdn.builder.io/api/v1/image/assets%2F2651dca913d34eafa320b193e1b2c34e%2F29ad5029c7114deebe6b678327366433?format=webp&amp;width=1600" alt="Expert Formulated" width="80" height="80" class="h-20 sm:h-16 md:h-20 w-auto object-contain"></div><div class="flex-shrink-0 flex items-center justify-center w-1/3 sm:w-1/6"><img src="https://cdn.builder.io/api/v1/image/assets%2F2651dca913d34eafa320b193e1b2c34e%2Fe2a0137a7ab040e8b747df65a7785225?format=webp&amp;width=1600" alt="FDA Registered" width="80" height="80" class="h-20 sm:h-16 md:h-20 w-auto object-contain"></div><div class="flex-shrink-0 flex items-center justify-center w-1/3 sm:w-1/6"><img src="https://cdn.builder.io/api/v1/image/assets%2F2651dca913d34eafa320b193e1b2c34e%2F465640178f7246eb956426c6212deee1?format=webp&amp;width=1600" alt="50K+ Families" width="80" height="80" class="h-20 sm:h-16 md:h-20 w-auto object-contain"></div><div class="flex-shrink-0 flex items-center justify-center w-1/3 sm:w-1/6"><img src="https://cdn.builder.io/api/v1/image/assets%2F2651dca913d34eafa320b193e1b2c34e%2F8fa26add6b4d4b36b4dac20e1da3eed2?format=webp&amp;width=1600" alt="Free Shipping" width="80" height="80" class="h-20 sm:h-16 md:h-20 w-auto object-contain"></div><div class="flex-shrink-0 flex items-center justify-center w-1/3 sm:w-1/6"><img src="https://cdn.builder.io/api/v1/image/assets%2F2651dca913d34eafa320b193e1b2c34e%2F416c54ab16ca467e9aa03b775ba20d4a?format=webp&amp;width=1600" alt="Secure Checkout" width="80" height="80" class="h-20 sm:h-16 md:h-20 w-auto object-contain"></div></div></div></div></section><section class="py-12 sm:py-16 md:py-20 bg-brand-cream/30" aria-label="Featured products"><div class="container mx-auto px-4 sm:px-6 lg:px-8"><div class="text-center space-y-3 sm:space-y-4 mb-8 sm:mb-10 md:mb-12 px-4" style="opacity: 0; transform: translateY(30px);"><div class="inline-block"><p class="text-lg min-[400px]:text-xl md:text-3xl font-bold text-brand-peach font-tasa leading-tight mb-3">Browse. Choose. Thrive.</p><h2 class="text-2xl min-[400px]:text-3xl sm:text-4xl md:text-5xl lg:text-6xl font-bold text-brand-forest font-display">Shop All Products</h2></div></div><div class="relative"><div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6 py-8"><div class="rounded-lg border bg-card text-card-foreground shadow-sm overflow-hidden"><div class="animate-pulse rounded-md bg-muted w-full aspect-square"></div><div class="p-4 space-y-3"><div class="animate-pulse rounded-md bg-muted h-5 w-3/4"></div><div class="animate-pulse rounded-md bg-muted h-4 w-1/2"></div><div class="flex gap-2"><div class="animate-pulse rounded-md bg-muted h-9 flex-1"></div><div class="animate-pulse rounded-md bg-muted h-9 w-9"></div></div></div></div><div class="rounded-lg border bg-card text-card-foreground shadow-sm overflow-hidden"><div class="animate-pulse rounded-md bg-muted w-full aspect-square"></div><div class="p-4 space-y-3"><div class="animate-pulse rounded-md bg-muted h-5 w-3/4"></div><div class="animate-pulse rounded-md bg-muted h-4 w-1/2"></div><div class="flex gap-2"><div class="animate-pulse rounded-md bg-muted h-9 flex-1"></div><div class="animate-pulse rounded-md bg-muted h-9 w-9"></div></div></div></div><div class="rounded-lg border bg-card text-card-foreground shadow-sm overflow-hidden"><div class="animate-pulse rounded-md bg-muted w-full aspect-square"></div><div class="p-4 space-y-3"><div class="animate-pulse rounded-md bg-muted h-5 w-3/4"></div><div class="animate-pulse rounded-md bg-muted h-4 w-1/2"></div><div class="flex gap-2"><div class="animate-pulse rounded-md bg-muted h-9 flex-1"></div><div class="animate-pulse rounded-md bg-muted h-9 w-9"></div></div></div></div><div class="rounded-lg border bg-card text-card-foreground shadow-sm overflow-hidden"><div class="animate-pulse rounded-md bg-muted w-full aspect-square"></div><div class="p-4 space-y-3"><div class="animate-pulse rounded-md bg-muted h-5 w-3/4"></div><div class="animate-pulse rounded-md bg-muted h-4 w-1/2"></div><div class="flex gap-2"><div class="animate-pulse rounded-md bg-muted h-9 flex-1"></div><div class="animate-pulse rounded-md bg-muted h-9 w-9"></div></div></div></div></div></div><div class="text-center mt-12" style="opacity: 0;"><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 border bg-background h-11 px-8 border-brand-green text-brand-green hover:bg-brand-green hover:text-white hover:scale-105 transition-all rounded-full">View All Products<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right ml-2 h-4 w-4" aria-hidden="true"><path d="m9 18 6-6-6-6"></path></svg></button></div></div></section><section class="relative py-16 sm:py-20 md:py-24 bg-brand-forest overflow-hidden"><div class="absolute inset-0 opacity-5 mix-blend-overlay pointer-events-none"></div><div class="container mx-auto px-4 sm:px-6 lg:px-8 relative z-10"><div class="text-center space-y-4 sm:space-y-6 mb-12 sm:mb-14 md:mb-16 px-4" style="opacity: 0; transform: translateY(20px);"><div class="inline-block"><p class="text-lg min-[400px]:text-xl md:text-3xl font-bold text-brand-peach font-tasa leading-tight mb-3">Targeted Nutrition</p><h2 class="text-2xl min-[400px]:text-3xl sm:text-4xl md:text-5xl lg:text-6xl font-bold text-white font-display">Shop by Life Stage</h2></div><p class="text-base sm:text-lg md:text-xl text-white/90 max-w-[620px] mx-auto leading-relaxed">Scientifically formulated nutrition tailored to every stage of life. From childhood through adulthood and pregnancy.</p></div><div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6 sm:gap-8 max-w-7xl mx-auto"><a class="block h-full group" href="/shop?category=kids"><div class="h-full"><div class="relative h-full min-h-[440px] sm:min-h-[500px] overflow-hidden rounded-3xl transition-all duration-500 ease-out shadow-[0_10px_30px_rgba(0,0,0,0.3)]" style="will-change: auto;"><div class="absolute inset-0 w-full h-full"><img src="https://cdn.builder.io/api/v1/image/assets%2F2651dca913d34eafa320b193e1b2c34e%2F505b0a69272c4ab6bfe627238f82ad5d?format=webp&amp;width=800" alt="Kids" class="w-full h-full object-cover transition-all duration-700 ease-out brightness-90" loading="lazy"></div><div class="absolute inset-0 bg-gradient-to-b transition-opacity duration-500 from-black/30 via-black/40 to-black/85 opacity-100"></div><div class="relative h-full flex flex-col justify-end p-7 sm:p-9 z-10"><div class="mb-3 overflow-hidden transition-all duration-400 opacity-0 max-h-0"><span class="inline-block px-4 py-2 bg-white/25 backdrop-blur-md rounded-full text-white text-sm font-semibold border border-white/50 shadow-lg tracking-wide">Growing Strong</span></div><h3 class="text-2xl sm:text-3xl lg:text-4xl font-bold text-white transition-all duration-300 mb-6">Kids</h3><div class="overflow-hidden transition-all duration-400 opacity-0 max-h-0 mb-0"><p class="text-white/95 text-base sm:text-lg leading-relaxed">Premium nutrition formulated to support healthy growth, cognitive development, and immune strength.</p></div><div class="flex items-center gap-2 text-white font-semibold text-base sm:text-lg transition-all duration-300 "><span>Explore Kids</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-5 h-5 sm:w-6 sm:h-6 transition-transform duration-300" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div><div class="absolute bottom-0 left-0 h-1 bg-gradient-to-r from-white via-white/70 to-transparent transition-all duration-500 ease-out w-0 opacity-0"></div></div><div class="absolute top-0 right-0 w-40 h-40 bg-gradient-radial from-white/20 to-transparent transition-opacity duration-500 opacity-0"></div></div></div></a><a class="block h-full group" href="/shop?category=teens"><div class="h-full"><div class="relative h-full min-h-[440px] sm:min-h-[500px] overflow-hidden rounded-3xl transition-all duration-500 ease-out shadow-[0_10px_30px_rgba(0,0,0,0.3)]" style="will-change: auto;"><div class="absolute inset-0 w-full h-full"><img src="https://cdn.builder.io/api/v1/image/assets%2F2651dca913d34eafa320b193e1b2c34e%2F570743cf68d34738bbf8d03e08491bb4?format=webp&amp;width=800" alt="Teens" class="w-full h-full object-cover transition-all duration-700 ease-out brightness-90" loading="lazy"></div><div class="absolute inset-0 bg-gradient-to-b transition-opacity duration-500 from-black/30 via-black/40 to-black/85 opacity-100"></div><div class="relative h-full flex flex-col justify-end p-7 sm:p-9 z-10"><div class="mb-3 overflow-hidden transition-all duration-400 opacity-0 max-h-0"><span class="inline-block px-4 py-2 bg-white/25 backdrop-blur-md rounded-full text-white text-sm font-semibold border border-white/50 shadow-lg tracking-wide">Peak Performance</span></div><h3 class="text-2xl sm:text-3xl lg:text-4xl font-bold text-white transition-all duration-300 mb-6">Teens</h3><div class="overflow-hidden transition-all duration-400 opacity-0 max-h-0 mb-0"><p class="text-white/95 text-base sm:text-lg leading-relaxed">Advanced formulas designed for active lifestyles, peak performance, and hormonal balance.</p></div><div class="flex items-center gap-2 text-white font-semibold text-base sm:text-lg transition-all duration-300 "><span>Explore Teens</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-5 h-5 sm:w-6 sm:h-6 transition-transform duration-300" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div><div class="absolute bottom-0 left-0 h-1 bg-gradient-to-r from-white via-white/70 to-transparent transition-all duration-500 ease-out w-0 opacity-0"></div></div><div class="absolute top-0 right-0 w-40 h-40 bg-gradient-radial from-white/20 to-transparent transition-opacity duration-500 opacity-0"></div></div></div></a><a class="block h-full group" href="/shop?category=adults"><div class="h-full"><div class="relative h-full min-h-[440px] sm:min-h-[500px] overflow-hidden rounded-3xl transition-all duration-500 ease-out shadow-[0_10px_30px_rgba(0,0,0,0.3)]" style="will-change: auto;"><div class="absolute inset-0 w-full h-full"><img src="https://images.unsplash.com/photo-1544367567-0f2fcb009e0b?w=1200&amp;auto=format&amp;fit=crop&amp;q=90" alt="Adults" class="w-full h-full object-cover transition-all duration-700 ease-out brightness-90" loading="lazy"></div><div class="absolute inset-0 bg-gradient-to-b transition-opacity duration-500 from-black/30 via-black/40 to-black/85 opacity-100"></div><div class="relative h-full flex flex-col justify-end p-7 sm:p-9 z-10"><div class="mb-3 overflow-hidden transition-all duration-400 opacity-0 max-h-0"><span class="inline-block px-4 py-2 bg-white/25 backdrop-blur-md rounded-full text-white text-sm font-semibold border border-white/50 shadow-lg tracking-wide">Sustained Wellness</span></div><h3 class="text-2xl sm:text-3xl lg:text-4xl font-bold text-white transition-all duration-300 mb-6">Adults</h3><div class="overflow-hidden transition-all duration-400 opacity-0 max-h-0 mb-0"><p class="text-white/95 text-base sm:text-lg leading-relaxed">Comprehensive wellness solutions to maintain vitality, energy, and long-term health.</p></div><div class="flex items-center gap-2 text-white font-semibold text-base sm:text-lg transition-all duration-300 "><span>Explore Adults</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-5 h-5 sm:w-6 sm:h-6 transition-transform duration-300" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div><div class="absolute bottom-0 left-0 h-1 bg-gradient-to-r from-white via-white/70 to-transparent transition-all duration-500 ease-out w-0 opacity-0"></div></div><div class="absolute top-0 right-0 w-40 h-40 bg-gradient-radial from-white/20 to-transparent transition-opacity duration-500 opacity-0"></div></div></div></a><a class="block h-full group" href="/shop?category=prenatal"><div class="h-full"><div class="relative h-full min-h-[440px] sm:min-h-[500px] overflow-hidden rounded-3xl transition-all duration-500 ease-out shadow-[0_10px_30px_rgba(0,0,0,0.3)]" style="will-change: auto;"><div class="absolute inset-0 w-full h-full"><img src="https://images.unsplash.com/photo-1493894473891-10fc1e5dbd22?w=1200&amp;auto=format&amp;fit=crop&amp;q=90" alt="Prenatal" class="w-full h-full object-cover transition-all duration-700 ease-out brightness-90" loading="lazy"></div><div class="absolute inset-0 bg-gradient-to-b transition-opacity duration-500 from-black/30 via-black/40 to-black/85 opacity-100"></div><div class="relative h-full flex flex-col justify-end p-7 sm:p-9 z-10"><div class="mb-3 overflow-hidden transition-all duration-400 opacity-0 max-h-0"><span class="inline-block px-4 py-2 bg-white/25 backdrop-blur-md rounded-full text-white text-sm font-semibold border border-white/50 shadow-lg tracking-wide">Nurturing Life</span></div><h3 class="text-2xl sm:text-3xl lg:text-4xl font-bold text-white transition-all duration-300 mb-6">Prenatal</h3><div class="overflow-hidden transition-all duration-400 opacity-0 max-h-0 mb-0"><p class="text-white/95 text-base sm:text-lg leading-relaxed">Whole-food prenatal vitamins crafted to nourish mother and baby throughout pregnancy.</p></div><div class="flex items-center gap-2 text-white font-semibold text-base sm:text-lg transition-all duration-300 "><span>Explore Prenatal</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-5 h-5 sm:w-6 sm:h-6 transition-transform duration-300" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div><div class="absolute bottom-0 left-0 h-1 bg-gradient-to-r from-white via-white/70 to-transparent transition-all duration-500 ease-out w-0 opacity-0"></div></div><div class="absolute top-0 right-0 w-40 h-40 bg-gradient-radial from-white/20 to-transparent transition-opacity duration-500 opacity-0"></div></div></div></a></div></div></section><section class="py-12 sm:py-16 md:py-20 bg-white"><div class="container mx-auto px-4 sm:px-6 lg:px-8"><div class="max-w-6xl mx-auto text-center space-y-8" style="opacity: 0; transform: translateY(30px);"><h2 class="text-2xl min-[400px]:text-3xl md:text-4xl lg:text-5xl font-bold text-brand-forest font-display">Formulas Built on <span class="relative inline-block text-brand-green">Facts<span class="absolute bottom-[-6px] left-0 w-full h-1 bg-brand-green" style="transform-origin: left center; transform: scaleX(0.00027025);"></span></span>, <span class="relative inline-block">Not Fads<span class="absolute top-1/2 left-0 w-full h-[3px] bg-red-500 -rotate-12" style="transform-origin: center center;"></span></span>.</h2><div class="space-y-6 py-4"><p class="text-xl md:text-2xl text-brand-forest font-bold uppercase tracking-wide" style="opacity: 0;">Science first. Not marketing trends.</p><p class="text-base md:text-lg text-brand-forest/85 leading-relaxed max-w-xl mx-auto" style="opacity: 0;">Expert-formulated. Designed by leaders in medicine, nutrition, pharmacology and manufacturing that are also parents.</p><p class="text-base md:text-lg text-brand-forest/85 leading-relaxed" style="opacity: 0;">Nothing extra. Nothing gimmicky. Only Clean and Productive.</p></div><div class="space-y-2" style="opacity: 0; transform: translateY(20px);"><p class="text-xl md:text-2xl font-bold text-brand-green">Real science. Real quality.</p><p class="text-2xl md:text-3xl font-extrabold text-brand-green">Real peace of mind.</p></div></div></div></section><section class="py-12 sm:py-16 md:py-20 bg-brand-green"><div class="container mx-auto px-4 sm:px-6 lg:px-8"><div class="text-center space-y-3 sm:space-y-4 mb-8 sm:mb-10 md:mb-12 px-4" style="opacity: 0; transform: translateY(30px);"><p class="text-lg sm:text-xl text-white font-semibold">Why Families Choose GreenPeach</p><div class="w-16 sm:w-24 h-1 bg-white/30 mx-auto my-4 sm:my-6"></div><h2 class="text-lg min-[400px]:text-xl sm:text-2xl md:text-3xl font-bold text-white font-display italic">Because Clean, Honest Nutrition <span class="relative inline-block">Shouldn't Be Complicated.<svg class="absolute left-0" height="20" viewBox="0 0 400 20" preserveAspectRatio="none" style="top: 100%; margin-top: 4px; width: 100%;"><path d="M 10 10.00039 Q 50 2.0031, 90 11.99923 T 170 8.00116 Q 210 14.99806, 250 7.00116 T 330 12.99884 Q 360 6.00174, 390 10.99961" stroke="#ff6b35" stroke-width="3" fill="none" stroke-linecap="round"></path></svg></span></h2></div><div class="grid md:grid-cols-2 gap-8 sm:gap-10 md:gap-12 items-center max-w-6xl mx-auto px-4"><div class="relative h-full" style="opacity: 0; transform: translateX(-30px);"><div class="relative rounded-2xl overflow-hidden shadow-2xl h-full"><img src="https://images.unsplash.com/photo-1609220136736-443140cffec6?w=800&amp;auto=format&amp;fit=crop" alt="Smiling family outdoors" width="800" height="533" class="w-full h-full object-cover"></div></div><div class="space-y-4 sm:space-y-6" style="opacity: 0; transform: translateX(30px);"><p class="text-sm sm:text-base text-white/90 leading-relaxed"><strong class="text-white text-base sm:text-lg">A community, not just a brand.</strong><br>Parents and experts united by science.</p><p class="text-sm sm:text-base text-white/90 leading-relaxed"><strong class="text-white text-base sm:text-lg">One purpose.</strong><br>Simple, safe, sustainable health for families.</p><p class="text-sm sm:text-base text-white/90 leading-relaxed"><strong class="text-white text-base sm:text-lg">Nothing Unnecessary.</strong><br>No preservatives. No fillers. No artificial ingredients.</p><p class="text-sm sm:text-base text-white/90 leading-relaxed"><strong class="text-white text-base sm:text-lg">Expert-crafted in the USA.</strong><br>Produced under the highest quality standards.</p><p class="text-sm sm:text-base text-white/90 leading-relaxed"><strong class="text-white text-base sm:text-lg">Your shortcut to trusted knowledge hub.</strong><br>We bring the science together, so you can spend less time researching and more time living.</p><div class="flex flex-col sm:flex-row gap-3 sm:gap-4 pt-4"><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 h-11 bg-white text-brand-green hover:bg-white/90 font-medium px-6 sm:px-8 py-3 sm:py-4 text-sm sm:text-base min-h-[44px] rounded-full">Explore Our Story</button><button class="relative px-10 py-4 rounded-full font-bold text-lg text-white uppercase tracking-wide !px-8 !py-4 !text-base" tabindex="0" style="background: linear-gradient(rgb(255, 179, 102) 0%, rgb(255, 140, 66) 50%, rgb(255, 107, 26) 100%); box-shadow: rgba(255, 107, 26, 0.3) 0px 8px 16px, rgba(0, 0, 0, 0.2) 0px 4px 8px, rgba(255, 255, 255, 0.4) 0px 1px 0px inset, rgba(0, 0, 0, 0.2) 0px -2px 0px inset; text-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px; border: 2px solid rgba(255, 107, 26, 0.8);"><div class="absolute inset-0 rounded-full pointer-events-none overflow-hidden"><div class="absolute inset-0 w-[200%] h-full" style="background: linear-gradient(110deg, transparent 0%, transparent 40%, rgba(255, 255, 255, 0.6) 50%, transparent 60%, transparent 100%); will-change: transform; backface-visibility: hidden; transform: translateX(-99.3143%);"></div></div><div class="absolute top-0 left-0 right-0 h-1/2 rounded-t-full pointer-events-none" style="background: linear-gradient(rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0) 100%);"></div><div class="absolute top-0 left-4 right-4 h-px rounded-full pointer-events-none" style="background: rgba(255, 255, 255, 0.6); box-shadow: rgba(255, 255, 255, 0.4) 0px 1px 3px;"></div><div class="relative z-10 flex items-center justify-center"><span class="font-display leading-none" style="transform: translateY(-2px);">Shop Now</span></div><div class="absolute -bottom-1 left-2 right-2 h-2 rounded-full blur-sm pointer-events-none opacity-50" style="background: rgba(0, 0, 0, 0.3);"></div></button></div></div></div></div></section><section class="py-12 sm:py-16 md:py-20 bg-brand-green/10 relative overflow-hidden" aria-label="Product benefits and features"><div class="container mx-auto px-4 text-center mb-8 sm:mb-10 md:mb-12"><h2 class="text-xl min-[400px]:text-2xl sm:text-3xl md:text-4xl font-bold text-brand-forest font-display">Some of the ways we show love..</h2></div><div class="relative"><div class="flex gap-4" style="transform: translateX(-0.864px);"><div class="flex-shrink-0 w-[280px]"><div class="rounded-lg bg-card text-card-foreground relative overflow-hidden border-0 shadow-lg hover:shadow-2xl transition-all duration-300 h-48 group"><div class="absolute inset-0 bg-cover bg-center transition-transform duration-500 group-hover:scale-110" style="background-image: url(&quot;https://images.pexels.com/photos/8859770/pexels-photo-8859770.jpeg?auto=compress&amp;cs=tinysrgb&amp;w=800&quot;);"></div><div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/40 to-black/20 group-hover:from-black/90 transition-all duration-300"></div><div class="absolute bottom-0 left-0 right-0 p-3 text-white"><h3 class="text-base font-bold mb-1 drop-shadow-lg">Vegetarian &amp; Vegan Friendly</h3><p class="text-white/90 text-[10px] leading-tight drop-shadow-md">100% plant-based purity</p></div></div></div><div class="flex-shrink-0 w-[280px]"><div class="rounded-lg bg-card text-card-foreground relative overflow-hidden border-0 shadow-lg hover:shadow-2xl transition-all duration-300 h-48 group"><div class="absolute inset-0 bg-cover bg-center transition-transform duration-500 group-hover:scale-110" style="background-image: url(&quot;https://images.pexels.com/photos/4031522/pexels-photo-4031522.jpeg?auto=compress&amp;cs=tinysrgb&amp;w=800&quot;);"></div><div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/40 to-black/20 group-hover:from-black/90 transition-all duration-300"></div><div class="absolute bottom-0 left-0 right-0 p-3 text-white"><h3 class="text-base font-bold mb-1 drop-shadow-lg">Third-Party Tested</h3><p class="text-white/90 text-[10px] leading-tight drop-shadow-md">Verified for purity &amp; potency</p></div></div></div><div class="flex-shrink-0 w-[280px]"><div class="rounded-lg bg-card text-card-foreground relative overflow-hidden border-0 shadow-lg hover:shadow-2xl transition-all duration-300 h-48 group"><div class="absolute inset-0 bg-cover bg-center transition-transform duration-500 group-hover:scale-110" style="background-image: url(&quot;https://images.pexels.com/photos/1125122/pexels-photo-1125122.jpeg?auto=compress&amp;cs=tinysrgb&amp;w=800&quot;);"></div><div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/40 to-black/20 group-hover:from-black/90 transition-all duration-300"></div><div class="absolute bottom-0 left-0 right-0 p-3 text-white"><h3 class="text-base font-bold mb-1 drop-shadow-lg">No Sugar Added</h3><p class="text-white/90 text-[10px] leading-tight drop-shadow-md">Naturally clean taste</p></div></div></div><div class="flex-shrink-0 w-[280px]"><div class="rounded-lg bg-card text-card-foreground relative overflow-hidden border-0 shadow-lg hover:shadow-2xl transition-all duration-300 h-48 group"><div class="absolute inset-0 bg-cover bg-center transition-transform duration-500 group-hover:scale-110" style="background-image: url(&quot;https://images.pexels.com/photos/8026749/pexels-photo-8026749.jpeg?auto=compress&amp;cs=tinysrgb&amp;w=800&quot;);"></div><div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/40 to-black/20 group-hover:from-black/90 transition-all duration-300"></div><div class="absolute bottom-0 left-0 right-0 p-3 text-white"><h3 class="text-base font-bold mb-1 drop-shadow-lg">Made in the USA</h3><p class="text-white/90 text-[10px] leading-tight drop-shadow-md">Proudly crafted locally</p></div></div></div><div class="flex-shrink-0 w-[280px]"><div class="rounded-lg bg-card text-card-foreground relative overflow-hidden border-0 shadow-lg hover:shadow-2xl transition-all duration-300 h-48 group"><div class="absolute inset-0 bg-cover bg-center transition-transform duration-500 group-hover:scale-110" style="background-image: url(&quot;https://images.pexels.com/photos/28645473/pexels-photo-28645473.jpeg?auto=compress&amp;cs=tinysrgb&amp;w=800&quot;);"></div><div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/40 to-black/20 group-hover:from-black/90 transition-all duration-300"></div><div class="absolute bottom-0 left-0 right-0 p-3 text-white"><h3 class="text-base font-bold mb-1 drop-shadow-lg">No Artificial Preservatives</h3><p class="text-white/90 text-[10px] leading-tight drop-shadow-md">Fresh, not shelf-stable</p></div></div></div><div class="flex-shrink-0 w-[280px]"><div class="rounded-lg bg-card text-card-foreground relative overflow-hidden border-0 shadow-lg hover:shadow-2xl transition-all duration-300 h-48 group"><div class="absolute inset-0 bg-cover bg-center transition-transform duration-500 group-hover:scale-110" style="background-image: url(&quot;https://images.pexels.com/photos/16552435/pexels-photo-16552435.jpeg?auto=compress&amp;cs=tinysrgb&amp;w=800&quot;);"></div><div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/40 to-black/20 group-hover:from-black/90 transition-all duration-300"></div><div class="absolute bottom-0 left-0 right-0 p-3 text-white"><h3 class="text-base font-bold mb-1 drop-shadow-lg">Expert-Formulated</h3><p class="text-white/90 text-[10px] leading-tight drop-shadow-md">Created by health professionals</p></div></div></div><div class="flex-shrink-0 w-[280px]"><div class="rounded-lg bg-card text-card-foreground relative overflow-hidden border-0 shadow-lg hover:shadow-2xl transition-all duration-300 h-48 group"><div class="absolute inset-0 bg-cover bg-center transition-transform duration-500 group-hover:scale-110" style="background-image: url(&quot;https://images.pexels.com/photos/8450393/pexels-photo-8450393.jpeg?auto=compress&amp;cs=tinysrgb&amp;w=800&quot;);"></div><div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/40 to-black/20 group-hover:from-black/90 transition-all duration-300"></div><div class="absolute bottom-0 left-0 right-0 p-3 text-white"><h3 class="text-base font-bold mb-1 drop-shadow-lg">Eco-Friendly Packaging</h3><p class="text-white/90 text-[10px] leading-tight drop-shadow-md">Sustainable amber glass</p></div></div></div><div class="flex-shrink-0 w-[280px]"><div class="rounded-lg bg-card text-card-foreground relative overflow-hidden border-0 shadow-lg hover:shadow-2xl transition-all duration-300 h-48 group"><div class="absolute inset-0 bg-cover bg-center transition-transform duration-500 group-hover:scale-110" style="background-image: url(&quot;https://images.pexels.com/photos/9207315/pexels-photo-9207315.jpeg?auto=compress&amp;cs=tinysrgb&amp;w=800&quot;);"></div><div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/40 to-black/20 group-hover:from-black/90 transition-all duration-300"></div><div class="absolute bottom-0 left-0 right-0 p-3 text-white"><h3 class="text-base font-bold mb-1 drop-shadow-lg">Family Dosing</h3><p class="text-white/90 text-[10px] leading-tight drop-shadow-md">One bottle, every age</p></div></div></div><div class="flex-shrink-0 w-[280px]"><div class="rounded-lg bg-card text-card-foreground relative overflow-hidden border-0 shadow-lg hover:shadow-2xl transition-all duration-300 h-48 group"><div class="absolute inset-0 bg-cover bg-center transition-transform duration-500 group-hover:scale-110" style="background-image: url(&quot;https://images.pexels.com/photos/5331320/pexels-photo-5331320.jpeg?auto=compress&amp;cs=tinysrgb&amp;w=800&quot;);"></div><div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/40 to-black/20 group-hover:from-black/90 transition-all duration-300"></div><div class="absolute bottom-0 left-0 right-0 p-3 text-white"><h3 class="text-base font-bold mb-1 drop-shadow-lg">Better Absorption</h3><p class="text-white/90 text-[10px] leading-tight drop-shadow-md">Liquid &amp; powder only</p></div></div></div><div class="flex-shrink-0 w-[280px]"><div class="rounded-lg bg-card text-card-foreground relative overflow-hidden border-0 shadow-lg hover:shadow-2xl transition-all duration-300 h-48 group"><div class="absolute inset-0 bg-cover bg-center transition-transform duration-500 group-hover:scale-110" style="background-image: url(&quot;https://images.pexels.com/photos/5945631/pexels-photo-5945631.jpeg?auto=compress&amp;cs=tinysrgb&amp;w=800&quot;);"></div><div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/40 to-black/20 group-hover:from-black/90 transition-all duration-300"></div><div class="absolute bottom-0 left-0 right-0 p-3 text-white"><h3 class="text-base font-bold mb-1 drop-shadow-lg">Transparent Labeling</h3><p class="text-white/90 text-[10px] leading-tight drop-shadow-md">Honest info, always</p></div></div></div><div class="flex-shrink-0 w-[280px]"><div class="rounded-lg bg-card text-card-foreground relative overflow-hidden border-0 shadow-lg hover:shadow-2xl transition-all duration-300 h-48 group"><div class="absolute inset-0 bg-cover bg-center transition-transform duration-500 group-hover:scale-110" style="background-image: url(&quot;https://images.pexels.com/photos/8208686/pexels-photo-8208686.jpeg?auto=compress&amp;cs=tinysrgb&amp;w=800&quot;);"></div><div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/40 to-black/20 group-hover:from-black/90 transition-all duration-300"></div><div class="absolute bottom-0 left-0 right-0 p-3 text-white"><h3 class="text-base font-bold mb-1 drop-shadow-lg">Parent-Focused Brand</h3><p class="text-white/90 text-[10px] leading-tight drop-shadow-md">Made for real families</p></div></div></div><div class="flex-shrink-0 w-[280px]"><div class="rounded-lg bg-card text-card-foreground relative overflow-hidden border-0 shadow-lg hover:shadow-2xl transition-all duration-300 h-48 group"><div class="absolute inset-0 bg-cover bg-center transition-transform duration-500 group-hover:scale-110" style="background-image: url(&quot;https://images.pexels.com/photos/6316542/pexels-photo-6316542.jpeg?auto=compress&amp;cs=tinysrgb&amp;w=800&quot;);"></div><div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/40 to-black/20 group-hover:from-black/90 transition-all duration-300"></div><div class="absolute bottom-0 left-0 right-0 p-3 text-white"><h3 class="text-base font-bold mb-1 drop-shadow-lg">Non-GMO</h3><p class="text-white/90 text-[10px] leading-tight drop-shadow-md">No genetic modification</p></div></div></div><div class="flex-shrink-0 w-[280px]"><div class="rounded-lg bg-card text-card-foreground relative overflow-hidden border-0 shadow-lg hover:shadow-2xl transition-all duration-300 h-48 group"><div class="absolute inset-0 bg-cover bg-center transition-transform duration-500 group-hover:scale-110" style="background-image: url(&quot;https://images.pexels.com/photos/1306548/pexels-photo-1306548.jpeg?auto=compress&amp;cs=tinysrgb&amp;w=800&quot;);"></div><div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/40 to-black/20 group-hover:from-black/90 transition-all duration-300"></div><div class="absolute bottom-0 left-0 right-0 p-3 text-white"><h3 class="text-base font-bold mb-1 drop-shadow-lg">Gluten Free</h3><p class="text-white/90 text-[10px] leading-tight drop-shadow-md">Safe for gluten sensitivities</p></div></div></div><div class="flex-shrink-0 w-[280px]"><div class="rounded-lg bg-card text-card-foreground relative overflow-hidden border-0 shadow-lg hover:shadow-2xl transition-all duration-300 h-48 group"><div class="absolute inset-0 bg-cover bg-center transition-transform duration-500 group-hover:scale-110" style="background-image: url(&quot;https://images.pexels.com/photos/6805782/pexels-photo-6805782.jpeg?auto=compress&amp;cs=tinysrgb&amp;w=800&quot;);"></div><div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/40 to-black/20 group-hover:from-black/90 transition-all duration-300"></div><div class="absolute bottom-0 left-0 right-0 p-3 text-white"><h3 class="text-base font-bold mb-1 drop-shadow-lg">Soy Free</h3><p class="text-white/90 text-[10px] leading-tight drop-shadow-md">No soy ingredients</p></div></div></div><div class="flex-shrink-0 w-[280px]"><div class="rounded-lg bg-card text-card-foreground relative overflow-hidden border-0 shadow-lg hover:shadow-2xl transition-all duration-300 h-48 group"><div class="absolute inset-0 bg-cover bg-center transition-transform duration-500 group-hover:scale-110" style="background-image: url(&quot;https://images.pexels.com/photos/105028/pexels-photo-105028.jpeg?auto=compress&amp;cs=tinysrgb&amp;w=800&quot;);"></div><div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/40 to-black/20 group-hover:from-black/90 transition-all duration-300"></div><div class="absolute bottom-0 left-0 right-0 p-3 text-white"><h3 class="text-base font-bold mb-1 drop-shadow-lg">Natural Ingredients</h3><p class="text-white/90 text-[10px] leading-tight drop-shadow-md">Pure, whole-food based</p></div></div></div><div class="flex-shrink-0 w-[280px]"><div class="rounded-lg bg-card text-card-foreground relative overflow-hidden border-0 shadow-lg hover:shadow-2xl transition-all duration-300 h-48 group"><div class="absolute inset-0 bg-cover bg-center transition-transform duration-500 group-hover:scale-110" style="background-image: url(&quot;https://images.pexels.com/photos/28376682/pexels-photo-28376682.jpeg?auto=compress&amp;cs=tinysrgb&amp;w=800&quot;);"></div><div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/40 to-black/20 group-hover:from-black/90 transition-all duration-300"></div><div class="absolute bottom-0 left-0 right-0 p-3 text-white"><h3 class="text-base font-bold mb-1 drop-shadow-lg">No Artificial Color or Flavor</h3><p class="text-white/90 text-[10px] leading-tight drop-shadow-md">Nothing synthetic added</p></div></div></div><div class="flex-shrink-0 w-[280px]"><div class="rounded-lg bg-card text-card-foreground relative overflow-hidden border-0 shadow-lg hover:shadow-2xl transition-all duration-300 h-48 group"><div class="absolute inset-0 bg-cover bg-center transition-transform duration-500 group-hover:scale-110" style="background-image: url(&quot;https://images.pexels.com/photos/4998549/pexels-photo-4998549.jpeg?auto=compress&amp;cs=tinysrgb&amp;w=800&quot;);"></div><div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/40 to-black/20 group-hover:from-black/90 transition-all duration-300"></div><div class="absolute bottom-0 left-0 right-0 p-3 text-white"><h3 class="text-base font-bold mb-1 drop-shadow-lg">Allergen Free</h3><p class="text-white/90 text-[10px] leading-tight drop-shadow-md">Safe for sensitive families</p></div></div></div><div class="flex-shrink-0 w-[280px]"><div class="rounded-lg bg-card text-card-foreground relative overflow-hidden border-0 shadow-lg hover:shadow-2xl transition-all duration-300 h-48 group"><div class="absolute inset-0 bg-cover bg-center transition-transform duration-500 group-hover:scale-110" style="background-image: url(&quot;https://images.pexels.com/photos/20285566/pexels-photo-20285566.jpeg?auto=compress&amp;cs=tinysrgb&amp;w=800&quot;);"></div><div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/40 to-black/20 group-hover:from-black/90 transition-all duration-300"></div><div class="absolute bottom-0 left-0 right-0 p-3 text-white"><h3 class="text-base font-bold mb-1 drop-shadow-lg">Dairy Free</h3><p class="text-white/90 text-[10px] leading-tight drop-shadow-md">No dairy or lactose</p></div></div></div><div class="flex-shrink-0 w-[280px]"><div class="rounded-lg bg-card text-card-foreground relative overflow-hidden border-0 shadow-lg hover:shadow-2xl transition-all duration-300 h-48 group"><div class="absolute inset-0 bg-cover bg-center transition-transform duration-500 group-hover:scale-110" style="background-image: url(&quot;https://images.unsplash.com/photo-1591604466107-ec97de577aff?w=800&amp;auto=format&amp;fit=crop&quot;);"></div><div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/40 to-black/20 group-hover:from-black/90 transition-all duration-300"></div><div class="absolute bottom-0 left-0 right-0 p-3 text-white"><h3 class="text-base font-bold mb-1 drop-shadow-lg">Halal Certified</h3><p class="text-white/90 text-[10px] leading-tight drop-shadow-md">Meets Halal standards</p></div></div></div><div class="flex-shrink-0 w-[280px]"><div class="rounded-lg bg-card text-card-foreground relative overflow-hidden border-0 shadow-lg hover:shadow-2xl transition-all duration-300 h-48 group"><div class="absolute inset-0 bg-cover bg-center transition-transform duration-500 group-hover:scale-110" style="background-image: url(&quot;https://images.unsplash.com/photo-1547592166-23ac45744acd?w=800&amp;auto=format&amp;fit=crop&quot;);"></div><div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/40 to-black/20 group-hover:from-black/90 transition-all duration-300"></div><div class="absolute bottom-0 left-0 right-0 p-3 text-white"><h3 class="text-base font-bold mb-1 drop-shadow-lg">Kosher Certified</h3><p class="text-white/90 text-[10px] leading-tight drop-shadow-md">Certified Kosher quality</p></div></div></div><div class="flex-shrink-0 w-[280px]"><div class="rounded-lg bg-card text-card-foreground relative overflow-hidden border-0 shadow-lg hover:shadow-2xl transition-all duration-300 h-48 group"><div class="absolute inset-0 bg-cover bg-center transition-transform duration-500 group-hover:scale-110" style="background-image: url(&quot;https://images.pexels.com/photos/8859770/pexels-photo-8859770.jpeg?auto=compress&amp;cs=tinysrgb&amp;w=800&quot;);"></div><div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/40 to-black/20 group-hover:from-black/90 transition-all duration-300"></div><div class="absolute bottom-0 left-0 right-0 p-3 text-white"><h3 class="text-base font-bold mb-1 drop-shadow-lg">Vegetarian &amp; Vegan Friendly</h3><p class="text-white/90 text-[10px] leading-tight drop-shadow-md">100% plant-based purity</p></div></div></div><div class="flex-shrink-0 w-[280px]"><div class="rounded-lg bg-card text-card-foreground relative overflow-hidden border-0 shadow-lg hover:shadow-2xl transition-all duration-300 h-48 group"><div class="absolute inset-0 bg-cover bg-center transition-transform duration-500 group-hover:scale-110" style="background-image: url(&quot;https://images.pexels.com/photos/4031522/pexels-photo-4031522.jpeg?auto=compress&amp;cs=tinysrgb&amp;w=800&quot;);"></div><div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/40 to-black/20 group-hover:from-black/90 transition-all duration-300"></div><div class="absolute bottom-0 left-0 right-0 p-3 text-white"><h3 class="text-base font-bold mb-1 drop-shadow-lg">Third-Party Tested</h3><p class="text-white/90 text-[10px] leading-tight drop-shadow-md">Verified for purity &amp; potency</p></div></div></div><div class="flex-shrink-0 w-[280px]"><div class="rounded-lg bg-card text-card-foreground relative overflow-hidden border-0 shadow-lg hover:shadow-2xl transition-all duration-300 h-48 group"><div class="absolute inset-0 bg-cover bg-center transition-transform duration-500 group-hover:scale-110" style="background-image: url(&quot;https://images.pexels.com/photos/1125122/pexels-photo-1125122.jpeg?auto=compress&amp;cs=tinysrgb&amp;w=800&quot;);"></div><div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/40 to-black/20 group-hover:from-black/90 transition-all duration-300"></div><div class="absolute bottom-0 left-0 right-0 p-3 text-white"><h3 class="text-base font-bold mb-1 drop-shadow-lg">No Sugar Added</h3><p class="text-white/90 text-[10px] leading-tight drop-shadow-md">Naturally clean taste</p></div></div></div><div class="flex-shrink-0 w-[280px]"><div class="rounded-lg bg-card text-card-foreground relative overflow-hidden border-0 shadow-lg hover:shadow-2xl transition-all duration-300 h-48 group"><div class="absolute inset-0 bg-cover bg-center transition-transform duration-500 group-hover:scale-110" style="background-image: url(&quot;https://images.pexels.com/photos/8026749/pexels-photo-8026749.jpeg?auto=compress&amp;cs=tinysrgb&amp;w=800&quot;);"></div><div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/40 to-black/20 group-hover:from-black/90 transition-all duration-300"></div><div class="absolute bottom-0 left-0 right-0 p-3 text-white"><h3 class="text-base font-bold mb-1 drop-shadow-lg">Made in the USA</h3><p class="text-white/90 text-[10px] leading-tight drop-shadow-md">Proudly crafted locally</p></div></div></div><div class="flex-shrink-0 w-[280px]"><div class="rounded-lg bg-card text-card-foreground relative overflow-hidden border-0 shadow-lg hover:shadow-2xl transition-all duration-300 h-48 group"><div class="absolute inset-0 bg-cover bg-center transition-transform duration-500 group-hover:scale-110" style="background-image: url(&quot;https://images.pexels.com/photos/28645473/pexels-photo-28645473.jpeg?auto=compress&amp;cs=tinysrgb&amp;w=800&quot;);"></div><div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/40 to-black/20 group-hover:from-black/90 transition-all duration-300"></div><div class="absolute bottom-0 left-0 right-0 p-3 text-white"><h3 class="text-base font-bold mb-1 drop-shadow-lg">No Artificial Preservatives</h3><p class="text-white/90 text-[10px] leading-tight drop-shadow-md">Fresh, not shelf-stable</p></div></div></div><div class="flex-shrink-0 w-[280px]"><div class="rounded-lg bg-card text-card-foreground relative overflow-hidden border-0 shadow-lg hover:shadow-2xl transition-all duration-300 h-48 group"><div class="absolute inset-0 bg-cover bg-center transition-transform duration-500 group-hover:scale-110" style="background-image: url(&quot;https://images.pexels.com/photos/16552435/pexels-photo-16552435.jpeg?auto=compress&amp;cs=tinysrgb&amp;w=800&quot;);"></div><div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/40 to-black/20 group-hover:from-black/90 transition-all duration-300"></div><div class="absolute bottom-0 left-0 right-0 p-3 text-white"><h3 class="text-base font-bold mb-1 drop-shadow-lg">Expert-Formulated</h3><p class="text-white/90 text-[10px] leading-tight drop-shadow-md">Created by health professionals</p></div></div></div><div class="flex-shrink-0 w-[280px]"><div class="rounded-lg bg-card text-card-foreground relative overflow-hidden border-0 shadow-lg hover:shadow-2xl transition-all duration-300 h-48 group"><div class="absolute inset-0 bg-cover bg-center transition-transform duration-500 group-hover:scale-110" style="background-image: url(&quot;https://images.pexels.com/photos/8450393/pexels-photo-8450393.jpeg?auto=compress&amp;cs=tinysrgb&amp;w=800&quot;);"></div><div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/40 to-black/20 group-hover:from-black/90 transition-all duration-300"></div><div class="absolute bottom-0 left-0 right-0 p-3 text-white"><h3 class="text-base font-bold mb-1 drop-shadow-lg">Eco-Friendly Packaging</h3><p class="text-white/90 text-[10px] leading-tight drop-shadow-md">Sustainable amber glass</p></div></div></div><div class="flex-shrink-0 w-[280px]"><div class="rounded-lg bg-card text-card-foreground relative overflow-hidden border-0 shadow-lg hover:shadow-2xl transition-all duration-300 h-48 group"><div class="absolute inset-0 bg-cover bg-center transition-transform duration-500 group-hover:scale-110" style="background-image: url(&quot;https://images.pexels.com/photos/9207315/pexels-photo-9207315.jpeg?auto=compress&amp;cs=tinysrgb&amp;w=800&quot;);"></div><div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/40 to-black/20 group-hover:from-black/90 transition-all duration-300"></div><div class="absolute bottom-0 left-0 right-0 p-3 text-white"><h3 class="text-base font-bold mb-1 drop-shadow-lg">Family Dosing</h3><p class="text-white/90 text-[10px] leading-tight drop-shadow-md">One bottle, every age</p></div></div></div><div class="flex-shrink-0 w-[280px]"><div class="rounded-lg bg-card text-card-foreground relative overflow-hidden border-0 shadow-lg hover:shadow-2xl transition-all duration-300 h-48 group"><div class="absolute inset-0 bg-cover bg-center transition-transform duration-500 group-hover:scale-110" style="background-image: url(&quot;https://images.pexels.com/photos/5331320/pexels-photo-5331320.jpeg?auto=compress&amp;cs=tinysrgb&amp;w=800&quot;);"></div><div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/40 to-black/20 group-hover:from-black/90 transition-all duration-300"></div><div class="absolute bottom-0 left-0 right-0 p-3 text-white"><h3 class="text-base font-bold mb-1 drop-shadow-lg">Better Absorption</h3><p class="text-white/90 text-[10px] leading-tight drop-shadow-md">Liquid &amp; powder only</p></div></div></div><div class="flex-shrink-0 w-[280px]"><div class="rounded-lg bg-card text-card-foreground relative overflow-hidden border-0 shadow-lg hover:shadow-2xl transition-all duration-300 h-48 group"><div class="absolute inset-0 bg-cover bg-center transition-transform duration-500 group-hover:scale-110" style="background-image: url(&quot;https://images.pexels.com/photos/5945631/pexels-photo-5945631.jpeg?auto=compress&amp;cs=tinysrgb&amp;w=800&quot;);"></div><div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/40 to-black/20 group-hover:from-black/90 transition-all duration-300"></div><div class="absolute bottom-0 left-0 right-0 p-3 text-white"><h3 class="text-base font-bold mb-1 drop-shadow-lg">Transparent Labeling</h3><p class="text-white/90 text-[10px] leading-tight drop-shadow-md">Honest info, always</p></div></div></div><div class="flex-shrink-0 w-[280px]"><div class="rounded-lg bg-card text-card-foreground relative overflow-hidden border-0 shadow-lg hover:shadow-2xl transition-all duration-300 h-48 group"><div class="absolute inset-0 bg-cover bg-center transition-transform duration-500 group-hover:scale-110" style="background-image: url(&quot;https://images.pexels.com/photos/8208686/pexels-photo-8208686.jpeg?auto=compress&amp;cs=tinysrgb&amp;w=800&quot;);"></div><div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/40 to-black/20 group-hover:from-black/90 transition-all duration-300"></div><div class="absolute bottom-0 left-0 right-0 p-3 text-white"><h3 class="text-base font-bold mb-1 drop-shadow-lg">Parent-Focused Brand</h3><p class="text-white/90 text-[10px] leading-tight drop-shadow-md">Made for real families</p></div></div></div><div class="flex-shrink-0 w-[280px]"><div class="rounded-lg bg-card text-card-foreground relative overflow-hidden border-0 shadow-lg hover:shadow-2xl transition-all duration-300 h-48 group"><div class="absolute inset-0 bg-cover bg-center transition-transform duration-500 group-hover:scale-110" style="background-image: url(&quot;https://images.pexels.com/photos/6316542/pexels-photo-6316542.jpeg?auto=compress&amp;cs=tinysrgb&amp;w=800&quot;);"></div><div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/40 to-black/20 group-hover:from-black/90 transition-all duration-300"></div><div class="absolute bottom-0 left-0 right-0 p-3 text-white"><h3 class="text-base font-bold mb-1 drop-shadow-lg">Non-GMO</h3><p class="text-white/90 text-[10px] leading-tight drop-shadow-md">No genetic modification</p></div></div></div><div class="flex-shrink-0 w-[280px]"><div class="rounded-lg bg-card text-card-foreground relative overflow-hidden border-0 shadow-lg hover:shadow-2xl transition-all duration-300 h-48 group"><div class="absolute inset-0 bg-cover bg-center transition-transform duration-500 group-hover:scale-110" style="background-image: url(&quot;https://images.pexels.com/photos/1306548/pexels-photo-1306548.jpeg?auto=compress&amp;cs=tinysrgb&amp;w=800&quot;);"></div><div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/40 to-black/20 group-hover:from-black/90 transition-all duration-300"></div><div class="absolute bottom-0 left-0 right-0 p-3 text-white"><h3 class="text-base font-bold mb-1 drop-shadow-lg">Gluten Free</h3><p class="text-white/90 text-[10px] leading-tight drop-shadow-md">Safe for gluten sensitivities</p></div></div></div><div class="flex-shrink-0 w-[280px]"><div class="rounded-lg bg-card text-card-foreground relative overflow-hidden border-0 shadow-lg hover:shadow-2xl transition-all duration-300 h-48 group"><div class="absolute inset-0 bg-cover bg-center transition-transform duration-500 group-hover:scale-110" style="background-image: url(&quot;https://images.pexels.com/photos/6805782/pexels-photo-6805782.jpeg?auto=compress&amp;cs=tinysrgb&amp;w=800&quot;);"></div><div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/40 to-black/20 group-hover:from-black/90 transition-all duration-300"></div><div class="absolute bottom-0 left-0 right-0 p-3 text-white"><h3 class="text-base font-bold mb-1 drop-shadow-lg">Soy Free</h3><p class="text-white/90 text-[10px] leading-tight drop-shadow-md">No soy ingredients</p></div></div></div><div class="flex-shrink-0 w-[280px]"><div class="rounded-lg bg-card text-card-foreground relative overflow-hidden border-0 shadow-lg hover:shadow-2xl transition-all duration-300 h-48 group"><div class="absolute inset-0 bg-cover bg-center transition-transform duration-500 group-hover:scale-110" style="background-image: url(&quot;https://images.pexels.com/photos/105028/pexels-photo-105028.jpeg?auto=compress&amp;cs=tinysrgb&amp;w=800&quot;);"></div><div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/40 to-black/20 group-hover:from-black/90 transition-all duration-300"></div><div class="absolute bottom-0 left-0 right-0 p-3 text-white"><h3 class="text-base font-bold mb-1 drop-shadow-lg">Natural Ingredients</h3><p class="text-white/90 text-[10px] leading-tight drop-shadow-md">Pure, whole-food based</p></div></div></div><div class="flex-shrink-0 w-[280px]"><div class="rounded-lg bg-card text-card-foreground relative overflow-hidden border-0 shadow-lg hover:shadow-2xl transition-all duration-300 h-48 group"><div class="absolute inset-0 bg-cover bg-center transition-transform duration-500 group-hover:scale-110" style="background-image: url(&quot;https://images.pexels.com/photos/28376682/pexels-photo-28376682.jpeg?auto=compress&amp;cs=tinysrgb&amp;w=800&quot;);"></div><div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/40 to-black/20 group-hover:from-black/90 transition-all duration-300"></div><div class="absolute bottom-0 left-0 right-0 p-3 text-white"><h3 class="text-base font-bold mb-1 drop-shadow-lg">No Artificial Color or Flavor</h3><p class="text-white/90 text-[10px] leading-tight drop-shadow-md">Nothing synthetic added</p></div></div></div><div class="flex-shrink-0 w-[280px]"><div class="rounded-lg bg-card text-card-foreground relative overflow-hidden border-0 shadow-lg hover:shadow-2xl transition-all duration-300 h-48 group"><div class="absolute inset-0 bg-cover bg-center transition-transform duration-500 group-hover:scale-110" style="background-image: url(&quot;https://images.pexels.com/photos/4998549/pexels-photo-4998549.jpeg?auto=compress&amp;cs=tinysrgb&amp;w=800&quot;);"></div><div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/40 to-black/20 group-hover:from-black/90 transition-all duration-300"></div><div class="absolute bottom-0 left-0 right-0 p-3 text-white"><h3 class="text-base font-bold mb-1 drop-shadow-lg">Allergen Free</h3><p class="text-white/90 text-[10px] leading-tight drop-shadow-md">Safe for sensitive families</p></div></div></div><div class="flex-shrink-0 w-[280px]"><div class="rounded-lg bg-card text-card-foreground relative overflow-hidden border-0 shadow-lg hover:shadow-2xl transition-all duration-300 h-48 group"><div class="absolute inset-0 bg-cover bg-center transition-transform duration-500 group-hover:scale-110" style="background-image: url(&quot;https://images.pexels.com/photos/20285566/pexels-photo-20285566.jpeg?auto=compress&amp;cs=tinysrgb&amp;w=800&quot;);"></div><div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/40 to-black/20 group-hover:from-black/90 transition-all duration-300"></div><div class="absolute bottom-0 left-0 right-0 p-3 text-white"><h3 class="text-base font-bold mb-1 drop-shadow-lg">Dairy Free</h3><p class="text-white/90 text-[10px] leading-tight drop-shadow-md">No dairy or lactose</p></div></div></div><div class="flex-shrink-0 w-[280px]"><div class="rounded-lg bg-card text-card-foreground relative overflow-hidden border-0 shadow-lg hover:shadow-2xl transition-all duration-300 h-48 group"><div class="absolute inset-0 bg-cover bg-center transition-transform duration-500 group-hover:scale-110" style="background-image: url(&quot;https://images.unsplash.com/photo-1591604466107-ec97de577aff?w=800&amp;auto=format&amp;fit=crop&quot;);"></div><div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/40 to-black/20 group-hover:from-black/90 transition-all duration-300"></div><div class="absolute bottom-0 left-0 right-0 p-3 text-white"><h3 class="text-base font-bold mb-1 drop-shadow-lg">Halal Certified</h3><p class="text-white/90 text-[10px] leading-tight drop-shadow-md">Meets Halal standards</p></div></div></div><div class="flex-shrink-0 w-[280px]"><div class="rounded-lg bg-card text-card-foreground relative overflow-hidden border-0 shadow-lg hover:shadow-2xl transition-all duration-300 h-48 group"><div class="absolute inset-0 bg-cover bg-center transition-transform duration-500 group-hover:scale-110" style="background-image: url(&quot;https://images.unsplash.com/photo-1547592166-23ac45744acd?w=800&amp;auto=format&amp;fit=crop&quot;);"></div><div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/40 to-black/20 group-hover:from-black/90 transition-all duration-300"></div><div class="absolute bottom-0 left-0 right-0 p-3 text-white"><h3 class="text-base font-bold mb-1 drop-shadow-lg">Kosher Certified</h3><p class="text-white/90 text-[10px] leading-tight drop-shadow-md">Certified Kosher quality</p></div></div></div></div></div></section><section class="py-16 bg-brand-green"><div class="container mx-auto px-4 sm:px-6 lg:px-8"><div style="opacity: 0; transform: translateY(20px);"><div class="rounded-lg border bg-card text-card-foreground shadow-sm border-brand-green/20 overflow-hidden max-w-5xl mx-auto"><div class="p-0"><div class="grid md:grid-cols-2 gap-0"><div class="bg-white p-8 flex items-center justify-center"><div class="w-full" style="opacity: 0; transform: scale(0.9);"><img src="https://cdn.builder.io/api/v1/image/assets%2F2651dca913d34eafa320b193e1b2c34e%2F18d8d722f0e043da8e8dc505d6f45b51?format=webp&amp;width=800" alt="GreenPeach Gift Card" width="800" height="600" class="w-full h-auto object-contain"></div></div><div class="p-12 flex flex-col justify-center space-y-8"><div><h4 class="text-2xl font-bold text-brand-forest mb-2">Choose Your Amount</h4><p class="text-brand-forest/75">Select a gift card amount in $10 increments</p></div><div class="text-center py-6"><div class="text-5xl font-bold text-brand-green">$50</div></div><div class="space-y-4"><span dir="ltr" data-orientation="horizontal" aria-disabled="false" class="relative flex touch-none select-none items-center w-full" aria-label="Select gift card amount" style="--radix-slider-thumb-transform: translateX(-50%);"><span data-orientation="horizontal" class="relative h-2 w-full grow overflow-hidden rounded-full bg-brand-green/20"><span data-orientation="horizontal" class="absolute h-full bg-brand-green" style="left: 0%; right: 91.8367%;"></span></span><span style="transform: var(--radix-slider-thumb-transform); position: absolute; left: calc(8.16327% + 8.36735px);"><span role="slider" aria-label="Select gift card amount" aria-valuemin="10" aria-valuemax="500" aria-orientation="horizontal" data-orientation="horizontal" tabindex="0" class="block h-5 w-5 rounded-full border-2 border-brand-green bg-white ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand-green focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50" data-radix-collection-item="" aria-valuenow="50" style=""></span></span></span><div class="flex justify-between text-sm text-brand-forest/75"><span>$10</span><span>$500</span></div></div><div class="space-y-2"><label for="gift-card-amount" class="text-sm font-medium text-brand-forest">Or enter amount manually:</label><div class="flex gap-2"><div class="relative flex-1"><span class="absolute left-3 top-1/2 -translate-y-1/2 text-brand-forest/75">$</span><input type="number" class="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm pl-7 text-lg" id="gift-card-amount" name="giftAmount" min="10" max="500" step="10" value="50"></div><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 h-11 rounded-md bg-brand-green hover:bg-brand-green-dark text-white px-8"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shopping-cart mr-2 h-5 w-5" aria-hidden="true"><circle cx="8" cy="21" r="1"></circle><circle cx="19" cy="21" r="1"></circle><path d="M2.05 2.05h2l2.66 12.42a2 2 0 0 0 2 1.58h9.78a2 2 0 0 0 1.95-1.57l1.65-7.43H5.12"></path></svg>Add to Cart</button></div><p class="text-xs text-brand-forest/65">Amounts are in $10 increments</p></div></div></div></div></div></div></div></section><section class="py-12 sm:py-16 md:py-20 bg-brand-cream/30"><div class="container mx-auto px-4 sm:px-6 lg:px-8"><div class="max-w-4xl mx-auto" style="opacity: 0; transform: translateY(30px);"><div class="rounded-lg border bg-card text-card-foreground shadow-sm border-brand-green/20 overflow-hidden"><div class="p-0"><div class="grid md:grid-cols-2 gap-0"><div class="h-full" style="opacity: 0;"><img src="https://cdn.builder.io/api/v1/image/assets%2F2651dca913d34eafa320b193e1b2c34e%2F4baa538096054f268d51a997c1e74f20?format=webp&amp;width=800" alt="Not sure where to start?" width="800" height="600" class="w-full h-full object-cover"></div><div class="p-8 md:p-12 flex flex-col justify-center space-y-6 bg-white"><div class="space-y-3 sm:space-y-4"><div class="inline-flex items-center rounded-full font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent hover:bg-primary/80 bg-brand-peach text-white border-0 px-2 sm:px-3 py-1 text-xs sm:text-sm">Personalized Recommendations</div><h3 class="text-xl min-[400px]:text-2xl sm:text-3xl font-bold text-brand-forest font-display">Not Sure Where to Get Started?</h3><p class="text-sm sm:text-base text-brand-forest/85 leading-relaxed">Take our quick 2-minute quiz to get personalized product recommendations based on your family's unique health goals and needs.</p></div><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap font-medium ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 h-11 bg-brand-green hover:bg-brand-green-dark text-white hover:scale-105 transition-transform w-full sm:w-auto px-6 sm:px-8 py-3 sm:py-4 text-sm sm:text-base min-h-[44px] rounded-full">Take the Quiz<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right ml-2 h-4 w-4" aria-hidden="true"><path d="m9 18 6-6-6-6"></path></svg></button></div></div></div></div></div></div></section><section class="py-16 sm:py-20 md:py-24 bg-gradient-to-br from-brand-green via-brand-green to-brand-green/90"><div class="container mx-auto px-4 sm:px-6 lg:px-8"><div class="text-center space-y-4 mb-12 sm:mb-14 md:mb-16"><h2 class="text-2xl min-[400px]:text-3xl sm:text-4xl md:text-5xl font-bold text-white font-display">Growing Healthy Families, Together.</h2><p class="text-white/80 text-lg max-w-2xl mx-auto">Real reviews from real families who trust GreenPeach</p></div><div class="text-center text-white/60 py-12">Loading reviews...</div></div></section><section class="py-20 bg-gray-100"><div class="container mx-auto px-4 sm:px-6 lg:px-8"><div class="text-center space-y-4 mb-12" style="opacity: 0; transform: translateY(30px);"><h2 class="text-2xl min-[400px]:text-3xl md:text-4xl font-bold text-brand-forest font-display">Awards &amp; Certificates</h2><p class="text-brand-forest/75 max-w-2xl mx-auto">Trusted and recognized for quality, safety, and excellence in family nutrition.</p></div><div class="grid grid-cols-3 gap-4 sm:gap-8 max-w-5xl mx-auto"><div style="opacity: 0; transform: translateY(30px);"><div class="rounded-lg border text-card-foreground border-brand-green/20 overflow-hidden bg-white shadow-lg hover:shadow-2xl transition-all duration-300 h-full"><div class="p-3 sm:p-6 md:p-8 flex items-center justify-center"><img src="https://cdn.builder.io/api/v1/image/assets%2F2651dca913d34eafa320b193e1b2c34e%2F4bd000b2dbb24af8989982e397ba3059?format=webp&amp;width=800" alt="Clean Label Project Certified" width="400" height="400" class="w-full h-auto object-contain max-h-32 sm:max-h-40 md:max-h-48"></div></div></div><div style="opacity: 0; transform: translateY(30px);"><div class="rounded-lg border text-card-foreground border-brand-green/20 overflow-hidden bg-white shadow-lg hover:shadow-2xl transition-all duration-300 h-full"><div class="p-3 sm:p-6 md:p-8 flex items-center justify-center"><img src="https://cdn.builder.io/api/v1/image/assets%2F2651dca913d34eafa320b193e1b2c34e%2F6b8f2b9eac0941b284bf0f53d3ea8aa9?format=webp&amp;width=800" alt="Mom's Choice Award" width="400" height="400" class="w-full h-auto object-contain max-h-32 sm:max-h-40 md:max-h-48"></div></div></div><div style="opacity: 0; transform: translateY(30px);"><div class="rounded-lg border text-card-foreground border-brand-green/20 overflow-hidden bg-white shadow-lg hover:shadow-2xl transition-all duration-300 h-full"><div class="p-3 sm:p-6 md:p-8 flex items-center justify-center"><img src="https://cdn.builder.io/api/v1/image/assets%2F2651dca913d34eafa320b193e1b2c34e%2F3a2f3cb330134e34a721fad74e88b8e0?format=webp&amp;width=800" alt="Mindful Awards" width="400" height="400" class="w-full h-auto object-contain max-h-32 sm:max-h-40 md:max-h-48"></div></div></div></div></div></section><section class="relative pt-16 pb-20 md:pt-20 md:pb-24 overflow-hidden bg-cover bg-center bg-no-repeat" style="background-image: url(&quot;https://cdn.builder.io/api/v1/image/assets%2F2651dca913d34eafa320b193e1b2c34e%2Fbac0dc4298ee413ca4c0664da2886b74?format=webp&amp;width=1920&quot;);"><div class="absolute inset-0 bg-gradient-to-r from-black/30 to-black/40"></div><style>
        @keyframes float-leaf {
          0% {
            transform: translateX(-10%) translateY(0) rotate(0deg);
            opacity: 0;
          }
          10% {
            opacity: 1;
          }
          90% {
            opacity: 1;
          }
          100% {
            transform: translateX(110vw) translateY(var(--vertical-drift)) rotate(360deg);
            opacity: 0;
          }
        }

        .leaf {
          position: absolute;
          left: -10%;
          will-change: transform;
          pointer-events: none;
          animation: float-leaf linear infinite;
          /* Critical: use transform3d for GPU acceleration */
          transform: translate3d(0, 0, 0);
        }

        .leaf svg {
          display: block;
          /* GPU layer */
          transform: translate3d(0, 0, 0);
          filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2));
        }

        /* Mobile optimization */
        @media (max-width: 768px) {
          .leaf {
            /* Ensure smooth compositing on mobile */
            backface-visibility: hidden;
            -webkit-backface-visibility: hidden;
          }
        }
      </style><div class="absolute inset-0 w-full h-full overflow-hidden pointer-events-none"><div class="leaf" style="top: 52.8499%; animation-duration: 25.6939s; animation-delay: -3.45635s; --vertical-drift: -14.003204919862872vh;"><div style="transform: rotate(0.655989deg);"><svg width="21.374830833547357" height="32.06224625032104" viewBox="0 0 20 30" fill="none" xmlns="http://www.w3.org/2000/svg" style="opacity: 0.254285;"><path d="M 10 0 Q 15 7.5, 15 15 Q 15 22.5, 10 30 Q 5 22.5, 5 15 Q 5 7.5, 10 0 Z" fill="rgba(255, 255, 255, 0.85)"></path><line x1="10" y1="0" x2="10" y2="30" stroke="rgba(200, 200, 200, 0.4)" stroke-width="0.5"></line><line x1="10" y1="8" x2="7" y2="10" stroke="rgba(200, 200, 200, 0.3)" stroke-width="0.3"></line><line x1="10" y1="8" x2="13" y2="10" stroke="rgba(200, 200, 200, 0.3)" stroke-width="0.3"></line><line x1="10" y1="15" x2="6" y2="17" stroke="rgba(200, 200, 200, 0.3)" stroke-width="0.3"></line><line x1="10" y1="15" x2="14" y2="17" stroke="rgba(200, 200, 200, 0.3)" stroke-width="0.3"></line><line x1="10" y1="22" x2="7" y2="23" stroke="rgba(200, 200, 200, 0.3)" stroke-width="0.3"></line><line x1="10" y1="22" x2="13" y2="23" stroke="rgba(200, 200, 200, 0.3)" stroke-width="0.3"></line></svg></div></div><div class="leaf" style="top: 17.619%; animation-duration: 30.603s; animation-delay: -5.85563s; --vertical-drift: 13.87902798853466vh;"><div style="transform: rotate(233.094deg);"><svg width="29.29958821364002" height="43.94938232046003" viewBox="0 0 20 30" fill="none" xmlns="http://www.w3.org/2000/svg" style="opacity: 0.250709;"><path d="M 10 0 Q 15 7.5, 15 15 Q 15 22.5, 10 30 Q 5 22.5, 5 15 Q 5 7.5, 10 0 Z" fill="rgba(255, 255, 255, 0.85)"></path><line x1="10" y1="0" x2="10" y2="30" stroke="rgba(200, 200, 200, 0.4)" stroke-width="0.5"></line><line x1="10" y1="8" x2="7" y2="10" stroke="rgba(200, 200, 200, 0.3)" stroke-width="0.3"></line><line x1="10" y1="8" x2="13" y2="10" stroke="rgba(200, 200, 200, 0.3)" stroke-width="0.3"></line><line x1="10" y1="15" x2="6" y2="17" stroke="rgba(200, 200, 200, 0.3)" stroke-width="0.3"></line><line x1="10" y1="15" x2="14" y2="17" stroke="rgba(200, 200, 200, 0.3)" stroke-width="0.3"></line><line x1="10" y1="22" x2="7" y2="23" stroke="rgba(200, 200, 200, 0.3)" stroke-width="0.3"></line><line x1="10" y1="22" x2="13" y2="23" stroke="rgba(200, 200, 200, 0.3)" stroke-width="0.3"></line></svg></div></div><div class="leaf" style="top: 20.1635%; animation-duration: 26.7921s; animation-delay: -10.741s; --vertical-drift: -3.567144785164811vh;"><div style="transform: rotate(332.184deg);"><svg width="17.17009861169251" height="25.755147917538764" viewBox="0 0 20 30" fill="none" xmlns="http://www.w3.org/2000/svg" style="opacity: 0.348739;"><path d="M 10 0 Q 15 7.5, 15 15 Q 15 22.5, 10 30 Q 5 22.5, 5 15 Q 5 7.5, 10 0 Z" fill="rgba(255, 255, 255, 0.85)"></path><line x1="10" y1="0" x2="10" y2="30" stroke="rgba(200, 200, 200, 0.4)" stroke-width="0.5"></line><line x1="10" y1="8" x2="7" y2="10" stroke="rgba(200, 200, 200, 0.3)" stroke-width="0.3"></line><line x1="10" y1="8" x2="13" y2="10" stroke="rgba(200, 200, 200, 0.3)" stroke-width="0.3"></line><line x1="10" y1="15" x2="6" y2="17" stroke="rgba(200, 200, 200, 0.3)" stroke-width="0.3"></line><line x1="10" y1="15" x2="14" y2="17" stroke="rgba(200, 200, 200, 0.3)" stroke-width="0.3"></line><line x1="10" y1="22" x2="7" y2="23" stroke="rgba(200, 200, 200, 0.3)" stroke-width="0.3"></line><line x1="10" y1="22" x2="13" y2="23" stroke="rgba(200, 200, 200, 0.3)" stroke-width="0.3"></line></svg></div></div><div class="leaf" style="top: 88.3351%; animation-duration: 30.3412s; animation-delay: -14.5556s; --vertical-drift: -9.414818760725517vh;"><div style="transform: rotate(294.694deg);"><svg width="23.69917309731484" height="35.54875964597226" viewBox="0 0 20 30" fill="none" xmlns="http://www.w3.org/2000/svg" style="opacity: 0.268859;"><path d="M 10 0 Q 15 7.5, 15 15 Q 15 22.5, 10 30 Q 5 22.5, 5 15 Q 5 7.5, 10 0 Z" fill="rgba(255, 255, 255, 0.85)"></path><line x1="10" y1="0" x2="10" y2="30" stroke="rgba(200, 200, 200, 0.4)" stroke-width="0.5"></line><line x1="10" y1="8" x2="7" y2="10" stroke="rgba(200, 200, 200, 0.3)" stroke-width="0.3"></line><line x1="10" y1="8" x2="13" y2="10" stroke="rgba(200, 200, 200, 0.3)" stroke-width="0.3"></line><line x1="10" y1="15" x2="6" y2="17" stroke="rgba(200, 200, 200, 0.3)" stroke-width="0.3"></line><line x1="10" y1="15" x2="14" y2="17" stroke="rgba(200, 200, 200, 0.3)" stroke-width="0.3"></line><line x1="10" y1="22" x2="7" y2="23" stroke="rgba(200, 200, 200, 0.3)" stroke-width="0.3"></line><line x1="10" y1="22" x2="13" y2="23" stroke="rgba(200, 200, 200, 0.3)" stroke-width="0.3"></line></svg></div></div><div class="leaf" style="top: 54.8584%; animation-duration: 29.9007s; animation-delay: -9.11337s; --vertical-drift: -7.592101102122877vh;"><div style="transform: rotate(174.998deg);"><svg width="16.009392932280793" height="24.01408939842119" viewBox="0 0 20 30" fill="none" xmlns="http://www.w3.org/2000/svg" style="opacity: 0.227291;"><path d="M 10 0 Q 15 7.5, 15 15 Q 15 22.5, 10 30 Q 5 22.5, 5 15 Q 5 7.5, 10 0 Z" fill="rgba(255, 255, 255, 0.85)"></path><line x1="10" y1="0" x2="10" y2="30" stroke="rgba(200, 200, 200, 0.4)" stroke-width="0.5"></line><line x1="10" y1="8" x2="7" y2="10" stroke="rgba(200, 200, 200, 0.3)" stroke-width="0.3"></line><line x1="10" y1="8" x2="13" y2="10" stroke="rgba(200, 200, 200, 0.3)" stroke-width="0.3"></line><line x1="10" y1="15" x2="6" y2="17" stroke="rgba(200, 200, 200, 0.3)" stroke-width="0.3"></line><line x1="10" y1="15" x2="14" y2="17" stroke="rgba(200, 200, 200, 0.3)" stroke-width="0.3"></line><line x1="10" y1="22" x2="7" y2="23" stroke="rgba(200, 200, 200, 0.3)" stroke-width="0.3"></line><line x1="10" y1="22" x2="13" y2="23" stroke="rgba(200, 200, 200, 0.3)" stroke-width="0.3"></line></svg></div></div><div class="leaf" style="top: 7.61889%; animation-duration: 24.0929s; animation-delay: -2.08885s; --vertical-drift: 12.88086554189891vh;"><div style="transform: rotate(215.447deg);"><svg width="24.415017168637323" height="36.62252575295599" viewBox="0 0 20 30" fill="none" xmlns="http://www.w3.org/2000/svg" style="opacity: 0.431175;"><path d="M 10 0 Q 15 7.5, 15 15 Q 15 22.5, 10 30 Q 5 22.5, 5 15 Q 5 7.5, 10 0 Z" fill="rgba(255, 255, 255, 0.85)"></path><line x1="10" y1="0" x2="10" y2="30" stroke="rgba(200, 200, 200, 0.4)" stroke-width="0.5"></line><line x1="10" y1="8" x2="7" y2="10" stroke="rgba(200, 200, 200, 0.3)" stroke-width="0.3"></line><line x1="10" y1="8" x2="13" y2="10" stroke="rgba(200, 200, 200, 0.3)" stroke-width="0.3"></line><line x1="10" y1="15" x2="6" y2="17" stroke="rgba(200, 200, 200, 0.3)" stroke-width="0.3"></line><line x1="10" y1="15" x2="14" y2="17" stroke="rgba(200, 200, 200, 0.3)" stroke-width="0.3"></line><line x1="10" y1="22" x2="7" y2="23" stroke="rgba(200, 200, 200, 0.3)" stroke-width="0.3"></line><line x1="10" y1="22" x2="13" y2="23" stroke="rgba(200, 200, 200, 0.3)" stroke-width="0.3"></line></svg></div></div><div class="leaf" style="top: 9.97733%; animation-duration: 28.2487s; animation-delay: -15.5717s; --vertical-drift: -5.6116980654790165vh;"><div style="transform: rotate(192.779deg);"><svg width="30.230417916233343" height="45.34562687435002" viewBox="0 0 20 30" fill="none" xmlns="http://www.w3.org/2000/svg" style="opacity: 0.383132;"><path d="M 10 0 Q 15 7.5, 15 15 Q 15 22.5, 10 30 Q 5 22.5, 5 15 Q 5 7.5, 10 0 Z" fill="rgba(255, 255, 255, 0.85)"></path><line x1="10" y1="0" x2="10" y2="30" stroke="rgba(200, 200, 200, 0.4)" stroke-width="0.5"></line><line x1="10" y1="8" x2="7" y2="10" stroke="rgba(200, 200, 200, 0.3)" stroke-width="0.3"></line><line x1="10" y1="8" x2="13" y2="10" stroke="rgba(200, 200, 200, 0.3)" stroke-width="0.3"></line><line x1="10" y1="15" x2="6" y2="17" stroke="rgba(200, 200, 200, 0.3)" stroke-width="0.3"></line><line x1="10" y1="15" x2="14" y2="17" stroke="rgba(200, 200, 200, 0.3)" stroke-width="0.3"></line><line x1="10" y1="22" x2="7" y2="23" stroke="rgba(200, 200, 200, 0.3)" stroke-width="0.3"></line><line x1="10" y1="22" x2="13" y2="23" stroke="rgba(200, 200, 200, 0.3)" stroke-width="0.3"></line></svg></div></div><div class="leaf" style="top: 12.5104%; animation-duration: 32.2153s; animation-delay: -13.7605s; --vertical-drift: 12.174946372795198vh;"><div style="transform: rotate(166.679deg);"><svg width="26.865999984290866" height="40.2989999764363" viewBox="0 0 20 30" fill="none" xmlns="http://www.w3.org/2000/svg" style="opacity: 0.256299;"><path d="M 10 0 Q 15 7.5, 15 15 Q 15 22.5, 10 30 Q 5 22.5, 5 15 Q 5 7.5, 10 0 Z" fill="rgba(255, 255, 255, 0.85)"></path><line x1="10" y1="0" x2="10" y2="30" stroke="rgba(200, 200, 200, 0.4)" stroke-width="0.5"></line><line x1="10" y1="8" x2="7" y2="10" stroke="rgba(200, 200, 200, 0.3)" stroke-width="0.3"></line><line x1="10" y1="8" x2="13" y2="10" stroke="rgba(200, 200, 200, 0.3)" stroke-width="0.3"></line><line x1="10" y1="15" x2="6" y2="17" stroke="rgba(200, 200, 200, 0.3)" stroke-width="0.3"></line><line x1="10" y1="15" x2="14" y2="17" stroke="rgba(200, 200, 200, 0.3)" stroke-width="0.3"></line><line x1="10" y1="22" x2="7" y2="23" stroke="rgba(200, 200, 200, 0.3)" stroke-width="0.3"></line><line x1="10" y1="22" x2="13" y2="23" stroke="rgba(200, 200, 200, 0.3)" stroke-width="0.3"></line></svg></div></div><div class="leaf" style="top: 29.8924%; animation-duration: 27.9071s; animation-delay: -12.4717s; --vertical-drift: -10.855075979766598vh;"><div style="transform: rotate(315.278deg);"><svg width="29.52994868681264" height="44.29492303021896" viewBox="0 0 20 30" fill="none" xmlns="http://www.w3.org/2000/svg" style="opacity: 0.327164;"><path d="M 10 0 Q 15 7.5, 15 15 Q 15 22.5, 10 30 Q 5 22.5, 5 15 Q 5 7.5, 10 0 Z" fill="rgba(255, 255, 255, 0.85)"></path><line x1="10" y1="0" x2="10" y2="30" stroke="rgba(200, 200, 200, 0.4)" stroke-width="0.5"></line><line x1="10" y1="8" x2="7" y2="10" stroke="rgba(200, 200, 200, 0.3)" stroke-width="0.3"></line><line x1="10" y1="8" x2="13" y2="10" stroke="rgba(200, 200, 200, 0.3)" stroke-width="0.3"></line><line x1="10" y1="15" x2="6" y2="17" stroke="rgba(200, 200, 200, 0.3)" stroke-width="0.3"></line><line x1="10" y1="15" x2="14" y2="17" stroke="rgba(200, 200, 200, 0.3)" stroke-width="0.3"></line><line x1="10" y1="22" x2="7" y2="23" stroke="rgba(200, 200, 200, 0.3)" stroke-width="0.3"></line><line x1="10" y1="22" x2="13" y2="23" stroke="rgba(200, 200, 200, 0.3)" stroke-width="0.3"></line></svg></div></div><div class="leaf" style="top: 24.5771%; animation-duration: 30.2259s; animation-delay: -10.1896s; --vertical-drift: 11.452938801066377vh;"><div style="transform: rotate(195.223deg);"><svg width="38.3428383592733" height="57.51425753890995" viewBox="0 0 20 30" fill="none" xmlns="http://www.w3.org/2000/svg" style="opacity: 0.354852;"><path d="M 10 0 Q 15 7.5, 15 15 Q 15 22.5, 10 30 Q 5 22.5, 5 15 Q 5 7.5, 10 0 Z" fill="rgba(255, 255, 255, 0.85)"></path><line x1="10" y1="0" x2="10" y2="30" stroke="rgba(200, 200, 200, 0.4)" stroke-width="0.5"></line><line x1="10" y1="8" x2="7" y2="10" stroke="rgba(200, 200, 200, 0.3)" stroke-width="0.3"></line><line x1="10" y1="8" x2="13" y2="10" stroke="rgba(200, 200, 200, 0.3)" stroke-width="0.3"></line><line x1="10" y1="15" x2="6" y2="17" stroke="rgba(200, 200, 200, 0.3)" stroke-width="0.3"></line><line x1="10" y1="15" x2="14" y2="17" stroke="rgba(200, 200, 200, 0.3)" stroke-width="0.3"></line><line x1="10" y1="22" x2="7" y2="23" stroke="rgba(200, 200, 200, 0.3)" stroke-width="0.3"></line><line x1="10" y1="22" x2="13" y2="23" stroke="rgba(200, 200, 200, 0.3)" stroke-width="0.3"></line></svg></div></div><div class="leaf" style="top: 40.5013%; animation-duration: 29.2325s; animation-delay: -29.6571s; --vertical-drift: -12.612792022204843vh;"><div style="transform: rotate(76.9916deg);"><svg width="28.44773228767393" height="42.671598431510894" viewBox="0 0 20 30" fill="none" xmlns="http://www.w3.org/2000/svg" style="opacity: 0.240693;"><path d="M 10 0 Q 15 7.5, 15 15 Q 15 22.5, 10 30 Q 5 22.5, 5 15 Q 5 7.5, 10 0 Z" fill="rgba(255, 255, 255, 0.85)"></path><line x1="10" y1="0" x2="10" y2="30" stroke="rgba(200, 200, 200, 0.4)" stroke-width="0.5"></line><line x1="10" y1="8" x2="7" y2="10" stroke="rgba(200, 200, 200, 0.3)" stroke-width="0.3"></line><line x1="10" y1="8" x2="13" y2="10" stroke="rgba(200, 200, 200, 0.3)" stroke-width="0.3"></line><line x1="10" y1="15" x2="6" y2="17" stroke="rgba(200, 200, 200, 0.3)" stroke-width="0.3"></line><line x1="10" y1="15" x2="14" y2="17" stroke="rgba(200, 200, 200, 0.3)" stroke-width="0.3"></line><line x1="10" y1="22" x2="7" y2="23" stroke="rgba(200, 200, 200, 0.3)" stroke-width="0.3"></line><line x1="10" y1="22" x2="13" y2="23" stroke="rgba(200, 200, 200, 0.3)" stroke-width="0.3"></line></svg></div></div><div class="leaf" style="top: 56.6953%; animation-duration: 34.1193s; animation-delay: -9.33463s; --vertical-drift: 10.320853221961496vh;"><div style="transform: rotate(327.183deg);"><svg width="31.638621161771894" height="47.45793174265784" viewBox="0 0 20 30" fill="none" xmlns="http://www.w3.org/2000/svg" style="opacity: 0.207625;"><path d="M 10 0 Q 15 7.5, 15 15 Q 15 22.5, 10 30 Q 5 22.5, 5 15 Q 5 7.5, 10 0 Z" fill="rgba(255, 255, 255, 0.85)"></path><line x1="10" y1="0" x2="10" y2="30" stroke="rgba(200, 200, 200, 0.4)" stroke-width="0.5"></line><line x1="10" y1="8" x2="7" y2="10" stroke="rgba(200, 200, 200, 0.3)" stroke-width="0.3"></line><line x1="10" y1="8" x2="13" y2="10" stroke="rgba(200, 200, 200, 0.3)" stroke-width="0.3"></line><line x1="10" y1="15" x2="6" y2="17" stroke="rgba(200, 200, 200, 0.3)" stroke-width="0.3"></line><line x1="10" y1="15" x2="14" y2="17" stroke="rgba(200, 200, 200, 0.3)" stroke-width="0.3"></line><line x1="10" y1="22" x2="7" y2="23" stroke="rgba(200, 200, 200, 0.3)" stroke-width="0.3"></line><line x1="10" y1="22" x2="13" y2="23" stroke="rgba(200, 200, 200, 0.3)" stroke-width="0.3"></line></svg></div></div><div class="leaf" style="top: 23.5032%; animation-duration: 25.7176s; animation-delay: -15.4178s; --vertical-drift: -12.291217867389028vh;"><div style="transform: rotate(331.033deg);"><svg width="16.262894293271806" height="24.39434143990771" viewBox="0 0 20 30" fill="none" xmlns="http://www.w3.org/2000/svg" style="opacity: 0.504934;"><path d="M 10 0 Q 15 7.5, 15 15 Q 15 22.5, 10 30 Q 5 22.5, 5 15 Q 5 7.5, 10 0 Z" fill="rgba(255, 255, 255, 0.85)"></path><line x1="10" y1="0" x2="10" y2="30" stroke="rgba(200, 200, 200, 0.4)" stroke-width="0.5"></line><line x1="10" y1="8" x2="7" y2="10" stroke="rgba(200, 200, 200, 0.3)" stroke-width="0.3"></line><line x1="10" y1="8" x2="13" y2="10" stroke="rgba(200, 200, 200, 0.3)" stroke-width="0.3"></line><line x1="10" y1="15" x2="6" y2="17" stroke="rgba(200, 200, 200, 0.3)" stroke-width="0.3"></line><line x1="10" y1="15" x2="14" y2="17" stroke="rgba(200, 200, 200, 0.3)" stroke-width="0.3"></line><line x1="10" y1="22" x2="7" y2="23" stroke="rgba(200, 200, 200, 0.3)" stroke-width="0.3"></line><line x1="10" y1="22" x2="13" y2="23" stroke="rgba(200, 200, 200, 0.3)" stroke-width="0.3"></line></svg></div></div><div class="leaf" style="top: 28.7439%; animation-duration: 24.0065s; animation-delay: -6.61427s; --vertical-drift: 11.239328300940231vh;"><div style="transform: rotate(165.343deg);"><svg width="28.287900436909787" height="42.431850655364684" viewBox="0 0 20 30" fill="none" xmlns="http://www.w3.org/2000/svg" style="opacity: 0.355326;"><path d="M 10 0 Q 15 7.5, 15 15 Q 15 22.5, 10 30 Q 5 22.5, 5 15 Q 5 7.5, 10 0 Z" fill="rgba(255, 255, 255, 0.85)"></path><line x1="10" y1="0" x2="10" y2="30" stroke="rgba(200, 200, 200, 0.4)" stroke-width="0.5"></line><line x1="10" y1="8" x2="7" y2="10" stroke="rgba(200, 200, 200, 0.3)" stroke-width="0.3"></line><line x1="10" y1="8" x2="13" y2="10" stroke="rgba(200, 200, 200, 0.3)" stroke-width="0.3"></line><line x1="10" y1="15" x2="6" y2="17" stroke="rgba(200, 200, 200, 0.3)" stroke-width="0.3"></line><line x1="10" y1="15" x2="14" y2="17" stroke="rgba(200, 200, 200, 0.3)" stroke-width="0.3"></line><line x1="10" y1="22" x2="7" y2="23" stroke="rgba(200, 200, 200, 0.3)" stroke-width="0.3"></line><line x1="10" y1="22" x2="13" y2="23" stroke="rgba(200, 200, 200, 0.3)" stroke-width="0.3"></line></svg></div></div><div class="leaf" style="top: 74.8076%; animation-duration: 33.2977s; animation-delay: -12.1019s; --vertical-drift: -13.235067829109408vh;"><div style="transform: rotate(311.285deg);"><svg width="29.61857594693798" height="44.42786392040697" viewBox="0 0 20 30" fill="none" xmlns="http://www.w3.org/2000/svg" style="opacity: 0.321935;"><path d="M 10 0 Q 15 7.5, 15 15 Q 15 22.5, 10 30 Q 5 22.5, 5 15 Q 5 7.5, 10 0 Z" fill="rgba(255, 255, 255, 0.85)"></path><line x1="10" y1="0" x2="10" y2="30" stroke="rgba(200, 200, 200, 0.4)" stroke-width="0.5"></line><line x1="10" y1="8" x2="7" y2="10" stroke="rgba(200, 200, 200, 0.3)" stroke-width="0.3"></line><line x1="10" y1="8" x2="13" y2="10" stroke="rgba(200, 200, 200, 0.3)" stroke-width="0.3"></line><line x1="10" y1="15" x2="6" y2="17" stroke="rgba(200, 200, 200, 0.3)" stroke-width="0.3"></line><line x1="10" y1="15" x2="14" y2="17" stroke="rgba(200, 200, 200, 0.3)" stroke-width="0.3"></line><line x1="10" y1="22" x2="7" y2="23" stroke="rgba(200, 200, 200, 0.3)" stroke-width="0.3"></line><line x1="10" y1="22" x2="13" y2="23" stroke="rgba(200, 200, 200, 0.3)" stroke-width="0.3"></line></svg></div></div><div class="leaf" style="top: 48.4548%; animation-duration: 25.5643s; animation-delay: -23.5273s; --vertical-drift: -9.156104136232544vh;"><div style="transform: rotate(331.94deg);"><svg width="17.52192564565769" height="26.282888468486533" viewBox="0 0 20 30" fill="none" xmlns="http://www.w3.org/2000/svg" style="opacity: 0.656442;"><path d="M 10 0 Q 15 7.5, 15 15 Q 15 22.5, 10 30 Q 5 22.5, 5 15 Q 5 7.5, 10 0 Z" fill="rgba(255, 255, 255, 0.85)"></path><line x1="10" y1="0" x2="10" y2="30" stroke="rgba(200, 200, 200, 0.4)" stroke-width="0.5"></line><line x1="10" y1="8" x2="7" y2="10" stroke="rgba(200, 200, 200, 0.3)" stroke-width="0.3"></line><line x1="10" y1="8" x2="13" y2="10" stroke="rgba(200, 200, 200, 0.3)" stroke-width="0.3"></line><line x1="10" y1="15" x2="6" y2="17" stroke="rgba(200, 200, 200, 0.3)" stroke-width="0.3"></line><line x1="10" y1="15" x2="14" y2="17" stroke="rgba(200, 200, 200, 0.3)" stroke-width="0.3"></line><line x1="10" y1="22" x2="7" y2="23" stroke="rgba(200, 200, 200, 0.3)" stroke-width="0.3"></line><line x1="10" y1="22" x2="13" y2="23" stroke="rgba(200, 200, 200, 0.3)" stroke-width="0.3"></line></svg></div></div><div class="leaf" style="top: 42.7135%; animation-duration: 32.4967s; animation-delay: -26.7943s; --vertical-drift: -14.10551576379968vh;"><div style="transform: rotate(105.684deg);"><svg width="20.25453752897835" height="30.381806293467527" viewBox="0 0 20 30" fill="none" xmlns="http://www.w3.org/2000/svg" style="opacity: 0.320065;"><path d="M 10 0 Q 15 7.5, 15 15 Q 15 22.5, 10 30 Q 5 22.5, 5 15 Q 5 7.5, 10 0 Z" fill="rgba(255, 255, 255, 0.85)"></path><line x1="10" y1="0" x2="10" y2="30" stroke="rgba(200, 200, 200, 0.4)" stroke-width="0.5"></line><line x1="10" y1="8" x2="7" y2="10" stroke="rgba(200, 200, 200, 0.3)" stroke-width="0.3"></line><line x1="10" y1="8" x2="13" y2="10" stroke="rgba(200, 200, 200, 0.3)" stroke-width="0.3"></line><line x1="10" y1="15" x2="6" y2="17" stroke="rgba(200, 200, 200, 0.3)" stroke-width="0.3"></line><line x1="10" y1="15" x2="14" y2="17" stroke="rgba(200, 200, 200, 0.3)" stroke-width="0.3"></line><line x1="10" y1="22" x2="7" y2="23" stroke="rgba(200, 200, 200, 0.3)" stroke-width="0.3"></line><line x1="10" y1="22" x2="13" y2="23" stroke="rgba(200, 200, 200, 0.3)" stroke-width="0.3"></line></svg></div></div><div class="leaf" style="top: 56.36%; animation-duration: 21.5737s; animation-delay: -26.0141s; --vertical-drift: -5.685906569331218vh;"><div style="transform: rotate(157.814deg);"><svg width="25.32929041406576" height="37.99393562109864" viewBox="0 0 20 30" fill="none" xmlns="http://www.w3.org/2000/svg" style="opacity: 0.680001;"><path d="M 10 0 Q 15 7.5, 15 15 Q 15 22.5, 10 30 Q 5 22.5, 5 15 Q 5 7.5, 10 0 Z" fill="rgba(255, 255, 255, 0.85)"></path><line x1="10" y1="0" x2="10" y2="30" stroke="rgba(200, 200, 200, 0.4)" stroke-width="0.5"></line><line x1="10" y1="8" x2="7" y2="10" stroke="rgba(200, 200, 200, 0.3)" stroke-width="0.3"></line><line x1="10" y1="8" x2="13" y2="10" stroke="rgba(200, 200, 200, 0.3)" stroke-width="0.3"></line><line x1="10" y1="15" x2="6" y2="17" stroke="rgba(200, 200, 200, 0.3)" stroke-width="0.3"></line><line x1="10" y1="15" x2="14" y2="17" stroke="rgba(200, 200, 200, 0.3)" stroke-width="0.3"></line><line x1="10" y1="22" x2="7" y2="23" stroke="rgba(200, 200, 200, 0.3)" stroke-width="0.3"></line><line x1="10" y1="22" x2="13" y2="23" stroke="rgba(200, 200, 200, 0.3)" stroke-width="0.3"></line></svg></div></div><div class="leaf" style="top: 65.77%; animation-duration: 22.9773s; animation-delay: -30.8411s; --vertical-drift: -12.370373601284308vh;"><div style="transform: rotate(206.512deg);"><svg width="20.801196170864657" height="31.201794256296985" viewBox="0 0 20 30" fill="none" xmlns="http://www.w3.org/2000/svg" style="opacity: 0.448086;"><path d="M 10 0 Q 15 7.5, 15 15 Q 15 22.5, 10 30 Q 5 22.5, 5 15 Q 5 7.5, 10 0 Z" fill="rgba(255, 255, 255, 0.85)"></path><line x1="10" y1="0" x2="10" y2="30" stroke="rgba(200, 200, 200, 0.4)" stroke-width="0.5"></line><line x1="10" y1="8" x2="7" y2="10" stroke="rgba(200, 200, 200, 0.3)" stroke-width="0.3"></line><line x1="10" y1="8" x2="13" y2="10" stroke="rgba(200, 200, 200, 0.3)" stroke-width="0.3"></line><line x1="10" y1="15" x2="6" y2="17" stroke="rgba(200, 200, 200, 0.3)" stroke-width="0.3"></line><line x1="10" y1="15" x2="14" y2="17" stroke="rgba(200, 200, 200, 0.3)" stroke-width="0.3"></line><line x1="10" y1="22" x2="7" y2="23" stroke="rgba(200, 200, 200, 0.3)" stroke-width="0.3"></line><line x1="10" y1="22" x2="13" y2="23" stroke="rgba(200, 200, 200, 0.3)" stroke-width="0.3"></line></svg></div></div><div class="leaf" style="top: 52.7245%; animation-duration: 34.4483s; animation-delay: -20.0128s; --vertical-drift: 10.961389847693452vh;"><div style="transform: rotate(317.64deg);"><svg width="19.241861578508427" height="28.86279236776264" viewBox="0 0 20 30" fill="none" xmlns="http://www.w3.org/2000/svg" style="opacity: 0.449931;"><path d="M 10 0 Q 15 7.5, 15 15 Q 15 22.5, 10 30 Q 5 22.5, 5 15 Q 5 7.5, 10 0 Z" fill="rgba(255, 255, 255, 0.85)"></path><line x1="10" y1="0" x2="10" y2="30" stroke="rgba(200, 200, 200, 0.4)" stroke-width="0.5"></line><line x1="10" y1="8" x2="7" y2="10" stroke="rgba(200, 200, 200, 0.3)" stroke-width="0.3"></line><line x1="10" y1="8" x2="13" y2="10" stroke="rgba(200, 200, 200, 0.3)" stroke-width="0.3"></line><line x1="10" y1="15" x2="6" y2="17" stroke="rgba(200, 200, 200, 0.3)" stroke-width="0.3"></line><line x1="10" y1="15" x2="14" y2="17" stroke="rgba(200, 200, 200, 0.3)" stroke-width="0.3"></line><line x1="10" y1="22" x2="7" y2="23" stroke="rgba(200, 200, 200, 0.3)" stroke-width="0.3"></line><line x1="10" y1="22" x2="13" y2="23" stroke="rgba(200, 200, 200, 0.3)" stroke-width="0.3"></line></svg></div></div></div><div class="container mx-auto px-4 sm:px-6 lg:px-8 text-center relative z-20"><div class="max-w-3xl mx-auto" style="opacity: 0; transform: translateY(30px);"><div class="inline-flex items-center gap-2 px-4 py-2 mb-6 rounded-full bg-white/20 backdrop-blur-sm border border-white/30" style="transform: scale(0);"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles h-5 w-5 text-white" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg><span class="text-white font-medium text-sm">Join Our Wellness Community</span></div><h2 class="text-4xl md:text-5xl lg:text-6xl font-bold font-display text-white mb-6 leading-tight" style="opacity: 0; transform: translateY(20px);">The Peachy Side<br><span class="text-brand-peach">of Wellness</span></h2><p class="text-lg md:text-xl text-white/90 mb-8 max-w-2xl mx-auto" style="opacity: 0;">Get exclusive offers, health tips, and be the first to know about new products that make wellness easy and delicious.</p><div class="bg-white/95 backdrop-blur-lg rounded-2xl shadow-2xl p-6 md:p-8 max-w-2xl mx-auto border border-white/50 pointer-events-auto" style="opacity: 0; transform: translateY(30px);"><div class="flex flex-col sm:flex-row gap-4"><input type="email" id="newsletter-email" name="email" autocomplete="email" placeholder="Enter your email address" class="flex-1 px-5 py-4 rounded-xl bg-gray-50 border-2 border-gray-200 text-brand-forest placeholder:text-gray-400 focus:outline-none focus:ring-2 focus:ring-brand-green focus:border-brand-green transition-all text-base" aria-label="Email address for newsletter" value=""><button class="inline-flex items-center justify-center gap-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 h-10 bg-brand-green hover:bg-brand-green-dark text-white font-semibold px-8 py-4 rounded-xl shadow-lg hover:shadow-xl transition-all transform hover:scale-105 text-base whitespace-nowrap">Get Started</button></div><div class="flex flex-col sm:flex-row items-center justify-center gap-4 sm:gap-6 mt-6 pt-6 border-t border-gray-200"><div class="flex items-center gap-2 text-brand-forest/70"><svg class="h-5 w-5 text-brand-green" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path></svg><span class="text-sm font-medium">No spam ever</span></div><div class="flex items-center gap-2 text-brand-forest/70"><svg class="h-5 w-5 text-brand-green" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"></path></svg><span class="text-sm font-medium">Secure &amp; private</span></div><div class="flex items-center gap-2 text-brand-forest/70"><svg class="h-5 w-5 text-brand-green" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 16l4-4m0 0l-4-4m4 4H7m6 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h4a3 3 0 013 3v1"></path></svg><span class="text-sm font-medium">Unsubscribe anytime</span></div></div></div><div class="inline-flex flex-col md:flex-row items-center gap-3 md:gap-2 px-6 py-4 md:py-3 mt-6 rounded-3xl md:rounded-full bg-brand-peach/90 backdrop-blur-sm border-2 border-brand-peach shadow-lg" style="opacity: 0; transform: scale(0.9);"><svg class="h-8 w-8 md:h-5 md:w-5 flex-shrink-0" viewBox="0 0 24 24" fill="white" xmlns="http://www.w3.org/2000/svg"><path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg><p class="text-white text-sm md:text-sm font-medium text-center md:text-left">Join <span class="font-bold">thousands of parents</span> who trust GreenPeach for their family's wellness</p></div></div></div></section><footer class="bg-white border-t-2 border-brand-green/20 relative overflow-hidden"><div class="absolute inset-0 opacity-[0.02]"><div class="absolute top-0 right-0 w-96 h-96 bg-brand-green rounded-full blur-3xl"></div><div class="absolute bottom-0 left-0 w-96 h-96 bg-brand-peach rounded-full blur-3xl"></div></div><div class="absolute top-0 left-0 right-0 h-1 bg-gradient-to-r from-brand-green via-brand-peach to-brand-green"></div><div class="container mx-auto px-4 sm:px-6 lg:px-8 py-16 sm:py-20 relative z-10 max-w-[1400px] xl:max-w-[1600px]"><div class="grid grid-cols-1 lg:grid-cols-6 gap-10 lg:gap-12"><div class="space-y-5 text-center lg:text-left lg:col-span-2"><a href="/" aria-label="GreenPeach Home" class="inline-block group w-full max-w-[320px] mx-auto lg:mx-0"><img src="https://cdn.builder.io/api/v1/image/assets%2F2651dca913d34eafa320b193e1b2c34e%2Ff66310079dc441b9bfe933aa0da3ce1a?width=960&amp;format=webp&amp;quality=80" srcset="https://cdn.builder.io/api/v1/image/assets%2F2651dca913d34eafa320b193e1b2c34e%2Ff66310079dc441b9bfe933aa0da3ce1a?width=320&amp;format=webp&amp;quality=80 1x, https://cdn.builder.io/api/v1/image/assets%2F2651dca913d34eafa320b193e1b2c34e%2Ff66310079dc441b9bfe933aa0da3ce1a?width=640&amp;format=webp&amp;quality=80 2x, https://cdn.builder.io/api/v1/image/assets%2F2651dca913d34eafa320b193e1b2c34e%2Ff66310079dc441b9bfe933aa0da3ce1a?width=960&amp;format=webp&amp;quality=80 3x" alt="GreenPeach" width="960" height="240" class="w-full h-auto transition-transform group-hover:scale-105" loading="eager" decoding="sync" style="image-rendering: -webkit-optimize-contrast;"></a><div class="space-y-4 pt-2"><div class="flex items-center gap-2 justify-center lg:justify-start"><div class="h-px flex-1 bg-gradient-to-r from-transparent to-brand-green/20 lg:hidden"></div><p class="font-bold text-brand-forest text-sm uppercase tracking-wider whitespace-nowrap">Contact</p><div class="h-px flex-1 bg-gradient-to-l from-transparent to-brand-green/20"></div></div><div class="flex items-center gap-3 justify-center lg:justify-start group"><div class="w-8 h-8 rounded-lg bg-brand-green/10 flex items-center justify-center flex-shrink-0 group-hover:bg-brand-green/20 transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-map-pin h-4 w-4 text-brand-green" aria-hidden="true"><path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"></path><circle cx="12" cy="10" r="3"></circle></svg></div><p class="text-sm text-brand-forest/70 font-medium">2477 E. Orangethorpe Ave. - 92831</p></div><div class="space-y-3"><div class="flex items-center gap-3 text-sm text-brand-forest/70 justify-center lg:justify-start group"><div class="w-8 h-8 rounded-lg bg-brand-green/10 flex items-center justify-center flex-shrink-0 group-hover:bg-brand-green/20 transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-phone h-4 w-4 text-brand-green" aria-hidden="true"><path d="M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384"></path></svg></div><div class="font-medium"><a href="tel:714-499-9797" class="hover:text-brand-green transition-colors">714-499-9797</a><span class="text-brand-forest/40 mx-2">•</span><a href="tel:800-291-1219" class="hover:text-brand-green transition-colors">800-291-1219</a></div></div><div class="flex items-center gap-3 text-sm text-brand-forest/70 justify-center lg:justify-start group"><div class="w-8 h-8 rounded-lg bg-brand-green/10 flex items-center justify-center flex-shrink-0 group-hover:bg-brand-green/20 transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-mail h-4 w-4 text-brand-green" aria-hidden="true"><path d="m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7"></path><rect x="2" y="4" width="20" height="16" rx="2"></rect></svg></div><a href="mailto:info@greenpeach.com" class="hover:text-brand-green transition-colors font-medium">info@greenpeach.com</a></div></div></div><div><div class="flex items-center gap-2 justify-center lg:justify-start mb-3"><div class="h-px flex-1 bg-gradient-to-r from-transparent to-brand-green/20 lg:hidden"></div><p class="font-bold text-brand-forest text-sm uppercase tracking-wider whitespace-nowrap">Follow Us</p><div class="h-px flex-1 bg-gradient-to-l from-transparent to-brand-green/20"></div></div><div class="flex gap-2 justify-center lg:justify-start"><a href="https://www.facebook.com/greenpeachvitamins" target="_blank" rel="noopener noreferrer" class="w-10 h-10 rounded-full bg-gradient-to-br from-brand-green to-brand-green-dark hover:from-brand-green-dark hover:to-brand-green text-white flex items-center justify-center transition-all duration-300 shadow-md hover:shadow-lg hover:scale-110" aria-label="Facebook"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-facebook h-4 w-4" aria-hidden="true"><path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"></path></svg></a><a href="https://www.instagram.com/greenpeachvitamins/" target="_blank" rel="noopener noreferrer" class="w-10 h-10 rounded-full bg-gradient-to-br from-brand-green to-brand-green-dark hover:from-brand-green-dark hover:to-brand-green text-white flex items-center justify-center transition-all duration-300 shadow-md hover:shadow-lg hover:scale-110" aria-label="Instagram"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-instagram h-4 w-4" aria-hidden="true"><rect width="20" height="20" x="2" y="2" rx="5" ry="5"></rect><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"></path><line x1="17.5" x2="17.51" y1="6.5" y2="6.5"></line></svg></a><a href="https://pinterest.com/GreenPeachVitamins/" target="_blank" rel="noopener noreferrer" class="w-10 h-10 rounded-full bg-gradient-to-br from-brand-green to-brand-green-dark hover:from-brand-green-dark hover:to-brand-green text-white flex items-center justify-center transition-all duration-300 shadow-md hover:shadow-lg hover:scale-110" aria-label="Pinterest"><svg class="h-4 w-4" fill="currentColor" viewBox="0 0 24 24"><path d="M12 0C5.373 0 0 5.372 0 12c0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.405.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.782c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738.098.119.112.224.083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.359-.631-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146C9.57 23.812 10.763 24 12 24c6.627 0 12-5.373 12-12 0-6.628-5.373-12-12-12z"></path></svg></a></div></div></div><div class="lg:col-span-4 border border-brand-green/20 rounded-2xl bg-brand-green/5 p-6 sm:p-8"><div class="grid grid-cols-1 md:grid-cols-3 gap-8 md:gap-6"><div class="text-center md:text-left"><div class="flex items-center gap-2 mb-5 justify-center md:justify-start"><div class="h-px flex-1 bg-gradient-to-r from-transparent to-brand-green/20 md:hidden"></div><p class="font-bold text-brand-forest text-sm uppercase tracking-wider">About</p><div class="h-px flex-1 bg-gradient-to-l from-transparent to-brand-green/20"></div></div><ul class="space-y-3 text-sm text-brand-forest/70"><li><a href="/who-we-are" class="hover:text-brand-green transition-all duration-200 hover:translate-x-1 inline-block font-medium">→ Who We Are</a></li><li><a href="/what-we-believe" class="hover:text-brand-green transition-all duration-200 hover:translate-x-1 inline-block font-medium">→ What We Believe</a></li><li><a href="/what-we-do" class="hover:text-brand-green transition-all duration-200 hover:translate-x-1 inline-block font-medium">→ What We Do</a></li><li><a href="/where-were-going" class="hover:text-brand-green transition-all duration-200 hover:translate-x-1 inline-block font-medium">→ Where We're Going</a></li><li><a href="/blogs" class="hover:text-brand-green transition-all duration-200 hover:translate-x-1 inline-block font-medium">→ Blog</a></li></ul></div><div class="text-center md:text-left"><div class="flex items-center gap-2 mb-5 justify-center md:justify-start"><div class="h-px flex-1 bg-gradient-to-r from-transparent to-brand-green/20 md:hidden"></div><p class="font-bold text-brand-forest text-sm uppercase tracking-wider">Support</p><div class="h-px flex-1 bg-gradient-to-l from-transparent to-brand-green/20"></div></div><ul class="space-y-3 text-sm text-brand-forest/70"><li><a href="/help" class="hover:text-brand-green transition-all duration-200 hover:translate-x-1 inline-block font-medium">→ Help Center</a></li><li><a href="/contact" class="hover:text-brand-green transition-all duration-200 hover:translate-x-1 inline-block font-medium">→ Contact Us</a></li><li><a href="/shipping" class="hover:text-brand-green transition-all duration-200 hover:translate-x-1 inline-block font-medium">→ Shipping Info</a></li><li><a href="/returns" class="hover:text-brand-green transition-all duration-200 hover:translate-x-1 inline-block font-medium">→ Returns</a></li></ul></div><div class="text-center md:text-left"><div class="flex items-center gap-2 mb-5 justify-center md:justify-start"><div class="h-px flex-1 bg-gradient-to-r from-transparent to-brand-green/20 md:hidden"></div><p class="font-bold text-brand-forest text-sm uppercase tracking-wider">Extras</p><div class="h-px flex-1 bg-gradient-to-l from-transparent to-brand-green/20"></div></div><ul class="space-y-3 text-sm text-brand-forest/70"><li><a href="/wholesale" class="hover:text-brand-green transition-all duration-200 hover:translate-x-1 inline-block font-medium">→ Wholesale</a></li><li><a href="/affiliates" class="hover:text-brand-green transition-all duration-200 hover:translate-x-1 inline-block font-medium">→ Affiliates</a></li><li><a href="/rewards" class="hover:text-brand-green transition-all duration-200 hover:translate-x-1 inline-block font-medium">→ Rewards</a></li><li><a href="/join-our-team" class="hover:text-brand-green transition-all duration-200 hover:translate-x-1 inline-block font-medium">→ Join Our Team</a></li><li><a href="/brand-ambassadors" class="hover:text-brand-green transition-all duration-200 hover:translate-x-1 inline-block font-medium">→ Brand Ambassadors</a></li><li><a href="/athlete-affiliate" class="hover:text-brand-green transition-all duration-200 hover:translate-x-1 inline-block font-medium">→ Athlete Affiliate</a></li><li><a href="/fundraising" class="hover:text-brand-green transition-all duration-200 hover:translate-x-1 inline-block font-medium">→ Fundraising</a></li><li><a href="/reviews" class="hover:text-brand-green transition-all duration-200 hover:translate-x-1 inline-block font-medium">→ Customer Reviews</a></li></ul></div></div></div></div><div class="mt-16 pt-8 border-t-2 border-brand-green/10 relative"><div class="absolute top-0 left-1/2 -translate-x-1/2 w-32 h-0.5 bg-gradient-to-r from-transparent via-brand-green to-transparent -mt-px"></div><div class="flex flex-col md:flex-row items-center justify-between gap-6"><div class="text-center md:text-left"><p class="text-sm text-brand-forest/70 font-medium">© 2026 GreenPeach. All rights reserved.</p><p class="text-xs text-brand-forest/60 mt-1 flex items-center justify-center md:justify-start gap-1.5">Made with <span class="text-red-500 animate-pulse">❤️</span> in the USA</p></div><div class="flex flex-col md:flex-row items-center gap-2 md:gap-2 justify-center text-xs"><a href="/privacy-policy" class="px-2 md:px-3 py-1.5 rounded-md text-brand-forest/70 hover:text-white hover:bg-brand-green transition-all duration-200 font-medium">Privacy Policy</a><span class="hidden md:inline text-brand-forest/30">•</span><a href="/terms-and-conditions" class="px-2 md:px-3 py-1.5 rounded-md text-brand-forest/70 hover:text-white hover:bg-brand-green transition-all duration-200 font-medium">Terms &amp; Conditions</a><span class="hidden md:inline text-brand-forest/30">•</span><a href="/data-deletion" class="px-2 md:px-3 py-1.5 rounded-md text-brand-forest/70 hover:text-white hover:bg-brand-green transition-all duration-200 font-medium">Data Deletion</a><span class="hidden md:inline text-brand-forest/30">•</span><button class="px-2 md:px-3 py-1.5 rounded-md text-brand-forest/70 hover:text-white hover:bg-brand-green transition-all duration-200 font-medium">Cookie Preferences</button><span class="hidden md:inline text-brand-forest/30">•</span><button class="px-2 md:px-3 py-1.5 rounded-md text-brand-forest/70 hover:text-white hover:bg-brand-green transition-all duration-200 font-medium">Do Not Sell My Information</button></div></div></div></div></footer></div></main></div>
  


<script async id="netlify-rum-container" src="/.netlify/scripts/rum" data-netlify-rum-site-id="3e9e0cfa-950b-4609-bab1-09a65ccf395a" data-netlify-deploy-branch="main" data-netlify-deploy-context="production" data-netlify-cwv-token="eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzaXRlX2lkIjoiM2U5ZTBjZmEtOTUwYi00NjA5LWJhYjEtMDlhNjVjY2YzOTVhIiwiYWNjb3VudF9pZCI6IjY4ZWQ4MGZmY2JmNjliMzgwNTlmOTVmZiIsImRlcGxveV9pZCI6IjY5OGZhMzAzNzI0ZGJkMDAwNzBhOThiZSIsImlzc3VlciI6Im5mc2VydmVyIn0.GHBlDx73GbHgLX80DOk6tnYHSemNRnOjGbyERm9_NqI"></script></body></html>