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

    <!-- Viewport & Mobile Optimization -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
    <meta name="mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />

    <!-- SEO Meta Tags -->
    <title>CooSpaces - Logiciel de gestion d'espaces de coworking</title>
    <meta name="description" content="La plateforme SaaS tout-en-un pour gérer votre espace de coworking : réservations, facturation, membres, analytics. Simplifiez votre gestion dès aujourd'hui." />
    <meta name="keywords" content="coworking software, gestion coworking, logiciel espace de travail, SaaS coworking, réservation bureau, workspace management, coworking management" />
    <meta name="author" content="CooSpaces Team" />
    <meta name="robots" content="index, follow" />
    <meta name="googlebot" content="index, follow" />

    <!-- Open Graph / Facebook -->
    <meta property="og:type" content="website" />
    <meta property="og:url" content="https://coospaces.com/" />
    <meta property="og:title" content="CooSpaces - Logiciel de gestion d'espaces de coworking" />
    <meta property="og:description" content="La plateforme SaaS tout-en-un pour gérer votre espace de coworking. Réservations, facturation, membres, analytics." />
    <meta property="og:locale" content="fr_FR" />

    <!-- Twitter -->
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:title" content="CooSpaces - Logiciel de gestion d'espaces de coworking" />
    <meta name="twitter:description" content="La plateforme SaaS tout-en-un pour gérer votre espace de coworking. Réservations, facturation, membres, analytics." />

    <!-- Theme Color -->
    <meta name="theme-color" content="#7c3aed" media="(prefers-color-scheme: light)" />
    <meta name="theme-color" content="#6d28d9" media="(prefers-color-scheme: dark)" />

    <!-- Icons & Manifest -->
    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
    <link rel="manifest" href="/manifest.json" crossorigin="use-credentials" />

    <!-- Performance: Preconnect to important domains -->
    <link rel="preconnect" href="https://fonts.googleapis.com" crossorigin />
    <link rel="dns-prefetch" href="https://fonts.googleapis.com" />

    <!-- Performance: Resource Hints -->

    <!-- Critical inline styles to prevent FOUC -->
    <style>
      #root{min-height:100vh;display:flex;flex-direction:column}
      body{margin:0;padding:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif}
      *{box-sizing:border-box}
      .page-loader{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);z-index:9999}
      .page-loader .spinner{width:40px;height:40px;border:3px solid rgba(124,58,237,0.2);border-top-color:#7c3aed;border-radius:50%;animation:spin 0.8s linear infinite}
      @keyframes spin{to{transform:rotate(360deg)}}
      @media(prefers-color-scheme:dark){.page-loader{background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%)}}
    </style>
    <script type="module" crossorigin src="/assets/js/index-BR7cbqP4.js"></script>
    <link rel="modulepreload" crossorigin href="/assets/js/vendor-react-BmEzdts8.js">
    <link rel="modulepreload" crossorigin href="/assets/js/vendor-router-BVKkf_Gt.js">
    <link rel="modulepreload" crossorigin href="/assets/js/vendor-ui-DdrhXFHk.js">
    <link rel="modulepreload" crossorigin href="/assets/js/vendor-utils-DV4xsPgw.js">
    <link rel="modulepreload" crossorigin href="/assets/js/vendor-forms-B--855dw.js">
    <link rel="stylesheet" crossorigin href="/assets/css/index-BB_U0Our.css">
  </head>
  <body>
    <!-- Loading indicator for better UX -->
    <div id="root">
      <div class="page-loader">
        <div class="spinner"></div>
      </div>
    </div>
  </body>
</html>
