<!DOCTYPE html>
<html lang="en">
  <head>
    <script>
      // Apply dark mode before first paint to prevent white flash
      (function(){try{var t=localStorage.getItem('buyvibs_theme')||'system';var d=t==='dark'||(t==='system'&&window.matchMedia('(prefers-color-scheme:dark)').matches);if(d)document.documentElement.classList.add('dark');}catch(e){}})();
    </script>
    <meta charset="UTF-8" />
    <link rel="icon" type="image/png" href="https://images.buyvibs.com/logo/BuyVibsfavicon192x192.png" />
    <link rel="manifest" href="/manifest.json" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="default" />
    <meta name="apple-mobile-web-app-title" content="BuyVibs" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="description" content="BuyVibs - Grow Your Hub With Good Vibes" />
    <!-- CSP is set via _headers file (single source of truth) -->
    <title>BuyVibs - Grow Your Hub With Good Vibes</title>
    <!-- Self-hosted Barlow fonts configured in src/index.css -->
    <link rel="preload" href="/barlow/Barlow-Regular.woff2" as="font" type="font/woff2" crossorigin>
    <link rel="preload" href="/barlow/Barlow-Bold.woff2" as="font" type="font/woff2" crossorigin>
    <link rel="preload" href="/barlow/Barlow-Medium.woff2" as="font" type="font/woff2" crossorigin>
    <link rel="preload" href="/barlow/Barlow-SemiBold.woff2" as="font" type="font/woff2" crossorigin>
    <link rel="preconnect" href="https://xcksuirueimidwnjtsdh.supabase.co" crossorigin>
    <link rel="dns-prefetch" href="https://xcksuirueimidwnjtsdh.supabase.co">
    <link rel="dns-prefetch" href="https://www.googletagmanager.com">
    <script type="module" crossorigin src="/assets/main.DgugMyK0.js"></script>
    <link rel="modulepreload" crossorigin href="/assets/react-vendor.Bl1K1Gut.js">
    <link rel="modulepreload" crossorigin href="/assets/supabase-vendor.tzDMATvq.js">
    <link rel="modulepreload" crossorigin href="/assets/utils-vendor.D6rl03jc.js">
    <link rel="stylesheet" crossorigin href="/assets/main.pDByqqzj.css">
  </head>
  <body>
    <div id="root"></div>
    <!-- Defer Google Analytics to after first paint -->
    <script>
      function loadGA() {
        var s = document.createElement('script');
        s.src = 'https://www.googletagmanager.com/gtag/js?id=G-0TRRQNY83S';
        s.async = true;
        document.head.appendChild(s);
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        window.gtag = gtag;
        gtag('js', new Date());
        gtag('config', 'G-0TRRQNY83S');
      }
      setTimeout(loadGA, 8000);
    </script>
  </body>
</html>
