
<!DOCTYPE html>
<html lang="en">
  <head>
    <!-- Frame-Busting Script - Clickjacking Protection (deferred to avoid render blocking) -->
    <script src="/frame-buster.js" defer></script>
    
    <!-- Google tag (gtag.js) -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=AW-17289533438"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());

      gtag('config', 'AW-17289533438');
    </script>
   <!-- datafast script for analytics -->
  <script
  defer
  data-website-id="dfid_2iDx9nJK84FWeQrIFxuZZ"
  data-domain="supportgroups.com"
  src="https://datafa.st/js/script.js">
  </script>
    
    <!-- Google Tag Manager -->
    <script>(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-M2J3CGXJ');</script>
    <!-- End Google Tag Manager -->
    
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="Content-Security-Policy" content="frame-ancestors 'self' https://*.lovable.app https://*.lovableproject.com" />
    <meta http-equiv="Permissions-Policy" content="camera=*, microphone=*, display-capture=*" />
    <title>SupportGroups™ - Mental Health Support & Community</title>
    <meta name="description" content="Join over 350,000 members in our supportive community. We're committed to making therapy, support, and personal growth affordable and accessible to everyone." />
    <meta name="author" content="SupportGroups.com" />
    <link rel="icon" href="/lovable-uploads/b6f560a1-edbf-456b-ad12-a4f1d43b5480.png" type="image/png">
    
    <!-- Google tag (gtag.js) -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-JW7MT214PS"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());

      gtag('config', 'G-JW7MT214PS', {
        send_page_view: false
      });
    </script>
    
    <!-- Preconnect to critical domains for better performance -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link rel="preconnect" href="https://tpmmfkgdnxgudlgbqnaj.supabase.co" crossorigin>
    <link rel="dns-prefetch" href="https://www.youtube.com">
    <link rel="dns-prefetch" href="https://www.googletagmanager.com">
    <link rel="dns-prefetch" href="https://connect.facebook.net">
    <!-- Load fonts non-blocking; font-display=optional prevents CLS from font swap -->
    <link rel="preload" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Montserrat:wght@600;700;800&display=optional" as="style" onload="this.onload=null;this.rel='stylesheet'">
    <noscript><link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Montserrat:wght@600;700;800&display=optional" rel="stylesheet"></noscript>
    <!-- Preload hero background — stable public URL, no hash, discoverable before JS loads -->
    <link rel="preload" as="image" href="/hero-background.jpg" fetchpriority="high">

    <meta property="og:title" content="SupportGroups™ - Mental Health Support & Community" />
    <meta property="og:description" content="Join over 350,000 members in our supportive community. We're committed to making therapy, support, and personal growth affordable and accessible to everyone." />
    <meta property="og:type" content="website" />
    <meta property="og:image" content="/homepage-social-image.png" />

    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:site" content="@SupportGroups" />
    <meta name="twitter:image" content="/homepage-social-image.png" />
    
    <!-- Meta Pixel Code - Only on root domains -->
    <script>
    if (['supportgroups.com', 'supportgroups.ai'].indexOf(window.location.hostname) !== -1) {
    !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', '746036228599595');
    fbq('track', 'PageView');
    }
    </script>
    
    <!-- Reddit Pixel -->
    <script>
    !function(w,d){if(!w.rdt){var p=w.rdt=function(){p.sendEvent?p.sendEvent.apply(p,arguments):p.callQueue.push(arguments)};p.callQueue=[];var t=d.createElement("script");t.src="https://www.redditstatic.com/ads/pixel.js",t.async=!0;var s=d.getElementsByTagName("script")[0];s.parentNode.insertBefore(t,s)}}(window,document);rdt('init','a2_hrirq46d4qc1');rdt('track', 'PageVisit');
    </script>
    <!-- End Reddit Pixel -->
    <script type="module" crossorigin src="/assets/index-B52opW4V.js"></script>
    <link rel="modulepreload" crossorigin href="/assets/react-vendor-CKcUOCPg.js">
    <link rel="modulepreload" crossorigin href="/assets/ui-vendor-v4eeHig8.js">
    <link rel="modulepreload" crossorigin href="/assets/supabase-vendor-BXWYDd83.js">
    <link rel="modulepreload" crossorigin href="/assets/charts-vendor-DBh2Cf-2.js">
    <link rel="modulepreload" crossorigin href="/assets/query-vendor-Cc0Rbj7V.js">
    <link rel="stylesheet" crossorigin href="/assets/index-Bvc1012c.css">
  </head>

  <body>
    
    <!-- Google Tag Manager (noscript) -->
    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-M2J3CGXJ"
    height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
    <!-- End Google Tag Manager (noscript) -->
    
    <!-- Meta noscript pixel removed — cannot be domain-gated without JS -->
    
    <div id="root"></div>
    <!-- IMPORTANT: DO NOT REMOVE THIS SCRIPT TAG OR THIS VERY COMMENT! -->
    <script src="https://cdn.gpteng.co/gptengineer.js" type="module"></script>
  </body>
</html>
