<!DOCTYPE html>
<html lang="fr">

<head>
  <!-- ⚠️ CRITICAL: Safe storage wrapper MUST be first to prevent crashes in restricted environments (Wix iframe) -->
  <script>
    (function () {
      // Create safe storage fallback
      function createSafeStorage() {
        try {
          localStorage.setItem('__test__', 'test');
          localStorage.removeItem('__test__');
          return localStorage;
        } catch (e) {
          try {
            sessionStorage.setItem('__test__', 'test');
            sessionStorage.removeItem('__test__');
            return sessionStorage;
          } catch (e2) {
            // In-memory fallback
            const memory = new Map();
            return {
              getItem: (k) => memory.get(k) || null,
              setItem: (k, v) => memory.set(k, v),
              removeItem: (k) => memory.delete(k),
              clear: () => memory.clear(),
              key: (i) => Array.from(memory.keys())[i] || null,
              get length() { return memory.size; }
            };
          }
        }
      }

      const safeStorage = createSafeStorage();

      // Override global localStorage and sessionStorage
      try {
        Object.defineProperty(window, 'localStorage', {
          get: () => safeStorage,
          configurable: true
        });
        Object.defineProperty(window, 'sessionStorage', {
          get: () => safeStorage,
          configurable: true
        });
      } catch (e) {
        console.warn('Could not override storage');
      }
    })();
  </script>

  <!-- 🔧 WIX FIX: Polyfill LockManager for Supabase compatibility -->
  <script>
    (function () {
      // Check if LockManager is not available (Wix iframe)
      if (typeof navigator !== 'undefined' && !navigator.locks) {
        // Create a no-op LockManager polyfill
        navigator.locks = {
          request: function (name, options, callback) {
            // If callback is in options (2-arg form)
            if (typeof options === 'function') {
              callback = options;
              options = {};
            }
            // Execute callback immediately without actual locking
            return Promise.resolve(callback({ name: name, mode: 'exclusive' }));
          },
          query: function () {
            return Promise.resolve({ held: [], pending: [] });
          }
        };
        console.info('✅ LockManager polyfill installed for Wix compatibility');
      }
    })();
  </script>

  <!-- Métadonnées de base -->
  <meta charset="UTF-8" />
  <!-- 📱 Mobile Viewport: viewport-fit=cover enables safe-area-inset support for iOS -->
  <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />

  <!-- Version de build pour la détection de mises à jour -->
  <meta name="build-time" content="2026-03-02T13:39:23.551Z" />

  <!-- SEO Métadonnées -->
  <title>Bot-One - Chatbots IA Personnalisés pour Entreprises | Solutions Conversationnelles</title>
  <meta name="description"
    content="Créez des chatbots IA personnalisés pour votre entreprise. Design ultra-personnalisé, détection automatique de leads, intégrations CRM. Essai gratuit disponible." />
  <meta name="keywords"
    content="chatbot, intelligence artificielle, IA, assistant virtuel, automatisation, leads, CRM, design personnalisé, mini applications, intégrations" />
  <meta name="author" content="Bot-One" />
  <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1" />

  <!-- Canonical URL -->
  <link rel="canonical" href="https://bot-one.ai/" />

  <!-- Favicon optimisé -->
  <link rel="icon" type="image/png" href="https://i.imgur.com/3tNQA5r.png" />
  <link rel="apple-touch-icon" href="https://i.imgur.com/3tNQA5r.png" />

  <!-- Open Graph / Facebook -->
  <meta property="og:type" content="website" />
  <meta property="og:url" content="https://bot-one.ai/" />
  <meta property="og:title" content="Bot-One - Chatbots IA Personnalisés pour Entreprises" />
  <meta property="og:description"
    content="Créez des chatbots IA personnalisés pour votre entreprise. Design ultra-personnalisé, détection automatique de leads, intégrations CRM." />
  <meta property="og:image" content="https://i.imgur.com/FlblSgO.png" />
  <meta property="og:image:width" content="1200" />
  <meta property="og:image:height" content="630" />
  <meta property="og:site_name" content="Bot-One" />
  <meta property="og:locale" content="fr_FR" />

  <!-- Twitter Card -->
  <meta name="twitter:card" content="summary_large_image" />
  <meta name="twitter:url" content="https://bot-one.ai/" />
  <meta name="twitter:title" content="Bot-One - Chatbots IA Personnalisés" />
  <meta name="twitter:description"
    content="Créez des chatbots IA personnalisés pour votre entreprise. Design ultra-personnalisé, détection automatique de leads." />
  <meta name="twitter:image" content="https://i.imgur.com/FlblSgO.png" />
  <meta name="twitter:creator" content="@BotmakerAgency" />

  <!-- Schema.org JSON-LD pour SEO -->
  <script type="application/ld+json">
      {
        "@context": "https://schema.org",
        "@type": "SoftwareApplication",
        "name": "Bot-One",
        "description": "Plateforme de création de chatbots IA personnalisés pour entreprises avec design ultra-personnalisé, détection de leads et intégrations CRM",
        "url": "https://bot-one.ai",
        "logo": "https://i.imgur.com/FlblSgO.png",
        "applicationCategory": "BusinessApplication",
        "operatingSystem": "Web",
        "offers": {
          "@type": "Offer",
          "price": "0",
          "priceCurrency": "EUR",
          "description": "Plan gratuit disponible"
        },
        "provider": {
          "@type": "Organization",
          "name": "Bot-One",
          "url": "https://bot-one.ai"
        },
        "featureList": [
          "Chatbots IA personnalisés",
          "Design ultra-personnalisé", 
          "Détection automatique de leads",
          "Intégrations CRM",
          "Mini applications",
          "Analytics avancées",
          "Support multilingue"
        ]
      }
    </script>

  <!-- Optimisations de performance -->
  <link rel="preconnect" href="https://fonts.googleapis.com" />
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
  <link rel="preconnect" href="https://images.unsplash.com" />
  <link rel="preconnect" href="https://i.imgur.com" />
  <link rel="dns-prefetch" href="https://assets.calendly.com" />
  <link rel="dns-prefetch" href="https://www.google.com" />

  <!-- Calendly Integration (optimisé avec defer) -->
  <script src="https://assets.calendly.com/assets/external/widget.js" defer></script>

  <!-- reCAPTCHA (optimisé) -->
  <script src="https://www.google.com/recaptcha/api.js" async defer></script>

  <!-- Meta pour les moteurs de recherche -->
  <meta name="theme-color" content="#3B82F6" />
  <meta name="msapplication-TileColor" content="#3B82F6" />
  <meta name="format-detection" content="telephone=no" />
  <script type="module" crossorigin src="/assets/main-iu8eGZRY.js"></script>
  <link rel="modulepreload" crossorigin href="/assets/react-vendor-BfiSj1Fh.js">
  <link rel="modulepreload" crossorigin href="/assets/ui-vendor-D3JuXpSI.js">
  <link rel="stylesheet" crossorigin href="/assets/main-D-48YI5K.css">
</head>

<body>
  <div id="root"></div>
</body>

</html>