<!doctype html>
<html lang="fr">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    
    <!-- SEO Meta Tags -->
    <title>Motolyze | Logiciel d'Estimation Moto par IA pour Professionnels</title>
    <meta name="description" content="Logiciel d'estimation moto par IA pour concessionnaires et négociants. Calculez vos prix de rachat en 30 secondes. Analyse marché, marge optimisée, génération d'annonces automatique." />
    <meta name="keywords" content="logiciel estimation moto, outil concessionnaire moto, prix rachat moto pro, estimation reprise moto, négociant moto, cotation moto professionnelle, IA estimation moto, gestion stock moto" />
    <meta name="author" content="Motolyze" />
    <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1" />
    <meta name="google-site-verification" content="mRsiOagcnL8jkoXuZau1OazGk87KFvkZ1TeQQjn6Wdc" />
    <link rel="canonical" href="https://motolyze.com/fr" />

    <!-- Hreflang for multilingual SEO -->
    <link rel="alternate" hreflang="fr" href="https://motolyze.com/fr" />
    <link rel="alternate" hreflang="en" href="https://motolyze.com/en" />
    <link rel="alternate" hreflang="es" href="https://motolyze.com/es" />
    <link rel="alternate" hreflang="x-default" href="https://motolyze.com/fr" />

    <!-- Open Graph / Facebook -->
    <meta property="og:type" content="website" />
    <meta property="og:url" content="https://motolyze.com/fr" />
    <meta property="og:title" content="Motolyze | Logiciel d'Estimation Moto par IA pour Professionnels" />
    <meta property="og:description" content="Logiciel d'estimation moto par IA pour concessionnaires et négociants. Calculez vos prix de rachat en 30 secondes. Optimisez vos marges et générez des annonces automatiquement." />
    <meta property="og:image" content="https://motolyze.com/og-image.jpg" />
    <meta property="og:image:width" content="1200" />
    <meta property="og:image:height" content="630" />
    <meta property="og:locale" content="fr_FR" />
    <meta property="og:locale:alternate" content="en_US" />
    <meta property="og:locale:alternate" content="es_ES" />
    <meta property="og:site_name" content="Motolyze" />

    <!-- Twitter -->
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:url" content="https://motolyze.com/fr" />
    <meta name="twitter:title" content="Motolyze | Estimation Moto IA pour Pros" />
    <meta name="twitter:description" content="Logiciel d'estimation moto par IA pour concessionnaires. Prix de rachat en 30 secondes, analyse marché temps réel, génération d'annonces." />
    <meta name="twitter:image" content="https://motolyze.com/og-image.jpg" />
    
    <!-- Favicon -->
    <link rel="icon" type="image/x-icon" href="/favicon.ico" />
    <link rel="shortcut icon" href="/favicon.ico" />
    <link rel="apple-touch-icon" href="/favicon.ico" />
    <link rel="manifest" href="/site.webmanifest" />
    
    <!-- Critical Resource Hints -->
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link rel="dns-prefetch" href="//fonts.googleapis.com" />
    <link rel="dns-prefetch" href="//fonts.gstatic.com" />
    
    <!-- Preconnect to Supabase -->
    <link rel="preconnect" href="https://kvoezalnqikjokpmmjuh.supabase.co" />
    <link rel="dns-prefetch" href="//kvoezalnqikjokpmmjuh.supabase.co" />
    
    <!-- Preload critical hero image -->
    <link rel="preload" href="/moto-ia.webp" as="image" type="image/webp" fetchpriority="high" />
    
    <!-- Theme color for mobile browsers -->
    <meta name="theme-color" content="#0f172a" />
    
    <!-- Structured Data - Organization -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "Organization",
      "name": "Motolyze",
      "url": "https://motolyze.com",
      "logo": "https://motolyze.com/Motolyze.svg",
      "description": "Logiciel d'estimation moto par IA pour concessionnaires et négociants. Optimisez vos prix de rachat et générez des annonces automatiquement.",
      "foundingDate": "2024",
      "areaServed": {
        "@type": "Country",
        "name": "France"
      },
      "contactPoint": {
        "@type": "ContactPoint",
        "contactType": "customer service",
        "email": "contact@motolyze.com",
        "availableLanguage": ["French", "English", "Spanish"]
      },
      "sameAs": []
    }
    </script>

    <!-- Structured Data - WebApplication -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "WebApplication",
      "name": "Motolyze",
      "description": "Logiciel d'estimation moto par IA pour concessionnaires et négociants. Calculez vos prix de rachat en 30 secondes. Optimisez vos marges et générez des annonces automatiquement.",
      "url": "https://motolyze.com",
      "applicationCategory": "BusinessApplication",
      "operatingSystem": "Web",
      "browserRequirements": "Requires JavaScript",
      "softwareVersion": "2.0",
      "offers": {
        "@type": "AggregateOffer",
        "lowPrice": "29",
        "highPrice": "149",
        "priceCurrency": "EUR",
        "offerCount": "4"
      },
      "featureList": [
        "Estimation instantanée du prix de rachat moto par IA",
        "Analyse de marché en temps réel pour professionnels",
        "Génération automatique d'annonces optimisées",
        "Données de liquidité et temps de vente estimé",
        "Gestion d'équipe multi-utilisateurs",
        "Support multilingue FR/EN/ES"
      ],
      "screenshot": "https://motolyze.com/og-image.jpg",
      "aggregateRating": {
        "@type": "AggregateRating",
        "ratingValue": "4.8",
        "ratingCount": "50",
        "bestRating": "5",
        "worstRating": "1"
      }
    }
    </script>

    <!-- Critical CSS inline for faster FCP -->
    <style>
      /* Critical CSS - Above the fold styling */
      *,*::before,*::after{box-sizing:border-box}
      html{line-height:1.5;-webkit-text-size-adjust:100%;font-family:system-ui,-apple-system,sans-serif}
      body{margin:0;background-color:#0f172a;color:#fff}
      #root{min-height:100vh}
      .min-h-screen{min-height:100vh}
      .bg-slate-900{background-color:#0f172a}
      .flex{display:flex}
      .items-center{align-items:center}
      .justify-center{justify-content:center}
      /* Loading spinner */
      @keyframes spin{to{transform:rotate(360deg)}}
      .animate-spin{animation:spin 1s linear infinite}
      /* Hero text gradient - Critical for LCP */
      .hero-gradient-text{
        background:linear-gradient(90deg,#ff4802,#2100ff);
        -webkit-background-clip:text;
        -webkit-text-fill-color:transparent;
        background-clip:text;
      }
      /* Hero layout critical */
      .text-5xl{font-size:3rem;line-height:1}
      .text-7xl{font-size:4.5rem;line-height:1}
      .font-extrabold{font-weight:800}
      .tracking-tight{letter-spacing:-0.025em}
      .text-white{color:#fff}
      .text-center{text-align:center}
      .mb-6{margin-bottom:1.5rem}
      .mb-2{margin-bottom:0.5rem}
      .block{display:block}
      .relative{position:relative}
      .absolute{position:absolute}
      .inset-0{top:0;right:0;bottom:0;left:0}
      .blur-2xl{filter:blur(40px)}
      .opacity-60{opacity:0.6}
      @media(min-width:768px){.md\:text-7xl{font-size:4.5rem;line-height:1}}
    </style>
    <script type="module" crossorigin src="/assets/index-75fc05dd.js"></script>
    <link rel="modulepreload" crossorigin href="/assets/qrcode-cf2d9adb.js">
    <link rel="modulepreload" crossorigin href="/assets/react-core-0e4ecfe5.js">
    <link rel="modulepreload" crossorigin href="/assets/pdf-2550e595.js">
    <link rel="modulepreload" crossorigin href="/assets/router-c91e2e78.js">
    <link rel="modulepreload" crossorigin href="/assets/supabase-50d6416a.js">
    <link rel="modulepreload" crossorigin href="/assets/ui-56efaba4.js">
    <link rel="modulepreload" crossorigin href="/assets/icons-4adf191c.js">
    <link rel="preload" href="/assets/index-da50d6d7.css" as="style" onload="this.onload=null;this.rel='stylesheet'" >
<noscript><link rel="stylesheet" href="/assets/index-da50d6d7.css" ></noscript>
  </head>
  <body>
    <!-- Netlify Forms - Hidden form for detection -->
    <form hidden method='post' name='contact'><input type='hidden' name='form-name' value='contact' />
      <input type="text" name="name" />
      <input type="email" name="email" />
      <input type="text" name="subject" />
      <input type="text" name="category" />
      <textarea name="message"></textarea>
    </form>

    <div id="root">
      <!-- Loading spinner - will be replaced by React -->
      <div style="min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:#0f172a">
        <div style="width:40px;height:40px;border:3px solid rgba(255,255,255,0.1);border-top-color:#8b5cf6;border-radius:50%;animation:spin 1s linear infinite"></div>
      </div>
      <style>@keyframes spin{to{transform:rotate(360deg)}}</style>
    </div>
    
  </body>
</html>
