
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <!-- Favicon Implementation -->
    <link rel="icon" href="/favicon.svg" type="image/svg+xml">
    <link rel="icon" href="/favicon.ico" type="image/x-icon">
    <link rel="icon" href="/favicon32x32.png" type="image/png" sizes="32x32">
    <link rel="apple-touch-icon" href="/apple-touch-icon.png">
    <meta name="theme-color" content="#36D7B7">
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Build Confidence in Youth Sports - Character Development Platform | FoursUp</title>
    <meta name="description" content="Transform young athletes with FoursUp's evidence-based platform. Build lasting confidence, resilience, teamwork, and leadership skills through engaging sports challenges." />
    
    <!-- Enhanced SEO Meta Tags -->
    <meta name="keywords" content="youth sports confidence building, sports character development platform, confidence building through sports, youth athlete development program, teamwork skills training kids" />
    <meta name="author" content="FoursUp" />
    <meta name="robots" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1" />
    
    <!-- Open Graph Meta Tags -->
    <meta property="og:title" content="Build Confidence in Youth Sports - Character Development Platform | FoursUp" />
    <meta property="og:description" content="Transform young athletes with FoursUp's evidence-based platform. Build lasting confidence, resilience, teamwork, and leadership skills through engaging sports challenges." />
    <meta property="og:type" content="website" />
    <meta property="og:url" content="https://foursup.io" />
    <meta property="og:image" content="https://foursup.io/foursup-og-1200x630.jpg" />
    <meta property="og:site_name" content="FoursUp" />
    
    <!-- Twitter Card Meta Tags -->
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:title" content="Build Confidence in Youth Sports - Character Development Platform | FoursUp" />
    <meta name="twitter:description" content="Transform young athletes with FoursUp's evidence-based platform. Build lasting confidence, resilience, teamwork, and leadership skills through engaging sports challenges." />
    <meta name="twitter:image" content="https://foursup.io/foursup-og-1200x630.jpg" />
    
    <!-- Preload critical LCP image for immediate discovery -->
    <link rel="preload" as="image" href="/lovable-uploads/7576c369-d227-4e74-b23d-4ea0a7202301.webp" fetchpriority="high" type="image/webp">
    
    <!-- Critical resource hints for faster FCP and reduced network chains -->
    <link rel="dns-prefetch" href="//fonts.googleapis.com">
    <link rel="dns-prefetch" href="//fonts.gstatic.com">
    <link rel="dns-prefetch" href="//www.googletagmanager.com">
    <link rel="dns-prefetch" href="//www.google-analytics.com">
    <link rel="preconnect" href="https://fonts.googleapis.com" crossorigin>
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link rel="preconnect" href="https://sgmvjboqopqqxjvjvgrs.supabase.co" crossorigin>
    <link rel="preconnect" href="https://www.googletagmanager.com">
    <link rel="preconnect" href="https://www.google-analytics.com">
    
    <!-- Non-blocking Google Fonts loading with preload for critical fonts -->
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Exo:wght@400;600;700;800&display=swap" media="print" onload="this.media='all'">
    <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Exo:wght@400;600;700;800&display=swap"></noscript>
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" media="print" onload="this.media='all'">
    <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap"></noscript>
    
    <!-- Critical CSS inlined for immediate rendering (reduces unused CSS) -->
    <style id="critical-css">
