<!doctype html>
<html lang="en" class="scroll-smooth">
  <head>
    <!-- Performance optimizations -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <meta name="theme-color" content="#000000">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>CURLEA - Luxury Hair Accessories for Curly Hair</title>
    <meta name="description" content="Discover premium heatless curlers and elegant hair accessories by CURLEA. Transform your curly hair routine with luxury products designed for beautiful, healthy hair." />
    <meta name="keywords" content="curly hair accessories, luxury hair accessories, CURLEA, heatless curlers, curly hair care, elegant hair tools, premium hair products" />
    <meta name="author" content="CURLEA" />
    <meta name="facebook-domain-verification" content="h8bp9hawcekzxl3r9inkwbgrgi4xm3" />
    <!-- Meta Pixel Code (must load before other scripts) -->
    <script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '1384648266132087');
fbq('track', 'PageView');
    </script>
    <!-- End Meta Pixel Code -->

    <!-- Google tag (gtag.js) -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXXXXXX"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);} 
      gtag('js', new Date());
      gtag('config', 'G-XXXXXXXXXX');
    </script>
    
    <!-- Google Search Console Verification -->
    <meta name="google-site-verification" content="9DJabJ0w8vD3eYkqBWQH8LK5SzyOyhpvY-CABviWVJk" />
    
    <!-- Bing Webmaster Tools Verification -->
    <meta name="msvalidate.01" content="5D60CF68D00C8F46CFF6F61DC077FAC8">
    
    <!-- Security Headers -->
    <meta http-equiv="Content-Security-Policy" content="default-src 'self'; img-src 'self' https://images.unsplash.com https://lovable.dev https://*.stripe.com https://www.facebook.com data: blob:; script-src 'self' 'unsafe-inline' 'unsafe-eval' https://js.stripe.com https://connect.facebook.net https://www.googletagmanager.com; style-src 'self' 'unsafe-inline' https://fonts.googleapis.com; style-src-elem 'self' 'unsafe-inline' https://fonts.googleapis.com; font-src 'self' https://fonts.googleapis.com https://fonts.gstatic.com; media-src 'self' https://cdn.pixabay.com blob: data:; connect-src 'self' https: http://localhost:* blob: https://*.stripe.com; base-uri 'self'; form-action 'self' https://checkout.stripe.com; object-src 'none'; frame-src https://checkout.stripe.com https://hooks.stripe.com;" />
    <meta http-equiv="X-Content-Type-Options" content="nosniff" />
    <meta http-equiv="Referrer-Policy" content="strict-origin-when-cross-origin" />
    <meta http-equiv="X-XSS-Protection" content="1; mode=block" />
    <meta http-equiv="Permissions-Policy" content="camera=(), microphone=(), geolocation=(), interest-cohort=(), payment=(), usb=(), magnetometer=(), gyroscope=(), accelerometer=()" />
    <meta name="cache-control" content="no-cache, no-store, must-revalidate" />
    <meta name="pragma" content="no-cache" />
    <meta name="expires" content="0" />

    <!-- Open Graph Meta Tags -->
    <meta property="og:title" content="CURLEA - Luxury Hair Accessories for Curly Hair" />
    <meta property="og:description" content="Discover premium heatless curlers and elegant hair accessories by CURLEA. Transform your curly hair routine with luxury products." />
    <meta property="og:type" content="website" />
    <meta property="og:url" content="https://curlea.beauty" />
    <meta property="og:image" content="https://curlea.beauty/assets/hero-1.png" />
    <meta property="og:site_name" content="CURLEA" />
    <meta property="og:locale" content="en_US" />

    <!-- Twitter Card Meta Tags -->
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:site" content="@curlea_official" />
    <meta name="twitter:creator" content="@curlea_official" />
    <meta name="twitter:title" content="CURLEA - Luxury Hair Accessories for Curly Hair" />
    <meta name="twitter:description" content="Discover premium heatless curlers and elegant hair accessories by CURLEA. Transform your curly hair routine with luxury products." />
    <meta name="twitter:image" content="https://curlea.beauty/assets/hero-1.png" />
    
    <!-- Premium 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@300;400;500;600;700&family=Montserrat:wght@300;400;500;600;700&display=swap" rel="stylesheet">
    <script type="module" crossorigin src="/assets/index-C25RoJPO.js"></script>
    <link rel="modulepreload" crossorigin href="/assets/vendor-dc8GV96c.js">
    <link rel="modulepreload" crossorigin href="/assets/animations-DqLaTCFA.js">
    <link rel="modulepreload" crossorigin href="/assets/ui-L7zHYGtZ.js">
    <link rel="modulepreload" crossorigin href="/assets/router-QKBnAwU4.js">
    <link rel="stylesheet" crossorigin href="/assets/index-w4Z5uxBB.css">
  </head>

  <body>
    <!-- Meta Pixel noscript fallback (must be in body) -->
    <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=1384648266132087&ev=PageView&noscript=1" /></noscript>
    <div id="root"></div>
    
    <!-- Analytics Configuration -->
    <script>
      // Configuration passed from build process
      window.__ANALYTICS_CONFIG__ = {
        endpoint: 'https://vfhxwzcbjdlfmizakvqc.supabase.co/functions/v1/track',
        debug: true // Change to false in production
      };
    </script>
    
    <!-- Analytics SDK -->
    <script src="/analytics.js"></script>
    <script src="/init-analytics.js"></script>
    
  </body>
</html>
