<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" type="image/png" sizes="64x64" href="/favicon.png?v=2" />
    <link rel="icon" type="image/svg+xml" href="/icons/192x192ss.svg" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=yes, viewport-fit=cover" />
    <meta name="description" content="Real-time TSA security wait times and crowdsourced airport updates from travelers worldwide. Check current checkpoint lines before you fly." />
    <meta name="robots" content="index, follow" />
    <meta name="theme-color" content="#1a1a1a" />
    <link rel="canonical" href="https://airportsecuritystatus.com/" />
    <title id="page-title">Airport Security Status LIVE</title>

    <!-- Open Graph / Social Media Meta Tags -->
    <meta property="og:type" content="website" />
    <meta property="og:site_name" content="Airport Security Status LIVE" />
    <meta property="og:title" content="Airport Security Status LIVE - Real-time TSA Wait Times" />
    <meta property="og:description" content="Real-time TSA security wait times and crowdsourced airport updates from travelers worldwide. Check current checkpoint lines before you fly." />
    <meta property="og:url" content="https://airportsecuritystatus.com/" />
    <meta property="og:image" content="https://images.pexels.com/photos/1570220/pexels-photo-1570220.jpeg?auto=compress&cs=tinysrgb&w=1200&h=630" />
    <meta property="og:image:width" content="1200" />
    <meta property="og:image:height" content="630" />

    <!-- Twitter Card Meta Tags -->
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:title" content="Airport Security Status LIVE - Real-time TSA Wait Times" />
    <meta name="twitter:description" content="Real-time TSA security wait times and crowdsourced airport updates from travelers worldwide." />
    <meta name="twitter:image" content="https://images.pexels.com/photos/1570220/pexels-photo-1570220.jpeg?auto=compress&cs=tinysrgb&w=1200&h=630" />

    <!-- Structured Data for Organization -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "WebApplication",
      "name": "Airport Security Status LIVE",
      "url": "https://airportsecuritystatus.com",
      "description": "Real-time TSA security wait times and crowdsourced airport updates from travelers worldwide",
      "applicationCategory": "TravelApplication",
      "operatingSystem": "Any",
      "offers": {
        "@type": "Offer",
        "price": "0",
        "priceCurrency": "USD"
      },
      "featureList": [
        "Real-time TSA wait times",
        "Crowdsourced airport updates",
        "Airport security status tracking",
        "Traveler community reports"
      ]
    }
    </script>

    <!-- PWA Manifest -->
    <link rel="manifest" href="/manifest.json" />

    <!-- Apple Touch Icon - Using SVG fallback -->
    <link rel="apple-touch-icon" href="/icons/apple-touch-icon-180.png" />

    <!-- Apple Web App Meta Tags -->
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
    <meta name="apple-mobile-web-app-title" content="Airport Security" />

    <!-- iOS Splash Screens -->
    <link rel="apple-touch-startup-image" href="/icons/512x512ss2.svg" />

    <!-- Mobile Meta Tags -->
    <meta name="mobile-web-app-capable" content="yes" />
    <meta name="application-name" content="Airport Security" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="HandheldFriendly" content="true" />

    <!-- Critical resource hints -->
    <link rel="dns-prefetch" href="https://images.pexels.com" />
    <link rel="preconnect" href="https://images.pexels.com" crossorigin />

    <!-- Preload critical assets -->
    <link rel="preload" href="/assets/main-BUbGb4it.tsx" as="script" crossorigin />

    <!-- Critical CSS for above-the-fold content -->
    <style>
      /* Critical above-the-fold styles */
      #root { min-height: 100vh; }
      body { margin: 0; color: #fff; }

      /* Prevent flash of unstyled content */
      .animate-pulse {
        animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
      }
      @keyframes pulse {
        0%, 100% { opacity: 1; }
        50% { opacity: 0.5; }
      }

      /* Optimize font rendering */
      * {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
      }
    </style>
    <script type="module" crossorigin src="/assets/index-CMeQh66n.js"></script>
    <link rel="modulepreload" crossorigin href="/assets/editor-Cr99slvm.js">
    <link rel="modulepreload" crossorigin href="/assets/vendor-bK_Vk7NJ.js">
    <link rel="modulepreload" crossorigin href="/assets/react-vendor-DrS1nhm8.js">
    <link rel="modulepreload" crossorigin href="/assets/airport-BDjfEPS_.js">
    <link rel="modulepreload" crossorigin href="/assets/supabase-BE2zrxLY.js">
    <link rel="modulepreload" crossorigin href="/assets/admin-DgxF56qo.js">
    <link rel="modulepreload" crossorigin href="/assets/contexts-BBdSmvJD.js">
    <link rel="stylesheet" crossorigin href="/assets/react-vendor-DZrYvFpI.css">
    <link rel="stylesheet" crossorigin href="/assets/index-Cqfc8G3c.css">
  </head>
  <body>
    <div id="root">
      <!-- Prerender-friendly loading state with semantic content -->
      <noscript>
        <div style="min-height: 100vh; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%); color: white; font-family: system-ui, -apple-system, sans-serif; padding: 2rem; text-align: center;">
          <div>
            <h1 style="font-size: 2rem; margin-bottom: 1rem;">Airport Security Status LIVE</h1>
            <p style="font-size: 1.2rem; margin-bottom: 2rem; opacity: 0.9;">Real-time TSA security wait times and traveler updates from airports worldwide</p>
            <p style="opacity: 0.8;">This application requires JavaScript to be enabled for the best experience.</p>
            <p style="margin-top: 1rem; opacity: 0.7;">Please enable JavaScript in your browser settings to access live airport security updates, wait times, and traveler reports.</p>
          </div>
        </div>
      </noscript>
    </div>

    <!-- Load Google Analytics after initial render -->
    <script>
      window.addEventListener('load', function() {
        setTimeout(function() {
          var script = document.createElement('script');
          script.async = true;
          script.src = 'https://www.googletagmanager.com/gtag/js?id=G-EZC1Y0VQ0K';
          document.head.appendChild(script);

          script.onload = function() {
            window.dataLayer = window.dataLayer || [];
            function gtag(){dataLayer.push(arguments);}
            gtag('js', new Date());
            gtag('config', 'G-EZC1Y0VQ0K');
          };
        }, 1000);
      });
    </script>
  </body>
</html>