<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <script>
      (function () {
        try {
          var u = new URL(location.href);
          if (u.searchParams.has('airoShareToken')) {
            u.searchParams.delete('airoShareToken');
            history.replaceState(null, '', u.toString());
          }
        } catch (e) {}
      })();
    </script>
    <meta name="referrer" content="same-origin" />
    <link rel="icon" href="/favicon.ico" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title data-rh="true">App Template</title>
<meta data-rh="true" name="description" content="App Template"/>
    <script src="/airo-video-slots.js"></script>
    <script src="/airo-logo-orientation.js"></script>
    <script type="module" crossorigin src="/assets/index-BNvmr63p.js"></script>
    <link rel="modulepreload" crossorigin href="/assets/query-DYVpeFO3.js">
    <link rel="modulepreload" crossorigin href="/assets/react-vendor-DYU0Rr6N.js">
    <link rel="modulepreload" crossorigin href="/assets/radix-ui-BrXWnT8S.js">
    <link rel="stylesheet" crossorigin href="/assets/index-oDmYeEtd.css">
  </head>
  <body class="fs-unmask-airo-app-builder">
    <div id="app" class="fs-unmask-airo-app-builder"><!--$--><div class="min-h-screen bg-background flex flex-col"><header class="sticky top-0 z-50 bg-background/80 backdrop-blur-sm border-b border-border"><div class="container mx-auto px-4"><div class="flex h-16 items-center justify-between"><a class="text-xl font-bold text-foreground" href="/" data-discover="true">App</a><nav class="hidden md:flex gap-6"><a class="text-sm font-medium transition-colors hover:text-primary text-muted-foreground" href="/" data-discover="true">Home</a><a class="text-sm font-medium transition-colors hover:text-primary text-muted-foreground" href="/about" data-discover="true">About</a><a class="text-sm font-medium transition-colors hover:text-primary text-muted-foreground" href="/contact" data-discover="true">Contact</a></nav><button class="md:hidden p-2 hover:bg-accent rounded-md transition-colors" aria-label="Toggle menu"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-menu"><line x1="4" x2="20" y1="12" y2="12"></line><line x1="4" x2="20" y1="6" y2="6"></line><line x1="4" x2="20" y1="18" y2="18"></line></svg></button></div></div></header><div class="min-h-screen flex items-center justify-center" style="background:linear-gradient(to bottom right, hsl(var(--primary)), hsl(var(--secondary)))"><div class="container mx-auto px-4 max-w-2xl text-center"><div class="space-y-8"><div class="space-y-4"><h1 class="text-6xl font-bold text-white/90">404</h1><h2 class="text-2xl font-semibold text-white/90">Page Not Found</h2><p class="text-white/90">Sorry, the page you&#x27;re looking for doesn&#x27;t exist or has been moved.</p></div><div class="flex justify-center gap-4"><a href="/" data-discover="true"><button class="px-8 py-3 bg-white font-semibold rounded-lg shadow-lg hover:shadow-xl transition-all hover:scale-105" style="color:hsl(var(--primary))">🏠 Go Home</button></a><button class="px-8 py-3 bg-white font-semibold rounded-lg shadow-lg hover:shadow-xl transition-all hover:scale-105" style="color:hsl(var(--primary))">← Go Back</button></div></div></div></div><footer class="mt-auto border-t border-border bg-background"><div class="container mx-auto px-4 py-6"><div class="flex flex-col md:flex-row justify-between items-center gap-4"><div class="text-sm text-muted-foreground">© <!-- -->2026<!-- --> App. All rights reserved.</div><nav class="flex gap-6"><a class="text-sm text-muted-foreground hover:text-foreground transition-colors" href="/privacy" data-discover="true">Privacy</a><a class="text-sm text-muted-foreground hover:text-foreground transition-colors" href="/terms" data-discover="true">Terms</a></nav></div></div></footer></div><!--/$--><script>window.__staticRouterHydrationData = JSON.parse("{\"loaderData\":{},\"actionData\":null,\"errors\":null}");</script></div>
    <script src="/analytics.js"></script>
  </body>
</html>
