<!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"
    />
    <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("fly.dev") ||
          hostname.includes("vercel.app") ||
          hostname.includes("netlify.app") ||
          hostname.includes(":8") ||
          hostname.includes(":3000") ||
          hostname.includes(":5173")
        );
      })();
    </script>

    <!-- Google Tag | GA4 -->
    <script
      async
      src="https://www.googletagmanager.com/gtag/js?id=G-NF93WVGF32"
    ></script>
    <script>
      // Skip Google Analytics on dev environments
      if (!window.__isDevEnvironment) {
        window.dataLayer = window.dataLayer || [];
        function gtag() {
          dataLayer.push(arguments);
        }
        gtag("js", new Date());
        gtag("config", "G-NF93WVGF32");
      } else {
        console.log("[GA] Skipping Google Analytics on dev environment");
      }
    </script>
    <!-- Google Tag | GA4 END -->

    <!-- Google Tag Manager - Pixa -->
    <script>
      // Skip GTM on dev environments
      if (!window.__isDevEnvironment) {
        (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 on dev environment");
      }
    </script>
    <!-- End Google Tag Manager - Pixa -->

    <!-- Primary Meta Tags -->
    <title>
      GreenPeach | Doctor-Formulated Liquid Vitamins for Kids & Adults
    </title>
    <meta
      name="title"
      content="GreenPeach | Doctor-Formulated Liquid Vitamins for Kids & Adults"
    />
    <meta
      name="description"
      content="Premium liquid vitamins with better absorption. Doctor-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, doctor 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 | Doctor-Formulated Liquid Vitamins for Kids & Adults"
    />
    <meta
      property="og:description"
      content="Premium liquid vitamins with better absorption. Doctor-formulated, GMP certified supplements for happy, healthy families. Clean ingredients, no fillers."
    />
    <meta property="og:image" content="https://greenpeach.com/og-image.jpg" />
    <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 | Doctor-Formulated Liquid Vitamins for Kids & Adults"
    />
    <meta
      property="twitter:description"
      content="Premium liquid vitamins with better absorption. Doctor-formulated, GMP certified supplements for happy, healthy families."
    />
    <meta
      property="twitter:image"
      content="https://greenpeach.com/twitter-image.jpg"
    />

    <!-- Favicon -->
    <link
      rel="icon"
      type="image/webp"
      href="https://cdn.builder.io/api/v1/image/assets%2F2651dca913d34eafa320b193e1b2c34e%2F6a9c683e45974e9c8e0ecac92e7c322c?format=webp&width=32"
    />
    <link
      rel="apple-touch-icon"
      href="https://cdn.builder.io/api/v1/image/assets%2F2651dca913d34eafa320b193e1b2c34e%2F6a9c683e45974e9c8e0ecac92e7c322c?format=webp&width=180"
    />

    <!-- Preconnect for performance (only most critical origins) -->
    <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" />

    <!-- Preload LCP hero image -->
    <link
      rel="preload"
      as="image"
      href="https://cdn.builder.io/api/v1/image/assets%2F2651dca913d34eafa320b193e1b2c34e%2F5f32c60cbc9545868b4769f8326e4f34?format=webp&width=2400"
      fetchpriority="high"
    />

    <!-- Preload Google Fonts CSS for faster text rendering -->
    <link
      rel="preload"
      as="style"
      href="https://fonts.googleapis.com/css2?family=Kalam:wght@300;400;700&display=swap"
    />

    <!-- Google Fonts -->
    <link
      href="https://fonts.googleapis.com/css2?family=Kalam:wght@300;400;700&display=swap"
      rel="stylesheet"
      media="print"
      onload="this.media='all'"
    />
    <noscript>
      <link
        href="https://fonts.googleapis.com/css2?family=Kalam:wght@300;400;700&display=swap"
        rel="stylesheet"
      />
    </noscript>

    <!-- Lordicon for animated icons (defer loading, not critical for homepage) -->
    <script src="https://cdn.lordicon.com/lordicon.js" defer></script>

    <!-- Microsoft Clarity -->
    <script type="text/javascript">
      (function (c, l, a, r, i, t, y) {
        // Skip Clarity tracking for dev/test environments
        if (window.__isDevEnvironment) {
          console.log(
            "[CLARITY] Skipping Clarity tracking on dev environment:",
            window.location.hostname,
          );
          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");
    </script>

    <!-- Meta Pixel Code -->
    <script>
      !(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",
      );
      fbq("init", "1360977188758307");
      fbq("track", "PageView");
    </script>
    <noscript
      ><img
        height="1"
        width="1"
        style="display: none"
        src="https://www.facebook.com/tr?id=1360977188758307&ev=PageView&noscript=1"
    /></noscript>
    <!-- End Meta Pixel Code -->
    <script type="module" crossorigin src="/assets/index-DPZxF-lR.js"></script>
    <link rel="modulepreload" crossorigin href="/assets/vendor-Bs7gn1Hv.js">
    <link rel="modulepreload" crossorigin href="/assets/ui-DeLfPHrl.js">
    <link rel="stylesheet" crossorigin href="/assets/index-DMuTQCSp.css">
  </head>

  <body>
    <div id="root"></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.eyJzaXRlX2lkIjoiM2U5ZTBjZmEtOTUwYi00NjA5LWJhYjEtMDlhNjVjY2YzOTVhIiwiYWNjb3VudF9pZCI6IjY4ZWQ4MGZmY2JmNjliMzgwNTlmOTVmZiIsImRlcGxveV9pZCI6IjY5MTgxZWYwYjFlYTg0MDAwOGNhZjgxZSIsImlzc3VlciI6Im5mc2VydmVyIn0.AA_XX1-lAHGyinSD3xX1uniCThX4qip83ol821y7B-8"></script></body>
</html>
