<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <!-- Favicon - Orange PackWithMe logo -->
    <link rel="icon" type="image/svg+xml" href="/favicon.svg?v=3" />
    <link rel="shortcut icon" href="/favicon.svg?v=3" />
    
    <!-- Mobile and Apple touch icons -->
    <link rel="apple-touch-icon" sizes="180x180" href="/favicon.svg?v=3" />
    <link rel="apple-touch-icon-precomposed" sizes="180x180" href="/favicon.svg?v=3" />
    
    <!-- Android Chrome icons -->
    <link rel="icon" type="image/svg+xml" sizes="192x192" href="/favicon.svg?v=3" />
    <link rel="icon" type="image/svg+xml" sizes="512x512" href="/favicon.svg?v=3" />
    
    <!-- Safari pinned tab -->
    <link rel="mask-icon" href="/favicon.svg?v=3" color="#ff6b6b" />
    
    <!-- Manifest for PWA -->
    <link rel="manifest" href="/manifest.json" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>PackWithMe - Collaborative Packing Lists</title>
    
    <!-- Open Graph / Social Media meta tags -->
    <meta property="og:type" content="website" />
    <meta property="og:site_name" content="PackWithMe" />
    <meta property="og:title" content="PackWithMe - Pack together, stress less ✈️" />
    <meta property="og:description" content="Coordinate packing lists with your travel group. Real-time collaboration, smart suggestions, and stress-free trip planning." />
    <meta property="og:image" content="https://packwith.me/og-image.svg?v=2" />
    <meta property="og:url" content="https://packwith.me" />
    
    <!-- Twitter Card meta tags -->
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:title" content="PackWithMe - Pack together, stress less ✈️" />
    <meta name="twitter:description" content="Coordinate packing lists with your travel group. Real-time collaboration, smart suggestions, and stress-free trip planning." />
    <meta name="twitter:image" content="https://packwith.me/og-image.svg?v=2" />
    
    <!-- Additional meta tags -->
    <meta name="description" content="Coordinate packing lists with your travel group. Real-time collaboration, smart suggestions, and stress-free trip planning." />
    <meta name="keywords" content="packing list, travel, collaboration, trip planning, group travel" />
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
    
    <!-- Performance optimizations -->
    <link rel="preconnect" href="https://ltudpxuarhphfvvfejud.supabase.co" crossorigin>
    <link rel="dns-prefetch" href="https://ltudpxuarhphfvvfejud.supabase.co">
    
    <!-- Mobile optimization -->
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="theme-color" content="#ff6b6b">
    
    <!-- Google Analytics is loaded dynamically in App.tsx after user consent -->
    <script type="module" crossorigin src="/assets/index-BTGZLjaw.js"></script>
    <link rel="modulepreload" crossorigin href="/assets/vendor-D5a7BDTM.js">
    <link rel="modulepreload" crossorigin href="/assets/qrcode-DN37M9Hi.js">
    <link rel="modulepreload" crossorigin href="/assets/react-DMUXzUoX.js">
    <link rel="modulepreload" crossorigin href="/assets/react-dom-K6JFqYk1.js">
    <link rel="modulepreload" crossorigin href="/assets/supabase-Dl3mVzUm.js">
    <link rel="modulepreload" crossorigin href="/assets/templates-data-BPLSyWSx.js">
    <link rel="modulepreload" crossorigin href="/assets/security-DPSeLtbP.js">
    <link rel="modulepreload" crossorigin href="/assets/animation-BZDaLI3h.js">
    <link rel="modulepreload" crossorigin href="/assets/dnd-BewEiYtn.js">
    <link rel="modulepreload" crossorigin href="/assets/date-utils-AasL_Nor.js">
    <link rel="modulepreload" crossorigin href="/assets/destinations-data-DBsV5kvZ.js">
    <link rel="stylesheet" crossorigin href="/assets/index-DHCd9s5F.css">
  </head>
  <body>
    <div id="root"></div>
  </body>
</html>