<!DOCTYPE html>
<html lang="en" class="dark">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Opulent Salon Suites by Cookie | Muskogee, OK</title>
    <meta name="description" content="Premium private salon suites for beauty professionals in Muskogee. Schedule your private tour today." />
    <link rel="canonical" href="https://beauty-gnomadhub.web.app/opulent_salon/" />
    <meta property="og:type" content="website" />
    <meta property="og:url" content="https://beauty-gnomadhub.web.app/opulent_salon/" />
    <meta property="og:title" content="Opulent Salon Suites by Cookie | Muskogee, OK" />
    <meta property="og:description" content="Premium private salon suites for beauty professionals in Muskogee. Schedule your private tour today." />
    <meta property="og:image" content="https://beauty-gnomadhub.web.app/opulent_salon/favicon.svg" />
    <script type="application/ld+json">
    {"@context":"https://schema.org","@type":"HealthAndBeautyBusiness","name":"Opulent Salon Suites","url":"https://beauty-gnomadhub.web.app/opulent_salon/","telephone":"+18005107513","address":{"addressLocality":"Muskogee","addressRegion":"OK","postalCode":"74401","addressCountry":"US"},"description":"Premium private salon suites in Muskogee, OK."}
    </script>
    <link rel="icon" type="image/svg+xml" href="./favicon.svg" />
    <link rel="apple-touch-icon" href="./favicon.svg" />
    <!-- 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=Manrope:wght@200;300;400;500;600;700;800&display=swap" rel="stylesheet" />
    <link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap" rel="stylesheet" />

    <!-- Tailwind -->
    <script src="https://cdn.tailwindcss.com"></script>
    <script>
      tailwind.config = {
        darkMode: "class",
        theme: {
          extend: {
            colors: {
              "primary": "#dba61f",
              "background-light": "#f8f7f6",
              "background-dark": "#171611",
            },
            fontFamily: {
              "display": ["Manrope", "sans-serif"]
            },
            borderRadius: {
              "lg": "0.5rem",
              "xl": "0.75rem",
              "2xl": "1rem", 
            },
            animation: {
              'fade-in': 'fadeIn 0.5s ease-in-out',
            },
            keyframes: {
              fadeIn: {
                '0%': { opacity: '0', transform: 'translateY(10px)' },
                '100%': { opacity: '1', transform: 'translateY(0)' },
              }
            }
          },
        },
      }
    </script>
    <style>
      body {
        font-family: 'Manrope', sans-serif;
      }
      .glass-nav {
        background: rgba(23, 22, 17, 0.85);
        backdrop-filter: blur(12px);
      }
      .gold-gradient-text {
        background: linear-gradient(to right, #dba61f, #f5d17a);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
      }
      /* Custom Scrollbar */
      ::-webkit-scrollbar {
        width: 8px;
      }
      ::-webkit-scrollbar-track {
        background: #171611;
      }
      ::-webkit-scrollbar-thumb {
        background: #333;
        border-radius: 4px;
      }
      ::-webkit-scrollbar-thumb:hover {
        background: #dba61f;
      }
    </style>

<link rel="stylesheet" href="./index.css">
  <script type="importmap">
{
  "imports": {
    "react/": "https://esm.sh/react@^19.2.4/",
    "react": "https://esm.sh/react@^19.2.4",
    "react-dom/": "https://esm.sh/react-dom@^19.2.4/",
    "@google/genai": "https://esm.sh/@google/genai@^1.41.0"
  }
}
</script>
  <script type="module" crossorigin src="/opulent_salon/assets/index-qcs7I0VG.js"></script>
</head>
  <body class="bg-background-light dark:bg-background-dark text-white font-display selection:bg-primary selection:text-background-dark antialiased">
    <div id="root"></div>
</body>
</html>