<!DOCTYPE html>
<html lang="fr" class="no-js">
<head>
  <!-- Character Encoding -->
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0, viewport-fit=cover, user-scalable=yes">
  <meta name="build-time" content="2026-04-04T10:14:29.306Z">
  
  <!-- Primary Meta Tags -->
  <title>LUMI K – Beauté & Bien-être Premium | K-Beauty Français</title>
  <meta name="title" content="LUMI K – Beauté & Bien-être Premium | K-Beauty Français">
  <meta name="description" content="LUMI K : analysez votre peau gratuitement avec notre IA et découvrez votre routine K-Beauty personnalisée. Produits skincare coréens premium, sérum vitamine C, masques. Livraison gratuite dès 50€.">
  <meta name="keywords" content="beauté, cosmétiques, K-beauty, skincare, coréen, anti-âge, sérum, crème, masque, soins visage, LUMI K, France">
  <meta name="author" content="LUMI K">
  <meta name="language" content="French">
  <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
  <!-- Default canonical for root SPA shell — overridden per-page by react-helmet-async -->
  <link rel="canonical" href="https://lumi-k.com/fr/" />
  
  <!-- Open Graph / Facebook -->
  <meta property="og:type" content="website">
  <meta property="og:url" content="https://lumi-k.com/">
  <meta property="og:title" content="LUMI K – Beauté & Bien-être Premium | K-Beauty Français">
  <meta property="og:description" content="Analysez votre peau gratuitement avec notre IA et découvrez votre routine K-Beauty personnalisée. Produits skincare coréens premium.">
  <meta property="og:image" content="https://lumi-k.com/lumi_social_1080_1080.jpeg">
  <meta property="og:image:type" content="image/jpeg">
  <meta property="og:image:width" content="1080">
  <meta property="og:image:height" content="1080">
  <meta property="og:image:alt" content="LUMI K - Beauté & Bien-être Premium">
  <meta property="og:locale" content="fr_FR">
  <meta property="og:site_name" content="LUMI K">
  
  <!-- Twitter -->
  <meta name="twitter:card" content="summary_large_image">
  <meta name="twitter:url" content="https://lumi-k.com/">
  <meta name="twitter:title" content="LUMI K – Beauté & Bien-être Premium">
  <meta name="twitter:description" content="Analysez votre peau gratuitement avec notre IA et découvrez votre routine K-Beauty personnalisée. Produits skincare coréens premium.">
  <meta name="twitter:image" content="https://lumi-k.com/lumi_social_1080_1080.jpeg">
  <meta name="twitter:image:alt" content="LUMI K - Beauté & Bien-être Premium">
  
  <!-- Theme Color for Mobile Browsers -->
  <meta name="theme-color" content="#EC4899">
  <meta name="msapplication-TileColor" content="#EC4899">
  <meta http-equiv="Permissions-Policy" content="camera=(self), geolocation=(self), microphone=()">
  
  <!-- Favicon & PWA Icons - Optimized for Google Search Results -->
  <link rel="icon" type="image/png" sizes="192x192" href="/logo.png">
  <link rel="icon" type="image/png" sizes="48x48" href="/logo.png">
  <link rel="icon" type="image/png" sizes="32x32" href="/logo.png">
  <link rel="icon" type="image/png" sizes="16x16" href="/logo.png">
  <link rel="shortcut icon" href="/logo.png">
  <link rel="icon" type="image/png" href="/logo.png">
  <link rel="apple-touch-icon" sizes="180x180" href="/logo.png">
  <link rel="apple-touch-icon" sizes="512x512" href="/logo.png">
  <link rel="manifest" href="/manifest.json">
  
  <!-- iOS Meta Tags for Home Screen -->
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
  <meta name="apple-mobile-web-app-title" content="LUMI K">
  
  <!-- Android/Chrome Meta Tags -->
  <meta name="mobile-web-app-capable" content="yes">
  <meta name="application-name" content="LUMI K">
  
  <!-- LCP: Preload hero video poster image for fastest first paint -->
  <link rel="preload" href="/images/mainpicture.webp" as="image" type="image/webp" fetchpriority="high">

  <!-- Performance: Preconnect to critical external domains only (max 3) -->
  <link rel="preconnect" href="https://firestore.googleapis.com" crossorigin>
  <link rel="preconnect" href="https://fonts.googleapis.com" crossorigin>
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <!-- Non-critical: dns-prefetch only (no TCP handshake cost) -->
  <link rel="dns-prefetch" href="https://identitytoolkit.googleapis.com">
  <link rel="dns-prefetch" href="https://securetoken.googleapis.com">
  <link rel="dns-prefetch" href="https://firebasestorage.googleapis.com">
  <link rel="dns-prefetch" href="https://us-central1-lumi-k-beauty.cloudfunctions.net">
  <link rel="dns-prefetch" href="https://js.stripe.com">

  
  <!-- Structured Data (JSON-LD) for SEO -->
  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "Organization",
    "name": "LUMI K",
    "url": "https://lumi-k.com",
    "logo": "https://lumi-k.com/lumi_monogram_primary.png",
    "description": "La référence française du skincare coréen. Produits beauté premium K-Beauty.",
    "sameAs": [],
    "contactPoint": {
      "@type": "ContactPoint",
      "contactType": "customer service",
      "email": "contact@lumi-k.com",
      "availableLanguage": ["French"]
    }
  }
  </script>
  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "WebSite",
    "name": "LUMI K",
    "url": "https://lumi-k.com",
    "potentialAction": {
      "@type": "SearchAction",
      "target": "https://lumi-k.com/products?search={search_term_string}",
      "query-input": "required name=search_term_string"
    }
  }
  </script>
  
  <!-- X-UA-Compatible removed: obsolete for modern browsers (IE is EOL) -->
  
  <!-- Fonts: Load with display=swap for better performance -->
  <!-- Fonts: Only load weights actually used (300,400,500,600,700) - removed 800,900 to save bandwidth -->
  <link rel="preload" href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Playfair+Display:wght@700&display=swap" as="style" onload="this.onload=null;this.rel='stylesheet'">
  <noscript>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Playfair+Display:wght@700&display=swap" rel="stylesheet">
  </noscript>
  
  <!-- Prefetch removed: SPA routes are JS chunks, not documents.
       Route-level code splitting via React.lazy handles prefetching. -->
  
  <!-- Critical Theme Script (Prevents Flash of Incorrect Theme) - Inlined to eliminate render-blocking request -->
  <script>
    (function(){try{var s=localStorage.getItem('theme'),r=document.documentElement;r.classList.remove('dark','light');r.classList.add(s==='light'?'light':'dark');r.classList.remove('no-js');r.classList.add('js')}catch(e){document.documentElement.classList.add('dark');document.documentElement.classList.remove('no-js');document.documentElement.classList.add('js')}})();
  </script>
  
  <!-- Critical Loading Styles - Inlined for fastest render -->
  <style>
    body{margin:0;padding:0;background:#111827;font-family:sans-serif}
    .light body,.light #initial-loading{background:#fff}
    #initial-loading{position:fixed;top:0;left:0;right:0;bottom:0;background:#111827;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;transition:opacity .3s ease-out}
    .light #initial-loading{background:#fff}
    .spinner{width:64px;height:64px;border:4px solid #374151;border-top-color:#EC4899;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}
    .loading-text{color:#fff;font-size:1rem;font-family:system-ui,-apple-system,sans-serif}
    .light .loading-text{color:#111827}
    @keyframes spin{to{transform:rotate(360deg)}}
    .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}
    .skip-link{z-index:10000;color:#fff;background:#000;padding:10px;top:0;position:absolute}
    .no-js-fallback{position:fixed;top:0;left:0;right:0;bottom:0;background:#111827;color:#fff;display:flex;align-items:center;justify-content:center;z-index:9999;padding:2rem;text-align:center}
    .no-js-fallback h1{font-size:2rem;margin-bottom:1rem}
    .no-js-fallback p{font-size:1.125rem;margin-bottom:1.5rem}
  </style>
  <script type="module" crossorigin src="/assets/index-clJ0QcMo.js"></script>
  <link rel="modulepreload" crossorigin href="/assets/vendor-lodash-gqRF_t4S.js">
  <link rel="modulepreload" crossorigin href="/assets/vendor-react-DO-MqPet.js">
  <link rel="modulepreload" crossorigin href="/assets/vendor-utils-ApnFysEb.js">
  <link rel="modulepreload" crossorigin href="/assets/vendor-i18n-D54BnIRG.js">
  <link rel="modulepreload" crossorigin href="/assets/vendor-data-BV2_Y-LZ.js">
  <link rel="modulepreload" crossorigin href="/assets/vendor-router-CzBRcFSX.js">
  <link rel="modulepreload" crossorigin href="/assets/vendor-helmet-D4ghQFxd.js">
  <link rel="modulepreload" crossorigin href="/assets/vendor-firebase-CRVNPMCS.js">
  <link rel="modulepreload" crossorigin href="/assets/vendor-firebase-auth-CM61yKTv.js">
  <link rel="modulepreload" crossorigin href="/assets/vendor-sentry-CRAdC4K0.js">
  <link rel="modulepreload" crossorigin href="/assets/vendor-ui-RDW8_lUs.js">
  <link rel="stylesheet" crossorigin href="/assets/index-Bp-K-cPs.css">
<link rel="manifest" href="/manifest.webmanifest"><script id="vite-plugin-pwa:register-sw" src="/registerSW.js"></script></head>
<body>
  <!-- Skip to main content (Accessibility) -->
  <a href="#main-content" class="sr-only skip-link">
    Aller au contenu principal
  </a>
  
  <!-- No-JS Fallback -->
  <noscript>
    <div class="no-js-fallback">
      <div>
        <h1>JavaScript est nécessaire</h1>
        <p>
          Pour une expérience optimale sur LUMI K, veuillez activer JavaScript dans votre navigateur.
        </p>
      </div>
    </div>
  </noscript>
  
  <!-- Loading State -->
  <div id="initial-loading">
    <div class="spinner"></div>
    <p class="loading-text">Chargement de LUMI K...</p>
  </div>
  
  <!-- Main Application Container -->
  <div id="root">
    <!-- Static SEO content visible to crawlers before JS loads -->
    <noscript>
      <header style="text-align:center;padding:40px 20px;">
        <h1>LUMI K – Beauté & Bien-être Premium</h1>
        <p>La référence française du skincare coréen. Produits beauté premium K-Beauty.</p>
        <nav>
          <a href="/fr/products">Nos Produits</a> |
          <a href="/fr/consultation">Consultation Beauté</a> |
          <a href="/fr/contact">Contact</a> |
          <a href="/fr/skincare-history">Histoire du Skincare Coréen</a> |
          <a href="/fr/guide/routine-skincare-coreenne">Guide Routine K-Beauty</a> |
          <a href="/fr/guide/ingredients-k-beauty">Guide Ingrédients</a>
        </nav>
      </header>
      <main style="max-width:800px;margin:0 auto;padding:20px;">
        <section>
          <h2>Nos Produits K-Beauty Premium</h2>
          <p>Découvrez notre sélection de produits de beauté coréens : masques visage, crèmes pour les yeux, sérums vitamine C, nettoyants. Livraison en France et en Europe.</p>
          <ul>
            <li><a href="/fr/product/vita-youth-vitamin-c-face-serum">Sérum Vitamine C anti-âge</a></li>
            <li><a href="/fr/product/vita-youth-vitamin-eye-cream">Crème Contour des Yeux Vitamine</a></li>
            <li><a href="/fr/product/bio-collagen-real-deep-mask">Masque Bio Collagène hydratant</a></li>
            <li><a href="/fr/product/laneige-lip-sleeping-mask-gummy-bear">Masque Lèvres Laneige Gummy Bear</a></li>
            <li><a href="/fr/product/mediheal-hyaluronate-essential-mask-sheet-ultra-hydration">Mediheal Masque Acide Hyaluronique</a></li>
            <li><a href="/fr/product/anjo-24k-gold-foam-cleanser">Nettoyant Mousse Or 24K Anjo</a></li>
            <li><a href="/fr/product/dive-in-low-molecular-hyaluronic-acid-mask">Masque Acide Hyaluronique Torriden</a></li>
            <li><a href="/fr/product/water-sleeping-mask-probiotics-hydrating-night-mask-70ml">Masque de Nuit Probiotiques</a></li>
          </ul>
        </section>
        <section>
          <h2>Analyse de Peau par IA — 100% Gratuit</h2>
          <p>Sophia, notre intelligence artificielle experte en skincare coréen, analyse votre peau via votre caméra en 30 secondes : hydratation, pores, rides, taches. Recevez votre diagnostic complet et une routine personnalisée matin et soir avec les produits K-Beauty adaptés à votre type de peau. Aucune inscription requise.</p>
          <a href="/fr/consultation"><strong>Scanner ma peau maintenant</strong></a>
        </section>
        <section>
          <h2>Pourquoi LUMI K ?</h2>
          <p>LUMI K sélectionne les meilleurs produits de beauté coréens pour votre routine skincare. Sérum anti-âge, masques hydratants, soins visage premium. Livraison gratuite dès 50€.</p>
        </section>
        <section>
          <h2>Questions fréquentes sur la K-Beauty</h2>
          <h3>Qu'est-ce que la K-Beauty ?</h3>
          <p>La K-Beauty (Korean Beauty) est une approche coréenne des soins de la peau, réputée pour ses routines multi-étapes, ses ingrédients innovants (bave d'escargot, niacinamide, acide hyaluronique) et ses résultats visibles sur l'éclat et l'hydratation de la peau.</p>
          <h3>Comment choisir mes produits K-Beauty ?</h3>
          <p>LUMI K propose une consultation beauté gratuite avec Sophia, notre IA experte en skincare coréen. Analysez votre peau et recevez des recommandations personnalisées adaptées à votre type de peau et vos préoccupations.</p>
          <h3>La livraison est-elle gratuite ?</h3>
          <p>Oui, la livraison est gratuite en France métropolitaine pour toute commande de 50€ ou plus. Les commandes sont expédiées sous 24-48h.</p>
          <h3>Les produits LUMI K sont-ils authentiques ?</h3>
          <p>Tous nos produits sont 100% authentiques, importés directement de Corée du Sud. Nous travaillons uniquement avec des marques certifiées comme Mediheal, Laneige, Torriden et COSRX.</p>
        </section>
      </main>
    </noscript>
  </div>
  
  <!-- Hide Loading State Logic - External file -->
  <script src="/loading-utils.js" defer></script>

  <!-- React App Entry Point -->
</body>
</html>