<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <!-- Critical: Preconnect to required origins FIRST for reduced latency -->
    <link rel="preconnect" href="https://egabtngqamrdoowsnrce.supabase.co" crossorigin />
    <link rel="dns-prefetch" href="https://egabtngqamrdoowsnrce.supabase.co" />
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link rel="preconnect" href="https://i.ibb.co" crossorigin />
    <link rel="preconnect" href="https://i.postimg.cc" crossorigin />
    <link rel="dns-prefetch" href="https://i.ibb.co" />
    <link rel="dns-prefetch" href="https://i.postimg.cc" />
    <link rel="dns-prefetch" href="https://storage.googleapis.com" />
    <link rel="preconnect" href="https://storage.googleapis.com" crossorigin />

    <!-- Cache control for HTML only -->
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
    <meta http-equiv="Pragma" content="no-cache" />
    <meta http-equiv="Expires" content="0" />

    <title>StrangerAE | The Ultimate Editing Resource Hub</title>
    <meta name="description" content="The Ultimate Editing Resource Hub. Exclusive access to software, plugins, scripts, and assets curatad for the Stranger AE community.">
    <meta name="keywords" content="strangerae, Editinghub, editing resource, editing assets, video editing plugins, after effects scripts">
    <meta name="author" content="StrangerAE" />
    <link rel="canonical" href="https://stranger.co.in" />

    <script type="application/ld+json">
      {
        "@context": "https://schema.org",
        "@type": "WebSite",
        "name": "StrangerAE",
        "alternateName": ["Stranger AE", "Stranger Editing Hub"],
        "url": "https://stranger.co.in",
        "description": "The Ultimate Editing Resource Hub",
        "potentialAction": {
          "@type": "SearchAction",
          "target": {
            "@type": "EntryPoint",
            "urlTemplate": "https://stranger.co.in/search?q={search_term_string}"
          },
          "query-input": "required name=search_term_string"
        }
      }
    </script>

    <meta property="og:site_name" content="StrangerAE" />
    <meta property="og:type" content="website" />
    <meta property="og:url" content="https://stranger.co.in" />
    <meta property="og:image" content="https://storage.googleapis.com/gpt-engineer-file-uploads/UTLS22kZmRW89Kgo0cqhSSsDtxo2/social-images/social-1767268180969-ChatGPT Image Jan 1, 2026, 05_19_17 PM.png">
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:site" content="@StrangerAE" />
    <meta name="twitter:image" content="https://storage.googleapis.com/gpt-engineer-file-uploads/UTLS22kZmRW89Kgo0cqhSSsDtxo2/social-images/social-1767268180969-ChatGPT Image Jan 1, 2026, 05_19_17 PM.png">
    <meta property="og:title" content="StrangerAE | The Ultimate Editing Resource Hub">
    <meta name="twitter:title" content="StrangerAE | The Ultimate Editing Resource Hub">
    <meta property="og:description" content="The Ultimate Editing Resource Hub. Exclusive access to software, plugins, scripts, and assets curatad for the Stranger AE community.">
    <meta name="twitter:description" content="The Ultimate Editing Resource Hub. Exclusive access to software, plugins, scripts, and assets curatad for the Stranger AE community.">

    <!-- Critical inline CSS for loading screen background -->
    <style>
      *,*::before,*::after{box-sizing:border-box}
      :root{--background:0 0% 0%;--foreground:220 14% 90%;--primary:270 70% 55%;--accent:330 80% 55%}
      body{margin:0;background:#050507;color:hsl(var(--foreground));font-family:'Inter',system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
      #root{min-height:100vh}
    </style>

    <!-- Defer non-critical font loading with font-display swap -->
    <link rel="preload" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;900&display=swap" as="style" onload="this.onload=null;this.rel='stylesheet'" fetchpriority="low">
    <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;900&display=swap"></noscript>
    <script type="module" crossorigin src="/assets/index-Bjp98qTV.js"></script>
    <link rel="modulepreload" crossorigin href="/assets/vendor-react-WV5vYA_E.js">
    <link rel="modulepreload" crossorigin href="/assets/vendor-ui-BW8hYiFA.js">
    <link rel="modulepreload" crossorigin href="/assets/vendor-supabase-B-L7aLEJ.js">
    <link rel="stylesheet" crossorigin href="/assets/index-B_4wqKAz.css">
  </head>

  <body>
    <div id="root"></div>
    
    <!-- Main app script - type module for tree shaking -->
  <!-- Cloudflare Pages Analytics --><script defer src='https://static.cloudflareinsights.com/beacon.min.js' data-cf-beacon='{"token": "89f292bc4e0d4d62a21e28be2f9b1781"}'></script><!-- Cloudflare Pages Analytics --></body>
</html>