/* Essential above-the-fold styles */
*{box-sizing:border-box;border:0 solid hsl(240 5.9% 90%)}html,body{margin:0;padding:0;font-family:'Inter',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background-color:hsl(240 10% 3.9%);color:hsl(0 0% 98%);line-height:1.5}#root{min-height:100vh}.relative{position:relative}.absolute{position:absolute}.inset-0{top:0;right:0;bottom:0;left:0}.flex{display:flex}.grid{display:grid}.hidden{display:none}.invisible{visibility:hidden}.container{width:100%;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}.text-4xl{font-size:2.25rem;line-height:2.5rem}@media (min-width:768px){.text-4xl{font-size:3.75rem;line-height:1}}.font-bold{font-weight:700}.leading-tight{line-height:1.25}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.from-blue-500{--tw-gradient-from:#3b82f6;--tw-gradient-to:#3b82f600;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.via-blue-400{--tw-gradient-to:#60a5fa00;--tw-gradient-stops:var(--tw-gradient-from),#60a5fa,var(--tw-gradient-to)}.to-cyan-500{--tw-gradient-to:#06b6d4}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.text-transparent{color:transparent}.inline-flex{display:inline-flex}.items-center{align-items:center}.justify-center{justify-content:center}.rounded-md{border-radius:.375rem}.px-8{padding-left:2rem;padding-right:2rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.font-medium{font-weight:500}@media (min-width:768px){.md\:text-6xl{font-size:3.75rem;line-height:1}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.min-h-screen{min-height:100vh}.space-y-6>:not([hidden])~:not([hidden]){margin-top:1.5rem}.space-y-4>:not([hidden])~:not([hidden]){margin-top:1rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-gray-300{color:#d1d5db}
    </style>
    
    <!-- Preload critical JavaScript modules to reduce request chains -->
    <link rel="modulepreload" href="data:application/octet-stream;base64,CmltcG9ydCB7IFN0cmljdE1vZGUgfSBmcm9tICJyZWFjdCI7CmltcG9ydCB7IGNyZWF0ZVJvb3QgfSBmcm9tICJyZWFjdC1kb20vY2xpZW50IjsKaW1wb3J0IEFwcCBmcm9tICIuL0FwcC50c3giOwppbXBvcnQgIi4vaW5kZXguY3NzIjsKCi8vIEluaXRpYWxpemUgYW5hbHl0aWNzIGZvciBtYXJrZXRpbmcgdHJhY2tpbmcKaW1wb3J0IGFuYWx5dGljcyBmcm9tICIuL3V0aWxzL2FuYWx5dGljcyI7CmltcG9ydCB7IGFuYWx5dGljc0xvYWRlciB9IGZyb20gIi4vdXRpbHMvcmVzb3VyY2VPcHRpbWl6ZXIvYW5hbHl0aWNzTG9hZGVyIjsKCi8vIFNldCB1cCB2aXNpdG9yIHRyYWNraW5nIGZvciBtYXJrZXRpbmcKY29uc3QgZ2VuZXJhdGVWaXNpdG9ySWQgPSAoKSA9PiB7CiAgcmV0dXJuICd2aXNpdG9yXycgKyBNYXRoLnJhbmRvbSgpLnRvU3RyaW5nKDM2KS5zdWJzdHIoMiwgOSkgKyAnXycgKyBEYXRlLm5vdygpOwp9OwoKLy8gSW5pdGlhbGl6ZSB2aXNpdG9yIHRyYWNraW5nCmlmICghbG9jYWxTdG9yYWdlLmdldEl0ZW0oJ2ZvdXJzdXBfdmlzaXRvcl9pZCcpKSB7CiAgbG9jYWxTdG9yYWdlLnNldEl0ZW0oJ2ZvdXJzdXBfdmlzaXRvcl9pZCcsIGdlbmVyYXRlVmlzaXRvcklkKCkpOwp9CgovLyBJbml0aWFsaXplIGFuYWx5dGljcyBpbW1lZGlhdGVseQphbmFseXRpY3NMb2FkZXIuaW5pdGlhbGl6ZSgpLnRoZW4oKCkgPT4gewogIC8vIFRyYWNrIGluaXRpYWwgcGFnZSB2aWV3CiAgYW5hbHl0aWNzLnRyYWNrKCdQYWdlIFZpZXcnLCB7CiAgICBwYWdlOiB3aW5kb3cubG9jYXRpb24ucGF0aG5hbWUsCiAgICByZWZlcnJlcjogZG9jdW1lbnQucmVmZXJyZXIgfHwgdW5kZWZpbmVkLAogICAgdXRtX3NvdXJjZTogbmV3IFVSTFNlYXJjaFBhcmFtcyh3aW5kb3cubG9jYXRpb24uc2VhcmNoKS5nZXQoJ3V0bV9zb3VyY2UnKSB8fCB1bmRlZmluZWQsCiAgICB1dG1fbWVkaXVtOiBuZXcgVVJMU2VhcmNoUGFyYW1zKHdpbmRvdy5sb2NhdGlvbi5zZWFyY2gpLmdldCgndXRtX21lZGl1bScpIHx8IHVuZGVmaW5lZCwKICAgIHV0bV9jYW1wYWlnbjogbmV3IFVSTFNlYXJjaFBhcmFtcyh3aW5kb3cubG9jYXRpb24uc2VhcmNoKS5nZXQoJ3V0bV9jYW1wYWlnbicpIHx8IHVuZGVmaW5lZAogIH0pOwp9KTsKCmNyZWF0ZVJvb3QoZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoInJvb3QiKSEpLnJlbmRlcigKICA8U3RyaWN0TW9kZT4KICAgIDxBcHAgLz4KICA8L1N0cmljdE1vZGU+Cik7Cg==" />
    
    <!-- Defer non-critical CSS to avoid blocking render -->
    <noscript></noscript>
    
    <!-- Google Analytics will be loaded dynamically via our analytics system -->
    <!-- NO Mixpanel - completely removed from the project -->
    <script type="module" crossorigin src="/assets/index-w9PRjSjp.js"></script>
    <link rel="modulepreload" crossorigin href="/assets/vendor-CmceRE7G.js">
    <link rel="modulepreload" crossorigin href="/assets/ui-Cn8qAk7n.js">
    <link rel="modulepreload" crossorigin href="/assets/homepage-BqD2wrbR.js">
    <link rel="modulepreload" crossorigin href="/assets/blog-Cwy6-ykA.js">
    <link rel="stylesheet" crossorigin href="/assets/css/index-Dyl2SqTn.css">
  </head>
  <body>
    <div id="root"></div>
  
<script async id="netlify-rum-container" src="/.netlify/scripts/rum" data-netlify-rum-site-id="ce6cb02f-5021-49b6-82d1-cf650ad65f4c" data-netlify-deploy-branch="main" data-netlify-deploy-context="production" data-netlify-cwv-token="eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzaXRlX2lkIjoiY2U2Y2IwMmYtNTAyMS00OWI2LTgyZDEtY2Y2NTBhZDY1ZjRjIiwiYWNjb3VudF9pZCI6IjY3Y2I1MTNkMzJhNjE0ZmFmNzJjZmI4NCIsImRlcGxveV9pZCI6IjY5MzIyZmYzMjAxNzIwMDAwODNmYmUwYSIsImlzc3VlciI6Im5mc2VydmVyIn0.fp0W7v8vZalAw23qkC_qGjIWr9dNvRGBeYjNhQsfUOI"></script></body>
</html>
