<!doctype html>
<html lang="fr">
  <head>
    <meta charset="UTF-8" />

    <!-- Favicons - Inline SVG pour éviter requête réseau -->
    <link rel="icon" type="image/x-icon" href="/favicon.ico" />
    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
    <link rel="icon" type="image/png" sizes="192x192" href="/favicon-192x192.png" />
    <link rel="icon" type="image/png" sizes="512x512" href="/favicon-512x512.png" />

    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0, user-scalable=yes" />

    <!-- Primary Meta Tags -->
    <title>Supreme Pizza Nanterre - Pizzeria Artisanale Halal | Livraison 7j/7 jusqu'à 5h</title>
    <meta name="title" content="Supreme Pizza Nanterre - Pizzeria Artisanale Halal | Livraison 7j/7" />
    <meta name="description" content="🍕 Commandez vos pizzas artisanales halal chez Supreme Pizza Nanterre. Livraison rapide 7j/7 jusqu'à 5h du matin. Pâte maison, ingrédients frais. Offres : 3 Junior 25€. ☎️ 01 47 24 24 24" />
    <meta name="keywords" content="pizza nanterre, pizzeria halal, livraison pizza 92000, pizza artisanale nanterre, commander pizza halal, pizzeria nanterre nuit, livraison pizza nuit, supreme pizza" />
    <meta name="author" content="Supreme Pizza Nanterre" />
    <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1" />
    
    <!-- Geo Meta Tags pour SEO Local -->
    <meta name="geo.region" content="FR-92" />
    <meta name="geo.placename" content="Nanterre" />
    <meta name="geo.position" content="48.8974;2.1973" />
    <meta name="ICBM" content="48.8974, 2.1973" />

    <!-- Theme Color -->
    <meta name="theme-color" content="#000000" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />

    <!-- Open Graph / Facebook -->
    <meta property="og:type" content="restaurant" />
    <meta property="og:url" content="https://www.supremepizza.fr/" />
    <meta property="og:title" content="Supreme Pizza Nanterre - Pizzeria Artisanale Halal | Livraison 7j/7" />
    <meta property="og:description" content="🍕 Pizzas artisanales halal à Nanterre. Livraison 7j/7 jusqu'à 5h. Pâte maison, ingrédients frais. Offres : 3 Junior 25€, 2 Senior 2ème à 7,50€. ☎️ 01 47 24 24 24" />
    <meta property="og:image" content="https://www.supremepizza.fr/og-image.jpg" />
    <meta property="og:image:width" content="1200" />
    <meta property="og:image:height" content="630" />
    <meta property="og:image:alt" content="Supreme Pizza Nanterre - Pizzas artisanales halal" />
    <meta property="og:site_name" content="Supreme Pizza Nanterre" />
    <meta property="og:locale" content="fr_FR" />
    
    <!-- Open Graph Restaurant -->
    <meta property="restaurant:contact_info:street_address" content="14 Rue de l'Église" />
    <meta property="restaurant:contact_info:locality" content="Nanterre" />
    <meta property="restaurant:contact_info:postal_code" content="92000" />
    <meta property="restaurant:contact_info:country_name" content="France" />
    <meta property="restaurant:contact_info:phone_number" content="+33147242424" />

    <!-- Twitter -->
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:url" content="https://www.supremepizza.fr/" />
    <meta name="twitter:title" content="Supreme Pizza Nanterre - Pizzeria Halal | Livraison 7j/7" />
    <meta name="twitter:description" content="🍕 Pizzas artisanales halal à Nanterre. Livraison jusqu'à 5h du matin. Pâte maison. ☎️ 01 47 24 24 24" />
    <meta name="twitter:image" content="https://www.supremepizza.fr/og-image.jpg" />
    <meta name="twitter:image:alt" content="Supreme Pizza Nanterre - Pizzeria Halal" />

    <!-- Canonical -->
    <link rel="canonical" href="https://www.supremepizza.fr/" />
    
    <!-- Sitemap -->
    <link rel="sitemap" type="application/xml" href="https://api.supremepizza.fr/api/sitemap" />

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

    <!-- Apple Touch Icons -->
    <link rel="apple-touch-icon" href="/apple-touch-icon.png" />
    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
    <link rel="apple-touch-icon" sizes="152x152" href="/icons/icon-152x152.png" />
    <link rel="apple-touch-icon" sizes="192x192" href="/icons/icon-192x192.png" />
    <meta name="mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-title" content="Supreme Pizza" />

    <!-- ============================================ -->
    <!-- PERFORMANCE OPTIMIZATION - Resource Hints   -->
    <!-- ============================================ -->
    <!-- IMPORTANT: Preconnects AVANT les scripts pour optimiser le chargement -->

    <!-- Preconnect API Backend (CRITIQUE - première requête, réduit latence ~360ms) -->
    <link rel="preconnect" href="https://api.supremepizza.fr" crossorigin />

    <!-- Preconnect - Connexion complète (DNS + TCP + TLS) pour ressources CRITIQUES -->
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />

    <!-- Preconnect Stripe Payment (chargé au checkout) - preconnect pour réduire latence -->
    <link rel="preconnect" href="https://js.stripe.com" crossorigin />
    <link rel="preconnect" href="https://m.stripe.network" crossorigin />

    <!-- Preconnect Google Analytics (réduit latence ~300ms) - chargement différé après consentement -->
    <link rel="preconnect" href="https://www.googletagmanager.com" crossorigin />
    <link rel="preconnect" href="https://www.google-analytics.com" crossorigin />

    <!-- DNS Prefetch - Résolution DNS en avance (plus rapide) pour ressources non critiques -->
    <link rel="dns-prefetch" href="https://accounts.google.com" />

    <!-- Preload LCP - Logo (élément le plus visible au chargement) -->
    <link rel="preload" href="/images/logo/logo.webp" as="image" type="image/webp" fetchpriority="high" />
    
    <!-- 
      Le CSS est chargé avec media="print" initialement (via plugin Vite)
      et changé en "all" après le chargement pour ne pas bloquer le rendu initial.
      Cela améliore le LCP en permettant au contenu de s'afficher immédiatement.
    -->

    <!-- Google Tag Manager et Google Analytics seront chargés de manière différée -->
    <!-- après consentement cookies via le service gtmLoader.js -->

    <!-- Inline Critical CSS for above-the-fold content -->
    <style>
      /* Critical CSS - Above the fold - Optimisé pour LCP */
      *{margin:0;padding:0;box-sizing:border-box}
      html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;scroll-behavior:smooth}
      body{font-family:Inter,system-ui,-apple-system,sans-serif;background:#fff;color:#000;line-height:1.6;overflow-x:hidden;max-width:100vw;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
      #root{min-height:100vh}
      .dark body{background:#0a0a0a;color:#fff}
      /* Header skeleton */
      [data-app-header]{background:#000;color:#fff;position:sticky;top:0;z-index:50;height:80px}
      /* Loading spinner */
      .min-h-screen{min-height:100vh}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}
      @keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}
      /* Buttons critiques */
      button{cursor:pointer}
      input,textarea,select{font-family:inherit}
      /* Images - éviter layout shift */
      img{max-width:100%;height:auto}
      /* Grid produits - above the fold */
      .products-grid{display:grid!important;width:100%!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
      .products-grid>*{width:100%!important;max-width:100%!important;min-width:0!important}
      @media (min-width:768px){.products-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
      /* Footer - content-visibility pour performance */
      footer{content-visibility:auto;contain-intrinsic-size:0 400px}
    </style>

    <!-- Google Tag Manager et Google Analytics seront chargés de manière différée -->
    <!-- après consentement cookies via les services gtmLoader.js et analytics.js -->
    <script type="module" crossorigin src="/assets/index-COqbLhEP.js"></script>
    <link rel="modulepreload" crossorigin href="/assets/react-vendor-D21HxATn.js">
    <link rel="modulepreload" crossorigin href="/assets/ui-vendor-BbpJFNoS.js">
    <link rel="stylesheet" crossorigin href="/assets/index-Ds01dwEe.css" media="print" onload="this.media='all'" onerror="this.media='all'">
  <link rel="manifest" href="/manifest.webmanifest"></head>
  <body>
    <!-- Google Tag Manager (noscript) - sera injecté dynamiquement si nécessaire -->
    <div id="gtm-noscript-container"></div>

    <div id="root"></div>
    <!-- Service Worker - Chargé de manière différée après le rendu initial -->
    <script>
      // Charger le script SW après le premier rendu pour ne pas bloquer le LCP
      if ('requestIdleCallback' in window) {
        requestIdleCallback(
          () => {
            const script = document.createElement('script');
            script.src = '/registerSW.js';
            script.async = true;
            document.body.appendChild(script);
          },
          { timeout: 3000 }
        );
      } else {
        window.addEventListener('load', () => {
          setTimeout(() => {
            const script = document.createElement('script');
            script.src = '/registerSW.js';
            script.async = true;
            document.body.appendChild(script);
          }, 2000);
        });
      }
    </script>
  </body>
</html>
