<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>
      Lauren Magers - The Happy Life System | Transform Your Parenting
    </title>
    <meta
      name="description"
      content="Transform your parenting with Lauren Magers' Happy Life System. Get your free book and learn proven strategies to create a peaceful, happy family life."
    />
    <meta
      name="keywords"
      content="parenting, happy life system, lauren magers, family transformation, parenting tips, child behavior"
    />
    <meta name="author" content="Lauren Magers" />

    <!-- Open Graph / Facebook -->
    <meta property="og:type" content="website" />
    <meta property="og:url" content="https://thelaurenmagers.com/" />
    <meta property="og:title" content="Lauren Magers - The Happy Life System" />
    <meta
      property="og:description"
      content="Transform your parenting with Lauren Magers' Happy Life System. Get your free book and learn proven strategies to create a peaceful, happy family life."
    />
    <meta property="og:image" content="https://thelaurenmagers.com/og-image.jpg" />

    <!-- Twitter -->
    <meta property="twitter:card" content="summary_large_image" />
    <meta property="twitter:url" content="https://thelaurenmagers.com/" />
    <meta
      property="twitter:title"
      content="Lauren Magers - The Happy Life System"
    />
    <meta
      property="twitter:description"
      content="Transform your parenting with Lauren Magers' Happy Life System. Get your free book and learn proven strategies to create a peaceful, happy family life."
    />
    <meta
      property="twitter:image"
      content="https://thelaurenmagers.com/og-image.jpg"
    />

    <!-- Favicon -->
    <link rel="icon" type="image/x-icon" href="/favicon.ico" />
    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
    <link rel="manifest" href="/site.webmanifest" />

    <!-- Google Analytics - Ultra-lazy loading for optimal performance -->
    <script>
      (function() {
        var gaLoaded = false;
        
        function loadGA() {
          if (gaLoaded) return;
          gaLoaded = true;
          
          // Load GA script
          var script = document.createElement('script');
          script.async = true;
          script.src = 'https://www.googletagmanager.com/gtag/js?id=G-R7XX0NEK3Y';
          document.head.appendChild(script);
          
          // Initialize GA after script loads
          script.onload = function() {
            window.dataLayer = window.dataLayer || [];
            function gtag(){dataLayer.push(arguments);}
            window.gtag = gtag;
            gtag('js', new Date());
            gtag('config', 'G-R7XX0NEK3Y');
          };
        }
        
        // Load GA only when user interacts or after significant delay
        var interactionEvents = ['click', 'scroll', 'keydown', 'touchstart'];
        var timeoutId;
        
        function onInteraction() {
          clearTimeout(timeoutId);
          interactionEvents.forEach(function(event) {
            document.removeEventListener(event, onInteraction, { passive: true });
          });
          loadGA();
        }
        
        // Add interaction listeners
        interactionEvents.forEach(function(event) {
          document.addEventListener(event, onInteraction, { passive: true });
        });
        
        // Fallback: Load after 5 seconds if no interaction
        window.addEventListener('load', function() {
          timeoutId = setTimeout(loadGA, 5000);
        });
      })();
    </script>

    <!-- DNS prefetch and preconnect for performance -->
    <link rel="dns-prefetch" href="https://fonts.googleapis.com" />
    <link rel="dns-prefetch" href="https://fonts.gstatic.com" />
    <link rel="dns-prefetch" href="https://res.cloudinary.com" />
    <link rel="dns-prefetch" href="https://www.googletagmanager.com" />
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link rel="preconnect" href="https://embedsocial.com" />
    <link rel="preconnect" href="https://res.cloudinary.com" />
    <link rel="preconnect" href="https://tally.so" />
    <link rel="preconnect" href="https://www.googletagmanager.com" />

    <!-- Script font for design spec -->
    <link href="https://fonts.googleapis.com/css2?family=Pacifico&display=swap" rel="stylesheet">

    <!-- Fonts for Masterclass page -->
    <link href="https://fonts.googleapis.com/css2?family=Oswald:wght@400;700&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Merriweather:wght@400;700&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap" rel="stylesheet">

    <!-- Preload critical font files for fastest render -->
    <link
      rel="preload"
      href="/fonts/bebas-neue.woff2"
      as="font"
      type="font/woff2"
      crossorigin
    />
    <link
      rel="preload"
      href="/fonts/inter.woff2"
      as="font"
      type="font/woff2"
      crossorigin
    />

    <!-- Preload LCP hero image BEFORE React loads for instant display -->
    <link
      rel="preload"
      as="image"
      fetchpriority="high"
      imagesrcset="https://res.cloudinary.com/dt8sh7lyk/image/upload/f_auto,q_auto:eco,w_640/v1752791919/Copy_of_top_image_qevqk9.png 640w, https://res.cloudinary.com/dt8sh7lyk/image/upload/f_auto,q_auto:eco,w_1200/v1752791919/Copy_of_top_image_qevqk9.png 1200w, https://res.cloudinary.com/dt8sh7lyk/image/upload/f_auto,q_auto:eco,w_1600/v1752791919/Copy_of_top_image_qevqk9.png 1600w"
      imagesizes="(max-width: 768px) 640px, 1200px"
    />

    <!-- Fonts are now self-hosted in /public/fonts/ for instant loading -->

    <!-- React is now bundled normally with Vite -->

    <!-- Tally widget script is now loaded dynamically on demand via useTallyWidget hook -->

    <!-- Tally widget script removed - now loaded lazily on demand -->

    <!-- DNS prefetch for additional performance -->
    <link rel="dns-prefetch" href="//fonts.googleapis.com" />
    <link rel="dns-prefetch" href="//fonts.gstatic.com" />
    <link rel="dns-prefetch" href="//res.cloudinary.com" />

    <!-- Removed problematic preloads to eliminate warnings -->

    <!-- Critical CSS for above-the-fold content - Optimized for LCP -->
    <style>@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400 700;src:url(/fonts/inter.woff2) format("woff2")}@font-face{font-display:swap;font-family:Bebas Neue;font-style:normal;font-weight:400;src:url(/fonts/bebas-neue.woff2) format("woff2")}:root{--lauren-dark:#393838;--lauren-yellow:#f9fe1c;--lauren-light:#f8f9fa}*{box-sizing:border-box;padding:0}*,body{margin:0}body{background:#fff;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#root{min-height:100vh}.hero-container,.hero-image-container,.hero-text-container{contain:layout style paint}.font-bebas{font-family:Bebas Neue,system-ui,sans-serif}.font-inter{font-family:Inter,system-ui,sans-serif}.flex{display:flex}.relative{position:relative}.absolute{position:absolute}.w-full{width:100%}.h-full{height:100%}.min-h-80vh{min-height:80vh}.items-center{align-items:center}.justify-center{justify-content:center}.overflow-hidden{overflow:hidden}.inset-0{bottom:0;left:0;right:0;top:0}.z-0{z-index:0}.z-10{z-index:10}.text-white{color:#fff}.text-lauren-dark{color:var(--lauren-dark)}.bg-lauren-dark{background-color:var(--lauren-dark)}.bg-lauren-yellow{background-color:var(--lauren-yellow)}.px-4{padding-left:1rem;padding-right:1rem}.py-4{padding-bottom:1rem;padding-top:1rem}.h-12{height:3rem}.object-cover{object-fit:cover;will-change:auto}.text-4xl{font-size:2.25rem;line-height:2.5rem}.font-bold{font-weight:700}.uppercase{text-transform:uppercase}.tracking-widest{letter-spacing:.1em}.text-center{text-align:center}.rounded-full{border-radius:9999px}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.h-70vh{height:70vh}.pt-16{padding-top:4rem}}@media (min-width:769px){.md-h-55vh{height:55vh}.md-text-6xl{font-size:3.75rem;line-height:1}.lg-h-16{height:4rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-fade-in-up{opacity:0;transform:translateY(20px)}.animate-fade-in-up.animate-visible{animation:fadeInUp .6s ease-out forwards}.animate-fade-in-scale{opacity:0;transform:scale(.95)}.animate-fade-in-scale.animate-visible{animation:fadeInScale .6s ease-out forwards}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}@media (prefers-reduced-motion:reduce){.animate-fade-in-scale,.animate-fade-in-up{animation:none!important;opacity:1!important;transform:none!important}}</style>

    <!-- Preconnect to critical domains for faster loading -->
    <link rel="preconnect" href="https://res.cloudinary.com" />
    <link rel="preconnect" href="https://tally.so" />
    <link rel="dns-prefetch" href="https://res.cloudinary.com" />
    <link rel="dns-prefetch" href="https://tally.so" />

    <!-- Fallback for fonts -->
    <noscript>
      <link
        rel="stylesheet"
        href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap"
      />
      <link
        rel="stylesheet"
        href="https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap"
      />
    </noscript>

    <script type="module" crossorigin src="/index-BRSOpfu1.js"></script>
    <link rel="modulepreload" crossorigin href="/vendor-lucide-DSqS03wN.js">
    <link rel="stylesheet" crossorigin href="/index-DUMWccF4.css">
  </head>
  <body>
    <!-- Removed hidden LCP images - using preload links instead -->

    <!-- Hidden Netlify Forms for React/SPA compatibility -->
    <!-- These forms are required for Netlify to detect forms at build time -->
    <form hidden method='post' name='level2-application'>
      <input type="text" name="firstName" />
      <input type="text" name="lastName" />
      <input type="email" name="email" />
      <input type="tel" name="phone" />
      <input type="text" name="country" />
      <input type="hidden" name="applicationLevel" value="level2" />
      <input type="hidden" name="form-name" value="level2-application" />
    </form>

    <form hidden method='post' name='level3-application'>
      <input type="text" name="firstName" />
      <input type="text" name="lastName" />
      <input type="email" name="email" />
      <input type="tel" name="phone" />
      <input type="text" name="country" />
      <input type="hidden" name="applicationLevel" value="level3" />
      <input type="hidden" name="form-name" value="level3-application" />
    </form>

    <form hidden method='post' name='free-mastermind-call'>
      <input type="text" name="firstName" />
      <input type="text" name="lastName" />
      <input type="email" name="email" />
      <input type="tel" name="phone" />
      <textarea name="message"></textarea>
      <input type="hidden" name="form-name" value="free-mastermind-call" />
    </form>

    <div id="root"></div>

    <!-- CSS Loading Optimization -->
    <script>
      // Optimize CSS loading to prevent render blocking
      (function () {
        // Function to load CSS asynchronously
        function loadCSS(href) {
          const link = document.createElement("link");
          link.rel = "stylesheet";
          link.href = href;
          link.media = "print";
          link.onload = function () {
            this.media = "all";
          };
          document.head.appendChild(link);
        }

        // Load non-critical CSS after page load
        window.addEventListener("load", function () {
          // Load any additional CSS files here if needed
          // loadCSS('/path/to/non-critical.css');
        });

        // Service Worker temporarily disabled to fix Netlify deployment issues
        // Clear any existing Service Worker registrations and caches
        if ("serviceWorker" in navigator) {
          navigator.serviceWorker.getRegistrations().then(function(registrations) {
            for (let registration of registrations) {
              registration.unregister();
              console.log("ServiceWorker unregistered");
            }
          });
          
          // Clear caches
          if ("caches" in window) {
            caches.keys().then(function(cacheNames) {
              return Promise.all(
                cacheNames.map(function(cacheName) {
                  console.log("Deleting cache:", cacheName);
                  return caches.delete(cacheName);
                })
              );
            });
          }
        }
        console.log("ServiceWorker and caches cleared");
      })();
    </script>
  
<script async id="netlify-rum-container" src="/.netlify/scripts/rum" data-netlify-rum-site-id="e1721e5c-ea3b-4fe3-b020-903a286d3fdc" data-netlify-deploy-branch="main" data-netlify-deploy-context="production" data-netlify-cwv-token="eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzaXRlX2lkIjoiZTE3MjFlNWMtZWEzYi00ZmUzLWIwMjAtOTAzYTI4NmQzZmRjIiwiYWNjb3VudF9pZCI6IjY3YjQyOWU1NGZmZGUyZmE0MWY4NmQzZiIsImRlcGxveV9pZCI6IjY5M2NkMTVjNmYwMGZiMDAwODczNjM3OSIsImlzc3VlciI6Im5mc2VydmVyIn0.oPQSRgX_Y0hbrMkQvB8te8gqd3z81YczbGS7FumurgA"></script></body>
</html>
