<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    
    <!-- Favicon - Comprehensive Multi-Device Support -->
    <!-- Standard favicon (all browsers) -->
    <link rel="icon" href="/favicon.ico" sizes="48x48" />
    
    <!-- PNG favicons for modern browsers -->
    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
    
    <!-- iOS/Apple devices -->
    <link rel="apple-touch-icon" href="/apple-touch-icon.png" />
    
    <!-- Android/Chrome PWA -->
    <link rel="icon" type="image/png" sizes="192x192" href="/android-chrome-192x192.png" />
    <link rel="icon" type="image/png" sizes="512x512" href="/android-chrome-512x512.png" />
    
    <!-- Web App Manifest -->
    <link rel="manifest" href="/site.webmanifest" />
    
    <!-- Theme color for mobile browsers (Coral brand color) -->
    <meta name="theme-color" content="#FF6B5A" />
    <meta name="msapplication-TileColor" content="#FF6B5A" />
    
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Minteriors - Your Dream Room, Designed in 55 Minutes</title>
    <meta name="description" content="Transform your space with professional interior design in just 55 minutes. Fast, premium, one-on-one design sprints." />
    
    <!-- Add Tailwind CDN -->
    <script src="https://cdn.tailwindcss.com"></script>
    
    <!-- Add Google Fonts -->
    <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=Cormorant+Garamond:wght@500;600;700&family=Playfair+Display:wght@400..900&family=Montserrat:wght@300;400;700&display=swap" rel="stylesheet">
    
    <!-- Keep your existing style block -->
    <style>
      :root {
        /* Mindful Palettes No. 162 */
        --color-dark-blue: #0F2D4D;
        --color-mid-blue: #174871;
        --color-mauve: #A77693;
        --color-beige: #DED1C6;
        --color-off-white: #F2F3F4;
        --color-deep-moss: #3A4F41;
      }
    </style>

    <script type="importmap">
{
  "imports": {
    "react": "https://esm.sh/react@18.2.0",
    "react-dom": "https://esm.sh/react-dom@18.2.0",
    "react-router-dom": "https://esm.sh/react-router-dom@6.11.2"
  }
}
</script>
    <script type="module" crossorigin src="/assets/main-myX6tbWS.js"></script>
    <link rel="modulepreload" crossorigin href="/assets/vendor-Z2Iecplj.js">
    <link rel="modulepreload" crossorigin href="/assets/router-BhnIm2TK.js">
    <link rel="modulepreload" crossorigin href="/assets/firebase-74s8Ju1G.js">
    <link rel="stylesheet" crossorigin href="/assets/main-zdeISCwz.css">
  </head>
  <body>
    <div id="root"></div>
  
<!-- WUUNU SNIPPET - DON'T CHANGE THIS (START) -->
<!-- WUUNU SNIPPET - DON'T CHANGE THIS (END) -->
</body>
</html>