1<!DOCTYPE html> 2<html lang="fr"><head> 3 <meta charset="UTF-8"> 4 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 5 6 <!-- Preconnect MUST be first for early connection establishment --> 7 <link rel="preconnect" href="https://fonts.googleapis.com"> 8 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin=""> 9 <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" /></noscript> 10 11 <!-- Preload critical hero image with high priority --> 12 <link rel="preload" as="image" href="/images/hero-professional.webp" fetchpriority="high" type="image/webp" imagesizes="100vw"> 13 14 <!-- Prefetch critical JS chunk --> 15 16 <!-- Non-blocking font loading --> 17 <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" media="print" onload="this.media='all'" crossorigin=""> 18 19 <!-- Inline critical font-face fallback --> 20 <style> 21 @font-face { 22 font-family: 'Inter'; 23 font-style: normal; 24 font-weight: 400 700; 25 font-display: swap; 26 src: local('Inter'), local('Inter-Regular'); 27 } 28 </style> 29 30 <title>SuperFleet - Gestion de Flotte Intelligente | Géolocalisation & Télématique</title> 31 <meta name="description" content="SuperFleet par Geoloc Systems - Plateforme française de gestion de flotte automobile. Géolocalisation GPS, maintenance préventive, conformité réglementaire. Essai gratuit."> 32 <meta name="author" content="SuperFleet by Geoloc Systems"> 33 <meta name="keywords" content="gestion flotte, géolocalisation GPS, télématique, maintenance flotte, SuperFleet, Geoloc Systems"> 34 35 <!-- Open Graph / Facebook --> 36 <meta property="og:type" content="website"> 37 <meta property="og:url" content="https://www.geoloc-systems.com/"> 38 <meta property="og:title" content="SuperFleet - Gestion de Flotte Intelligente"> 39 <meta property="og:description" content="Plateforme française de gestion de flotte automobile. Optimisez vos opérations, réduisez vos coûts, sécurisez votre flotte."> 40 <meta property="og:image" content="https://www.geoloc-systems.com/og-image.jpg"> 41 <meta property="og:site_name" content="SuperFleet"> 42 <meta property="og:locale" content="fr_FR"> 43 44 <!-- Twitter --> 45 <meta name="twitter:card" content="summary_large_image"> 46 <meta name="twitter:url" content="https://www.geoloc-systems.com/"> 47 <meta name="twitter:title" content="SuperFleet - Gestion de Flotte Intelligente"> 48 <meta name="twitter:description" content="Plateforme française de gestion de flotte automobile. Optimisez vos opérations, réduisez vos coûts."> 49 <meta name="twitter:image" content="https://www.geoloc-systems.com/og-image.jpg"> 50 <meta name="twitter:site" content="@SuperFleetFR"> 51 52 <!-- Canonical --> 53 <link rel="canonical" href="https://www.geoloc-systems.com/"> 54 55 <!-- Favicons - SVG prioritized for sharpness (v2 cache bust) --> 56 <link rel="icon" href="/favicon.svg?v=2" type="image/svg+xml" sizes="any"> 57 <link rel="shortcut icon" href="/favicon.svg?v=2" type="image/svg+xml"> 58 <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png?v=2"> 59 <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png?v=2"> 60 <link rel="icon" type="image/png" href="/favicon.png?v=2"> 61 <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png?v=2"> 62
62<script type="module" crossorigin="" src="/assets/index-DYoJWJmF.js"></script>
62 63 <link rel="modulepreload" crossorigin="" href="/assets/vendor-react-Cz1DU43D.js"> 64 <link rel="modulepreload" crossorigin="" href="/assets/vendor-ui-Cclu5fKw.js"> 65 <link rel="stylesheet" crossorigin="" href="/assets/index-CTmkxiGO.css"> 66 <style type="text/css">:where(html[dir="ltr"]),:where([data-sonner-toaster][dir="ltr"]){--toast-icon-margin-start: -3px;--toast-icon-margin-end: 4px;--toast-svg-margin-start: -1px;--toast-svg-margin-end: 0px;--toast-button-margin-start: auto;--toast-button-margin-end: 0;--toast-close-button-start: 0;--toast-close-button-end: unset;--toast-close-button-transform: translate(-35%, -35%)}:where(html[dir="rtl"]),:where([data-sonner-toaster][dir="rtl"]){--toast-icon-margin-start: 4px;--toast-icon-margin-end: -3px;--toast-svg-margin-start: 0px;--toast-svg-margin-end: -1px;--toast-button-margin-start: 0;--toast-button-margin-end: auto;--toast-close-button-start: unset;--toast-close-button-end: 0;--toast-close-button-transform: translate(35%, -35%)}:where([data-sonner-toaster]){position:fixed;width:var(--width);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;--gray1: hsl(0, 0%, 99%);--gray2: hsl(0, 0%, 97.3%);--gray3: hsl(0, 0%, 95.1%);--gray4: hsl(0, 0%, 93%);--gray5: hsl(0, 0%, 90.9%);--gray6: hsl(0, 0%, 88.7%);--gray7: hsl(0, 0%, 85.8%);--gray8: hsl(0, 0%, 78%);--gray9: hsl(0, 0%, 56.1%);--gray10: hsl(0, 0%, 52.3%);--gray11: hsl(0, 0%, 43.5%);--gray12: hsl(0, 0%, 9%);--border-radius: 8px;box-sizing:border-box;padding:0;margin:0;list-style:none;outline:none;z-index:999999999}:where([data-sonner-toaster][data-x-position="right"]){right:max(var(--offset),env(safe-area-inset-right))}:where([data-sonner-toaster][data-x-position="left"]){left:max(var(--offset),env(safe-area-inset-left))}:where([data-sonner-toaster][data-x-position="center"]){left:50%;transform:translate(-50%)}:where([data-sonner-toaster][data-y-position="top"]){top:max(var(--offset),env(safe-area-inset-top))}:where([data-sonner-toaster][data-y-position="bottom"]){bottom:max(var(--offset),env(safe-area-inset-bottom))}:where([data-sonner-toast]){--y: translateY(100%);--lift-amount: calc(var(--lift) * var(--gap));z-index:var(--z-index);position:absolute;opacity:0;transform:var(--y);filter:blur(0);touch-action:none;transition:transform .4s,opacity .4s,height .4s,box-shadow .2s;box-sizing:border-box;outline:none;overflow-wrap:anywhere}:where([data-sonner-toast][data-styled="true"]){padding:16px;background:var(--normal-bg);border:1px solid var(--normal-border);color:var(--normal-text);border-radius:var(--border-radius);box-shadow:0 4px 12px #0000001a;width:var(--width);font-size:13px;display:flex;align-items:center;gap:6px}:where([data-sonner-toast]:focus-visible){box-shadow:0 4px 12px #0000001a,0 0 0 2px #0003}:where([data-sonner-toast][data-y-position="top"]){top:0;--y: translateY(-100%);--lift: 1;--lift-amount: calc(1 * var(--gap))}:where([data-sonner-toast][data-y-position="bottom"]){bottom:0;--y: translateY(100%);--lift: -1;--lift-amount: calc(var(--lift) * var(--gap))}:where([data-sonner-toast]) :where([data-description]){font-weight:400;line-height:1.4;color:inherit}:where([data-sonner-toast]) :where([data-title]){font-weight:500;line-height:1.5;color:inherit}:where([data-sonner-toast]) :where([data-icon]){display:flex;height:16px;width:16px;position:relative;justify-content:flex-start;align-items:center;flex-shrink:0;margin-left:var(--toast-icon-margin-start);margin-right:var(--toast-icon-margin-end)}:where([data-sonner-toast][data-promise="true"]) :where([data-icon])>svg{opacity:0;transform:scale(.8);transform-origin:center;animation:sonner-fade-in .3s ease forwards}:where([data-sonner-toast]) :where([data-icon])>*{flex-shrink:0}:where([data-sonner-toast]) :where([data-icon]) svg{margin-left:var(--toast-svg-margin-start);margin-right:var(--toast-svg-margin-end)}:where([data-sonner-toast]) :where([data-content]){display:flex;flex-direction:column;gap:2px}[data-sonner-toast][data-styled=true] [data-button]{border-radius:4px;padding-left:8px;padding-right:8px;height:24px;font-size:12px;color:var(--normal-bg);background:var(--normal-text);margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end);border:none;cursor:pointer;outline:none;display:flex;align-items:center;flex-shrink:0;transition:opacity .4s,box-shadow .2s}:where([data-sonner-toast]) :where([data-button]):focus-visible{box-shadow:0 0 0 2px #0006}:where([data-sonner-toast]) :where([data-button]):first-of-type{margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end)}:where([data-sonner-toast]) :where([data-cancel]){color:var(--normal-text);background:rgba(0,0,0,.08)}:where([data-sonner-toast][data-theme="dark"]) :where([data-cancel]){background:rgba(255,255,255,.3)}:where([data-sonner-toast]) :where([data-close-button]){position:absolute;
66left:var(--toast-close-button-start);right:var(--toast-close-button-end);top:0;height:20px;width:20px;display:flex;justify-content:center;align-items:center;padding:0;background:var(--gray1);color:var(--gray12);border:1px solid var(--gray4);transform:var(--toast-close-button-transform);border-radius:50%;cursor:pointer;z-index:1;transition:opacity .1s,background .2s,border-color .2s}:where([data-sonner-toast]) :where([data-close-button]):focus-visible{box-shadow:0 4px 12px #0000001a,0 0 0 2px #0003}:where([data-sonner-toast]) :where([data-disabled="true"]){cursor:not-allowed}:where([data-sonner-toast]):hover :where([data-close-button]):hover{background:var(--gray2);border-color:var(--gray5)}:where([data-sonner-toast][data-swiping="true"]):before{content:"";position:absolute;left:0;right:0;height:100%;z-index:-1}:where([data-sonner-toast][data-y-position="top"][data-swiping="true"]):before{bottom:50%;transform:scaleY(3) translateY(50%)}:where([data-sonner-toast][data-y-position="bottom"][data-swiping="true"]):before{top:50%;transform:scaleY(3) translateY(-50%)}:where([data-sonner-toast][data-swiping="false"][data-removed="true"]):before{content:"";position:absolute;inset:0;transform:scaleY(2)}:where([data-sonner-toast]):after{content:"";position:absolute;left:0;height:calc(var(--gap) + 1px);bottom:100%;width:100%}:where([data-sonner-toast][data-mounted="true"]){--y: translateY(0);opacity:1}:where([data-sonner-toast][data-expanded="false"][data-front="false"]){--scale: var(--toasts-before) * .05 + 1;--y: translateY(calc(var(--lift-amount) * var(--toasts-before))) scale(calc(-1 * var(--scale)));height:var(--front-toast-height)}:where([data-sonner-toast])>*{transition:opacity .4s}:where([data-sonner-toast][data-expanded="false"][data-front="false"][data-styled="true"])>*{opacity:0}
66:where([data-sonner-toast][data-visible="false"]){opacity:0;pointer-events:none}:where([data-sonner-toast][data-mounted="true"][data-expanded="true"]){--y: translateY(calc(var(--lift) * var(--offset)));height:var(--initial-height)}:where([data-sonner-toast][data-removed="true"][data-front="true"][data-swipe-out="false"]){--y: translateY(calc(var(--lift) * -100%));opacity:0}:where([data-sonner-toast][data-removed="true"][data-front="false"][data-swipe-out="false"][data-expanded="true"]){--y: translateY(calc(var(--lift) * var(--offset) + var(--lift) * -100%));opacity:0}:where([data-sonner-toast][data-removed="true"][data-front="false"][data-swipe-out="false"][data-expanded="false"]){--y: translateY(40%);opacity:0;transition:transform .5s,opacity .2s}:where([data-sonner-toast][data-removed="true"][data-front="false"]):before{height:calc(var(--initial-height) + 20%)}[data-sonner-toast][data-swiping=true]{transform:var(--y) translateY(var(--swipe-amount, 0px));transition:none}[data-sonner-toast][data-swipe-out=true][data-y-position=bottom],[data-sonner-toast][data-swipe-out=true][data-y-position=top]{animation:swipe-out .2s ease-out forwards}@keyframes swipe-out{0%{transform:translateY(calc(var(--lift) * var(--offset) + var(--swipe-amount)));opacity:1}to{transform:translateY(calc(var(--lift) * var(--offset) + var(--swipe-amount) + var(--lift) * -100%));opacity:0}}@media (max-width: 600px){[data-sonner-toaster]{position:fixed;--mobile-offset: 16px;right:var(--mobile-offset);left:var(--mobile-offset);width:100%}[data-sonner-toaster] [data-sonner-toast]{left:0;right:0;width:calc(100% - var(--mobile-offset) * 2)}[data-sonner-toaster][data-x-position=left]{left:var(--mobile-offset)}[data-sonner-toaster][data-y-position=bottom]{bottom:20px}[data-sonner-toaster][data-y-position=top]{top:20px}[data-sonner-toaster][data-x-position=center]{left:var(--mobile-offset);right:var(--mobile-offset);transform:none}}[data-sonner-toaster][data-theme=light]{--normal-bg: #fff;--normal-border: var(--gray4);--normal-text: var(--gray12);--success-bg: hsl(143, 85%, 96%);--success-border: hsl(145, 92%, 91%);--success-text: hsl(140, 100%, 27%);--info-bg: hsl(208, 100%, 97%);--info-border: hsl(221, 91%, 91%);--info-text: hsl(210, 92%, 45%);--warning-bg: hsl(49, 100%, 97%);--warning-border: hsl(49, 91%, 91%);--warning-text: hsl(31, 92%, 45%);--error-bg: hsl(359, 100%, 97%);--error-border: hsl(359, 100%, 94%);--error-text: hsl(360, 100%, 45%)}[data-sonner-toaster][data-theme=light] [data-sonner-toast][data-invert=true]{--normal-bg: #000;--normal-border: hsl(0, 0%, 20%);--normal-text: var(--gray1)}[data-sonner-toaster][data-theme=dark] [data-sonner-toast][data-invert=true]{--normal-bg: #fff;--normal-border: var(--gray3);--normal-text: var(--gray12)}[data-sonner-toaster][data-theme=dark]{--normal-bg: #000;--normal-border: hsl(0, 0%, 20%);--normal-text: var(--gray1);--success-bg: hsl(150, 100%, 6%);--success-border: hsl(147, 100%, 12%);--success-text: hsl(150, 86%, 65%);--info-bg: hsl(215, 100%, 6%);--info-border: hsl(223, 100%, 12%);--info-text: hsl(216, 87%, 65%);--warning-bg: hsl(64, 100%, 6%);--warning-border: hsl(60, 100%, 12%);--warning-text: hsl(46, 87%, 65%);--error-bg: hsl(358, 76%, 10%);--error-border: hsl(357, 89%, 16%);--error-text: hsl(358, 100%, 81%)}[data-rich-colors=true][data-sonner-toast][data-type=success],[data-rich-colors=true][data-sonner-toast][data-type=success] [data-close-button]{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}[data-rich-colors=true][data-sonner-toast][data-type=info],[data-rich-colors=true][data-sonner-toast][data-type=info] [data-close-button]{background:var(--info-bg);border-color:var(--info-border);color:var(--info-text)}[data-rich-colors=true][data-sonner-toast][data-type=warning],[data-rich-colors=true][data-sonner-toast][data-type=warning] [data-close-button]{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}[data-rich-colors=true][data-sonner-toast][data-type=error],[data-rich-colors=true][data-sonner-toast][data-type=error] [data-close-button]{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}.sonner-loading-wrapper{--size: 16px;height:var(--size);width:var(--size);position:absolute;inset:0;z-index:10}.sonner-loading-wrapper[data-visible=false]{transform-origin:center;animation:sonner-fade-out .2s ease forwards}.sonner-spinner{position:relative;top:50%;left:50%;height:var(--size);width:var(--size)}.sonner-loading-bar{animation:sonner-spin 1.2s linear infinite;background:var(--gray11);border-radius:6px;height:8%;left:-10%;position:absolute;top:-3.9%;width:24%}.sonner-loading-bar:nth-child(1){animation-delay:-1.2s;transform:rotate(.0001deg) translate(146%)}.sonner-loading-bar:nth-child(2){animation-delay:-1.1s;transform:rotate(30deg) translate(146%)}.sonner-loading-bar:nth-child(3){animation-delay:-1s;transform:rotate(60deg) translate(146%)}.sonner-loading-bar:nth-child(4){animation-delay:-.9s;transform:rotate(90deg) translate(146%)}.sonner-loading-bar:nth-child(5){animation-delay:-.8s;transform:rotate(120deg) translate(146%)}.sonner-loading-bar:nth-child(6){animation-delay:-.7s;transform:rotate(150deg) translate(146%)}.sonner-loading-bar:nth-child(7){animation-delay:-.6s;transform:rotate(180deg) translate(146%)}.sonner-loading-bar:nth-child(8){animation-delay:-.5s;transform:rotate(210deg) translate(146%)}.sonner-loading-bar:nth-child(9){animation-delay:-.4s;transform:rotate(240deg) translate(146%)}.sonner-loading-bar:nth-child(10){animation-delay:-.3s;transform:rotate(270deg) translate(146%)}.sonner-loading-bar:nth-child(11){animation-delay:-.2s;transform:rotate(300deg) translate(146%)}.sonner-loading-bar:nth-child(12){animation-delay:-.1s;transform:rotate(330deg) translate(146%)}@keyframes sonner-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes sonner-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@keyframes sonner-spin{0%{opacity:1}to{opacity:.15}}@media (prefers-reduced-motion){[data-sonner-toast],[data-sonner-toast]>*,.sonner-loading-bar{transition:none!important;animation:none!important}}.sonner-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transform-origin:center;transition:opacity .2s,transform .2s}.sonner-loader[data-visible=false]{opacity:0;transform:scale(.8) translate(-50%,-50%)} 67</style></head> 68 69 <body> 70 <div id="root" data-prerendered="true"><div class="min-h-screen bg-background"><div class="min-h-screen flex flex-col bg-white"><header class="bg-white border-b sticky top-0 z-50"><div class="container mx-auto px-4 py-3"><div class="flex justify-between items-center"><a class="flex items-center" href="/"><div class="flex items-center justify-center rounded bg-primary p-1.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-ship-wheel w-6 h-6 text-primary-foreground"><circle cx="12" cy="12" r="8"></circle><path d="M12 2v7.5"></path><path d="m19 5-5.23 5.23"></path><path d="M22 12h-7.5"></path><path d="m19 19-5.23-5.23"></path><path d="M12 14.5V22"></path><path d="M10.23 13.77 5 19"></path><path d="M9.5 12H2"></path><path d="M10.23 10.23 5 5"></path><circle cx="12" cy="12" r="2.5"></circle></svg></div><div class="flex flex-col ml-2"><span class="font-bold text-xl text-foreground">SuperFleet</span><span class="text-xs italic leading-tight -mt-0.5 text-primary">By Geoloc</span></div></a><nav class="hidden lg:flex items-center space-x-6"><div class="relative"><button class="flex items-center space-x-1 text-slate-700 hover:text-slate-900 transition-colors font-medium py-6"><span>Plateforme</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-4 w-4 transition-transform duration-200"><path d="m6 9 6 6 6-6"></path></svg></button></div><div class="relative"><button class="flex items-center space-x-1 text-slate-700 hover:text-slate-900 transition-colors font-medium py-6"><span>Ressources</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-4 w-4 transition-transform duration-200"><path d="m6 9 6 6 6-6"></path></svg></button></div><div class="relative"><button class="flex items-center space-x-1 text-slate-700 hover:text-slate-900 transition-colors font-medium py-6"><span>Entreprise</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-4 w-4 transition-transform duration-200"><path d="m6 9 6 6 6-6"></path></svg></button></div><a class="text-slate-700 hover:text-slate-900 transition-colors font-medium" href="/use-cases">Cas d'usage</a><a class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 bg-primary text-primary-foreground hover:bg-primary/90 shadow-sm h-10 px-4 py-2 ml-4" href="/demo">Demander une démo</a></nav><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 hover:bg-accent hover:text-accent-foreground h-10 w-10 lg:hidden" aria-label="Ouvrir le menu"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-menu h-5 w-5"><line x1="4" x2="20" y1="12" y2="12"></line><line x1="4" x2="20" y1="6" y2="6"></line><line x1="4" x2="20" y1="18" y2="18"></line></svg></button></div></div></header><main class="flex-1"><section class="relative bg-gray-50 py-16 lg:py-24 overflow-hidden"><div class="container mx-auto px-4"><div class="max-w-7xl mx-auto"><div class="relative bg-slate-800 rounded-3xl overflow-hidden min-h-[600px] lg:min-h-[700px]"><div class="absolute inset-0"><img src="/assets/hero-professional-CJJSHens.webp" alt="SuperFleet - Gestion de flotte professionnelle" class="w-full h-full object-cover opacity-90" width="1200" height="700" loading="eager" fetchpriority="high" decoding="async"><div class="absolute inset-0 bg-gradient-to-r from-slate-900/95 via-slate-900/70 to-slate-900/30"></div></div><div class="relative z-10 flex items-center min-h-[600px] lg:min-h-[700px]"><div class="max-w-3xl px-8 lg:px-16 py-12"><div class="inline-flex items-center rounded-full border text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 mb-6 text-white border-white/30 bg-white/10 px-4 py-2">à Propos de Geoloc Systems</div><h1 class="text-4xl lg:text-5xl xl:text-6xl font-bold text-white leading-tight mb-6">Nous révolutionnons la gestion de flotte.</h1><p class="text-lg lg:text-xl text-gray-200 leading-relaxed mb-8 max-w-2xl">Depuis 2003, Geoloc Systems accompagne les entreprises dans l'optimisation de leur flotte automobile. En 2025, nous lançons SuperFleet : une plateforme nouvelle génération conçue pour répondre aux défis de l'électrification, des nouvelles normes et de l'intelligence artificielle.</p><div class="flex flex-col sm:flex-row gap-4"><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 shadow-sm h-10 bg-white text-slate-900 hover:bg-gray-100 font-semibold px-8 py-3 text-lg">Nous contacter<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right ml-2 h-5 w-5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></button><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 border border-white/40 bg-transparent text-white hover:bg-white/15 hover:text-white backdrop-blur-sm transition-colors h-10 font-semibold px-8 py-3 text-lg">Essayer gratuitement</button></div></div></div></div></div></div></section><section class="py-20"><div class="container mx-auto px-4"><div class="grid grid-cols-1 lg:grid-cols-2 gap-16 items-center"><div><div class="inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 mb-6 text-primary border-primary/30 bg-primary/5">Notre Mission</div><h2 class="text-4xl font-bold text-foreground mb-6">Simplifier la gestion de flotte pour un avenir plus durable</h2><p class="text-lg text-muted-foreground leading-relaxed mb-8">Nous croyons que la technologie peut transformer la façon dont les entreprises gèrent leur flotte. Notre mission est de fournir des outils intelligents qui réduisent les coûts, améliorent la sécurité et minimisent l'impact environnemental.</p><div class="grid grid-cols-2 gap-6"><div class="text-center"><div class="text-3xl font-bold text-primary mb-2">1000+</div><div class="text-sm text-muted-foreground">Entreprises clientes</div></div><div class="text-center"><div class="text-3xl font-bold text-primary mb-2">25K+</div><div class="text-sm text-muted-foreground">Véhicules gérés</div></div><div class="text-center"><div class="text-3xl font-bold text-primary mb-2">15Mâ¬</div><div class="text-sm text-muted-foreground">Ãconomies générées</div></div><div class="text-center"><div class="text-3xl font-bold text-primary mb-2">98%</div><div class="text-sm text-muted-foreground">Satisfaction client</div></div></div></div><div class="relative bg-gradient-to-br from-primary/5 via-white to-secondary/5 rounded-3xl p-8 lg:p-12 overflow-hidden border border-border/30"><div class="grid grid-cols-1 lg:grid-cols-2 gap-8 lg:gap-12 items-center"><div><div class="inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 mb-4 text-primary border-primary/30 bg-primary/5">Vision 2025</div><h3 class="text-2xl lg:text-3xl font-bold mb-4 text-foreground">Devenir la référence européenne</h3><p class="text-muted-foreground mb-8 leading-relaxed">Notre ambition : accompagner la transformation numérique et écologique des flottes d'entreprise à l'échelle européenne. Avec plus de 100 000 véhicules connectés et une présence dans 10 pays, SuperFleet s'impose comme le partenaire de confiance des gestionnaires de flotte exigeants.</p><div class="grid grid-cols-2 gap-4"><div class="text-center p-4 rounded-xl bg-white/60 backdrop-blur-sm border border-border/30 shadow-sm"><div class="text-3xl lg:text-4xl font-bold text-primary mb-1">100K+</div><div class="text-sm text-muted-foreground font-medium">Véhicules connectés</div></div><div class="text-center p-4 rounded-xl bg-white/60 backdrop-blur-sm border border-border/30 shadow-sm"><div class="text-3xl lg:text-4xl font-bold text-primary mb-1">10</div><div class="text-sm text-muted-foreground font-medium">Pays européens</div></div><div class="text-center p-4 rounded-xl bg
70-white/60 backdrop-blur-sm border border-border/30 shadow-sm"><div class="text-3xl lg:text-4xl font-bold text-primary mb-1">50K+</div><div class="text-sm text-muted-foreground font-medium">Utilisateurs actifs</div></div><div class="text-center p-4 rounded-xl bg-white/60 backdrop-blur-sm border border-border/30 shadow-sm"><div class="text-3xl lg:text-4xl font-bold text-primary mb-1">99.9%</div><div class="text-sm text-muted-foreground font-medium">Disponibilité</div></div></div></div><div class="flex justify-center"><div class="relative w-full aspect-square max-w-md mx-auto"><svg viewBox="0 0 320 320" class="w-full h-full" style="filter: drop-shadow(rgba(0, 0, 0, 0.1) 0px 4px 20px);"><circle cx="160" cy="160" r="140" fill="hsl(var(--primary) / 0.05)" stroke="hsl(var(--primary) / 0.1)" stroke-width="1"></circle><circle cx="160" cy="160" r="100" fill="none" stroke="hsl(var(--primary) / 0.08)" stroke-width="1" stroke-dasharray="4 4"></circle><circle cx="160" cy="160" r="60" fill="none" stroke="hsl(var(--primary) / 0.1)" stroke-width="1" stroke-dasharray="4 4"></circle><line x1="145" y1="165" x2="160" y2="120" stroke="hsl(var(--primary) / 0.3)" stroke-width="1.5" stroke-dasharray="1px 1px" opacity="1" pathLength="1" stroke-dashoffset="0px"></line><line x1="145" y1="165" x2="175" y2="175" stroke="hsl(var(--primary) / 0.3)" stroke-width="1.5" stroke-dasharray="1px 1px" opacity="1" pathLength="1" stroke-dashoffset="0px"></line><line x1="145" y1="165" x2="195" y2="130" stroke="hsl(var(--primary) / 0.3)" stroke-width="1.5" stroke-dasharray="1px 1px" opacity="1" pathLength="1" stroke-dashoffset="0px"></line><line x1="145" y1="165" x2="105" y2="220" stroke="hsl(var(--primary) / 0.3)" stroke-width="1.5" stroke-dasharray="1px 1px" opacity="1" pathLength="1" stroke-dashoffset="0px"></line><line x1="145" y1="165" x2="210" y2="195" stroke="hsl(var(--primary) / 0.3)" stroke-width="1.5" stroke-dasharray="1px 1px" opacity="1" pathLength="1" stroke-dashoffset="0px"></line><line x1="145" y1="165" x2="70" y2="210" stroke="hsl(var(--primary) / 0.3)" stroke-width="1.5" stroke-dasharray="1px 1px" opacity="1" pathLength="1" stroke-dashoffset="0px"></line><line x1="145" y1="165" x2="165" y2="100" stroke="hsl(var(--primary) / 0.3)" stroke-width="1.5" stroke-dasharray="1px 1px" opacity="1" pathLength="1" stroke-dashoffset="0px"></line><line x1="145" y1="165" x2="170" y2="135" stroke="hsl(var(--primary) / 0.3)" stroke-width="1.5" stroke-dasharray="1px 1px" opacity="1" pathLength="1" stroke-dashoffset="0px"></line><line x1="145" y1="165" x2="220" y2="160" stroke="hsl(var(--primary) / 0.3)" stroke-width="1.5" stroke-dasharray="1px 1px" opacity="1" pathLength="1" stroke-dashoffset="0px"></line><g><circle cx="145" cy="165" r="20" fill="hsl(var(--primary) / 0.2)" opacity="0.16736179757572245" style="transform: scale(1.26569); transform-origin: 50% 50%; transform-box: fill-box;"></circle><circle cx="145" cy="165" r="15" fill="hsl(var(--primary) / 0.3)" opacity="0.3231910292961402" style="transform: scale(0.976809); transform-origin: 50% 50%; transform-box: fill-box;"></circle><circle cx="145" cy="165" r="12" fill="hsl(var(--primary))" stroke="white" stroke-width="3" opacity="1" style="filter: drop-shadow(rgba(0, 0, 0, 0.2) 0px 2px 4px); transform: none; transform-origin: 50% 50%; transform-box: fill-box;"></circle><text x="145" y="193" text-anchor="middle" class="text-xs font-medium fill-foreground" opacity="1">France</text></g><g><circle cx="160" cy="120" r="8" fill="hsl(var(--secondary))" stroke="white" stroke-width="3" opacity="1" style="filter: drop-shadow(rgba(0, 0, 0, 0.2) 0px 2px 4px); transform: none; transform-origin: 50% 50%; transform-box: fill-box;"></circle><text x="160" y="142" text-anchor="middle" class="text-xs font-medium fill-foreground" opacity="1">Belgique</text></g><g><circle cx="175" cy="175" r="8" fill="hsl(var(--secondary))" stroke="white" stroke-width="3" opacity="1" style="filter: drop-shadow(rgba(0, 0, 0, 0.2) 0px 2px 4px); transform: none; transform-origin: 50% 50%; transform-box: fill-box;"></circle><text x="175" y="197" text-anchor="middle" class="text-xs font-medium fill-foreground" opacity="1">Suisse</text></g><g><circle cx="195" cy="130" r="8" fill="hsl(var(--secondary))" stroke="white" stroke-width="3" opacity="1" style="filter: drop-shadow(rgba(0, 0, 0, 0.2) 0px 2px 4px); transform: none; transform-origin: 50% 50%; transform-box: fill-box;"></circle><text x="195" y="152" text-anchor="middle" class="text-xs font-medium fill-foreground" opacity="1">Allemagne</text></g><g><circle cx="105" cy="220" r="8" fill="hsl(var(--secondary))" stroke="white" stroke-width="3" opacity="1" style="filter: drop-shadow(rgba(0, 0, 0, 0.2) 0px 2px 4px); transform: none; transform-origin: 50% 50%; transform-box: fill-box;"></circle><text x="105" y="242" text-anchor="middle" class="text-xs font-medium fill-foreground" opacity="1">Espagne</text></g><g><circle cx="210" cy="195" r="8" fill="hsl(var(--secondary))" stroke="white" stroke-width="3" opacity="1" style="filter: drop-shadow(rgba(0, 0, 0, 0.2) 0px 2px 4px); transform: none; transform-origin: 50% 50%; transform-box: fill-box;"></circle><text x="210" y="217" text-anchor="middle" class="text-xs font-medium fill-foreground" opacity="1">Italie</text></g><g><circle cx="70" cy="210" r="8" fill="hsl(var(--secondary))" stroke="white" stroke-width="3" opacity="1" style="filter: drop-shadow(rgba(0, 0, 0, 0.2) 0px 2px 4px); transform: none; transform-origin: 50% 50%; transform-box: fill-box;"></circle><text x="70" y="232" text-anchor="middle" class="text-xs font-medium fill-foreground" opacity="1">Portugal</text></g><g><circle cx="165" cy="100" r="8" fill="hsl(var(--secondary))" stroke="white" stroke-width="3" opacity="1" style="filter: drop-shadow(rgba(0, 0, 0, 0.2) 0px 2px 4px); transform: none; transform-origin: 50% 50%; transform-box: fill-box;"></circle><text x="165" y="122" text-anchor="middle" class="text-xs font-medium fill-foreground" opacity="1">Pays-Bas</text></g><g><circle cx="170" cy="135" r="8" fill="hsl(var(--secondary))" stroke="white" stroke-width="3" opacity="1" style="filter: drop-shadow(rgba(0, 0, 0, 0.2) 0px 2px 4px); transform: none; transform-origin: 50% 50%; transform-box: fill-box;"></circle><text x="170" y="157" text-anchor="middle" class="text-xs font-medium fill-foreground" opacity="1">Luxembourg</text></g><g><circle cx="220" cy="160" r="8" fill="hsl(var(--secondary))" stroke="white" stroke-width="3" opacity="1" style="filter: drop-shadow(rgba(0, 0, 0, 0.2) 0px 2px 4px); transform: none; transform-origin: 50% 50%; transform-box: fill-box;"></circle><text x="220" y="182" text-anchor="middle" class="text-xs font-medium fill-foreground" opacity="1">Autriche</text></g><g transform="translate(20, 280)"><circle cx="8" cy="8" r="6" fill="hsl(var(--primary))"></circle><text x="20" y="12" class="text-xs fill-muted-foreground">Siège France</text><circle cx="8" cy="28" r="5" fill="hsl(var(--secondary))"></circle><text x="20" y="32" class="text-xs fill-muted-foreground">Expansion 2025</text></g></svg><div class="absolute inset-0 bg-gradient-to-t from-background/20 to-transparent pointer-events-none rounded-full"></div></div></div></div></div></div></div></section><section class="py-20 bg-gradient-to-br from-slate-50 to-white"><div class="container mx-auto px-4"><div class="text-center mb-16"><div class="inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 mb-6 text-primary border-primary/30 bg-primary/5">Pourquoi SuperFleet en 2025 ?</div><h2 class="text-4xl font-bold text-foreground mb-6">Un marché en pleine mutation</h2><p class="text-xl text-muted-foreground max-w-3xl mx-auto">Ces trois transformations majeures redéfinissent la gestion de flotte. SuperFleet est conçu pour les accompagner.</p></div><div class="grid grid-cols-1 lg:grid-cols-3 gap-8 max-w-6xl mx-auto"><div style="opacity: 0; transform: translateY(20px);"><div class="rounded-lg border bg-card text-card-foreground shadow-sm h-full p-6 hover:shadow-lg transition-all duration-300 hover:-translate-y-1 border-t-4 border-blue-500/30">
70<div class="w-14 h-14 rounded-xl bg-blue-500/10 flex items-center justify-center mb-6"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-scale w-7 h-7 text-blue-600"><path d="m16 16 3-8 3 8c-.87.65-1.92 1-3 1s-2.13-.35-3-1Z"></path><path d="m2 16 3-8 3 8c-.87.65-1.92 1-3 1s-2.13-.35-3-1Z"></path><path d="M7 21h10"></path><path d="M12 3v18"></path><path d="M3 7h2c2 0 5-1 7-2 2 1 5 2 7 2h2"></path></svg></div><h3 class="text-xl font-bold mb-4">Loi LOM & Nouvelles normes</h3><p class="text-muted-foreground mb-6">La Loi d'Orientation des Mobilités impose de nouvelles obligations aux gestionnaires de flotte : ZFE-m, quotas de véhicules propres, reporting environnemental.</p><ul class="space-y-3"><li class="flex items-start gap-3 text-sm"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check w-5 h-5 text-blue-600 flex-shrink-0 mt-0.5"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg><span class="text-muted-foreground">ZFE-m : restrictions croissantes dans les métropoles</span></li><li class="flex items-start gap-3 text-sm"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check w-5 h-5 text-blue-600 flex-shrink-0 mt-0.5"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg><span class="text-muted-foreground">Quotas VE : 10% en 2024, 20% en 2027, 40% en 2030</span></li><li class="flex items-start gap-3 text-sm"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check w-5 h-5 text-blue-600 flex-shrink-0 mt-0.5"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg><span class="text-muted-foreground">Vignette Crit'Air obligatoire</span></li></ul></div></div><div style="opacity: 0; transform: translateY(20px);"><div class="rounded-lg border bg-card text-card-foreground shadow-sm h-full p-6 hover:shadow-lg transition-all duration-300 hover:-translate-y-1 border-t-4 border-green-500/30"><div class="w-14 h-14 rounded-xl bg-green-500/10 flex items-center justify-center mb-6"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-battery-charging w-7 h-7 text-green-600"><path d="M15 7h1a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2h-2"></path><path d="M6 7H4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h1"></path><path d="m11 7-3 5h4l-3 5"></path><line x1="22" x2="22" y1="11" y2="13"></line></svg></div><h3 class="text-xl font-bold mb-4">Ãlectrification des flottes</h3><p class="text-muted-foreground mb-6">La transition vers l'électrique transforme en profondeur la gestion de flotte : nouvelles compétences, infrastructure de recharge, optimisation du TCO.</p><ul class="space-y-3"><li class="flex items-start gap-3 text-sm"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check w-5 h-5 text-green-600 flex-shrink-0 mt-0.5"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg><span class="text-muted-foreground">Bornes de recharge à planifier</span></li><li class="flex items-start gap-3 text-sm"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check w-5 h-5 text-green-600 flex-shrink-0 mt-0.5"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg><span class="text-muted-foreground">Autonomie et temps de charge à anticiper</span></li><li class="flex items-start gap-3 text-sm"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check w-5 h-5 text-green-600 flex-shrink-0 mt-0.5"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg><span class="text-muted-foreground">TCO à optimiser (énergie, maintenance réduite)</span></li></ul></div></div><div style="opacity: 0; transform: translateY(20px);"><div class="rounded-lg border bg-card text-card-foreground shadow-sm h-full p-6 hover:shadow-lg transition-all duration-300 hover:-translate-y-1 border-t-4 border-violet-500/30">
70<div class="w-14 h-14 rounded-xl bg-violet-500/10 flex items-center justify-center mb-6"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-brain w-7 h-7 text-violet-600"><path d="M12 5a3 3 0 1 0-5.997.125 4 4 0 0 0-2.526 5.77 4 4 0 0 0 .556 6.588A4 4 0 1 0 12 18Z"></path><path d="M12 5a3 3 0 1 1 5.997.125 4 4 0 0 1 2.526 5.77 4 4 0 0 1-.556 6.588A4 4 0 1 1 12 18Z"></path><path d="M15 13a4.5 4.5 0 0 1-3-4 4.5 4.5 0 0 1-3 4"></path><path d="M17.599 6.5a3 3 0 0 0 .399-1.375"></path><path d="M6.003 5.125A3 3 0 0 0 6.401 6.5"></path><path d="M3.477 10.896a4 4 0 0 1 .585-.396"></path><path d="M19.938 10.5a4 4 0 0 1 .585.396"></path><path d="M6 18a4 4 0 0 1-1.967-.516"></path><path d="M19.967 17.484A4 4 0 0 1 18 18"></path></svg></div><h3 class="text-xl font-bold mb-4">Intelligence Artificielle</h3><p class="text-muted-foreground mb-6">L'IA révolutionne l'analyse des données véhicules : maintenance prédictive, détection d'anomalies, optimisation des trajets en temps réel.</p><ul class="space-y-3"><li class="flex items-start gap-3 text-sm"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check w-5 h-5 text-violet-600 flex-shrink-0 mt-0.5"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg><span class="text-muted-foreground">Maintenance prédictive : anticiper les pannes</span></li><li class="flex items-start gap-3 text-sm"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check w-5 h-5 text-violet-600 flex-shrink-0 mt-0.5"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg><span class="text-muted-foreground">Analyse comportementale des conducteurs</span></li><li class="flex items-start gap-3 text-sm"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check w-5 h-5 text-violet-600 flex-shrink-0 mt-0.5"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg><span class="text-muted-foreground">Optimisation des itinéraires et du carburant</span></li></ul></div></div></div><div class="mt-12 text-center"><p class="text-lg text-muted-foreground italic max-w-3xl mx-auto">"Face aux mutations profondes du secteur, Geoloc Systems a conçu SuperFleet : une plateforme pensée pour accompagner les gestionnaires de flotte dans cette nouvelle ère."</p></div></div></section><section class="py-20 bg-gradient-to-br from-primary/5 to-secondary/5"><div class="container mx-auto px-4"><div class="text-center mb-16"><div class="inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 mb-6 text-primary border-primary/30 bg-primary/5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-cpu w-4 h-4 mr-2 inline"><rect width="16" height="16" x="4" y="4" rx="2"></rect><rect width="6" height="6" x="9" y="9" rx="1"></rect><path d="M15 2v2"></path><path d="M15 20v2"></path><path d="M2 15h2"></path><path d="M2 9h2"></path><path d="M20 15h2"></path><path d="M20 9h2"></path><path d="M9 2v2"></path><path d="M9 20v2"></path></svg>L'Innovation en Action</div><h2 class="text-4xl font-bold text-foreground mb-6">L'innovation au cÅur de notre ADN</h2><p class="text-xl text-muted-foreground max-w-3xl mx-auto">Nos équipes lors d'un atelier IA & Gestion de Flotte pour les professionnels. Innovation, collaboration et passion technologique définissent notre quotidien.</p></div><div class="grid grid-cols-1 lg:grid-cols-2 gap-8 max-w-6xl mx-auto"><div class="relative group overflow-hidden rounded-2xl shadow-xl"><img src="/assets/atelier-innovation-1-gilaVA56.webp" alt="L'équipe Geoloc Systems lors d'un atelier innovation IA et gestion de flotte" class="w-full h-80 object-cover group-hover:scale-105 transition-transform duration-500" width="600" height="320" loading="lazy" decoding="async"><div class="absolute inset-0 bg-gradient-to-t from-black/70 via-black/20 to-transparent"></div><div class="absolute bottom-0 left-0 right-0 p-6 text-white"><h3 class="text-xl font-bold mb-2">Atelier Innovation IA</h3><p class="text-white/80 text-sm">Samia, Mustapha et Clément animent un atelier sur l'intelligence artificielle appliquée à la gestion de flotte pour les professionnels du transport.</p></div></div><div class="relative group overflow-hidden rounded-2xl shadow-xl"><img src="/assets/atelier-innovation-2-CyKBrg4T.webp" alt="Reflet créatif de l'équipe durant l'atelier innovation" class="w-full h-80 object-cover group-hover:scale-105 transition-transform duration-500" width="600" height="320" loading="lazy" decoding="async"><div class="absolute inset-0 bg-gradient-to-t from-black/70 via-black/20 to-transparent"></div><div class="absolute bottom-0 left-0 right-0 p-6 text-white"><h3 class="text-xl font-bold mb-2">Perspectives multiples</h3><p class="text-white/80 text-sm">Notre approche collaborative combine différentes expertises pour créer des solutions innovantes et adaptées aux besoins terrain.</p></div></div></div><div class="mt-12 text-center"><div class="inline-flex items-center gap-8 bg-white/80 backdrop-blur-sm rounded-2xl px-8 py-6 shadow-lg"><div class="text-center"><div class="text-2xl font-bold text-primary">12+</div><div class="text-sm text-muted-foreground">Ateliers/an</div></div><div class="w-px h-12 bg-border"></div><div class="text-center"><div class="text-2xl font-bold text-primary">100%</div><div class="text-sm text-muted-foreground">Made in France</div></div><div class="w-px h-12 bg-border"></div><div class="text-center"><div class="text-2xl font-bold text-primary">R&D</div><div class="text-sm text-muted-foreground">Continue</div></div></div></div></div></section><section class="py-20 bg-gray-50/50"><div class="container mx-auto px-4"><div class="text-center mb-16"><h2 class="text-4xl font-bold text-foreground mb-6">Nos valeurs</h2><p class="text-xl text-muted-foreground max-w-3xl mx-auto">
70Les principes qui guident notre action au quotidien et définissent notre culture d'entreprise.</p></div><div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8"><div class="rounded-lg border bg-card text-card-foreground shadow-sm text-center p-6 hover:shadow-lg transition-all duration-300 hover:-translate-y-1"><div class="flex flex-col space-y-1.5 p-6 pb-4"><div class="p-3 rounded-xl bg-primary/10 w-fit mx-auto mb-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-lightbulb w-6 h-6 text-primary"><path d="M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5"></path><path d="M9 18h6"></path><path d="M10 22h4"></path></svg></div><h3 class="font-semibold tracking-tight text-lg">Innovation</h3></div><div class="p-6 pt-0"><p class="text-muted-foreground text-sm leading-relaxed">Nous développons en permanence de nouvelles solutions pour anticiper les besoins futurs de nos clients.</p></div></div><div class="rounded-lg border bg-card text-card-foreground shadow-sm text-center p-6 hover:shadow-lg transition-all duration-300 hover:-translate-y-1"><div class="flex flex-col space-y-1.5 p-6 pb-4"><div class="p-3 rounded-xl bg-primary/10 w-fit mx-auto mb-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart w-6 h-6 text-primary"><path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path></svg></div><h3 class="font-semibold tracking-tight text-lg">Satisfaction client</h3></div><div class="p-6 pt-0"><p class="text-muted-foreground text-sm leading-relaxed">Votre succès est notre priorité. Nous nous engageons à vous offrir la meilleure expérience possible.</p></div></div><div class="rounded-lg border bg-card text-card-foreground shadow-sm text-center p-6 hover:shadow-lg transition-all duration-300 hover:-translate-y-1"><div class="flex flex-col space-y-1.5 p-6 pb-4"><div class="p-3 rounded-xl bg-primary/10 w-fit mx-auto mb-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shield w-6 h-6 text-primary"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"></path></svg></div><h3 class="font-semibold tracking-tight text-lg">Sécurité</h3></div><div class="p-6 pt-0"><p class="text-muted-foreground text-sm leading-relaxed">La protection de vos données et la sécurité de vos opérations sont au cÅur de notre approche.</p></div></div><div class="rounded-lg border bg-card text-card-foreground shadow-sm text-center p-6 hover:shadow-lg transition-all duration-300 hover:-translate-y-1"><div class="flex flex-col space-y-1.5 p-6 pb-4"><div class="p-3 rounded-xl bg-primary/10 w-fit mx-auto mb-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-zap w-6 h-6 text-primary"><path d="M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z"></path></svg></div><h3 class="font-semibold tracking-tight text-lg">Performance</h3></div><div class="p-6 pt-0"><p class="text-muted-foreground text-sm leading-relaxed">Nous optimisons constamment nos solutions pour vous offrir les meilleures performances.</p></div></div></div></div></section><section class="py-20"><div class="container mx-auto px-4"><div class="text-center mb-16"><h2 class="text-4xl font-bold text-foreground mb-6">Notre équipe</h2><p class="text-xl text-muted-foreground max-w-3xl mx-auto">Une équipe passionnée d'experts en technologie, transport et relation client.</p></div><div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-5 ga
70p-8 max-w-7xl mx-auto"><div class="rounded-lg border bg-card text-card-foreground shadow-sm text-center p-6 hover:shadow-lg transition-all duration-300 hover:-translate-y-1 group"><div class="mb-4"><div class="w-24 h-24 mx-auto rounded-full overflow-hidden ring-4 ring-primary/20 group-hover:ring-primary/40 transition-all"><img src="/assets/smael-kessouri-DwHNa0Gz.webp" alt="Smael Kessouri - Co-fondateur & Gérant" class="w-full h-full object-cover" width="96" height="96" loading="lazy" decoding="async"></div></div><h3 class="text-lg font-semibold mb-1">Smael Kessouri</h3><div class="text-primary font-medium text-sm mb-3">Co-fondateur & Gérant</div><p class="text-muted-foreground text-sm">Expert en solutions de géolocalisation et gestion de flotte depuis plus de 23 ans.</p></div><div class="rounded-lg border bg-card text-card-foreground shadow-sm text-center p-6 hover:shadow-lg transition-all duration-300 hover:-translate-y-1 group"><div class="mb-4"><div class="w-24 h-24 mx-auto rounded-full overflow-hidden ring-4 ring-primary/20 group-hover:ring-primary/40 transition-all"><img src="/assets/said-khayat-Dol4aXWj.webp" alt="Said KHAYAT - Co-fondateur & CEO" class="w-full h-full object-cover" width="96" height="96" loading="lazy" decoding="async"></div></div><h3 class="text-lg font-semibold mb-1">Said KHAYAT</h3><div class="text-primary font-medium text-sm mb-3">Co-fondateur & CEO</div><p class="text-muted-foreground text-sm">Spécialiste en développement, innovation et stratégie.</p></div><div class="rounded-lg border bg-card text-card-foreground shadow-sm text-center p-6 hover:shadow-lg transition-all duration-300 hover:-translate-y-1 group"><div class="mb-4"><div class="w-24 h-24 mx-auto rounded-full overflow-hidden ring-4 ring-primary/20 group-hover:ring-primary/40 transition-all"><img src="/assets/samia-makhlouf-portrait-CXsAZlBn.webp" alt="Samia MAKHLOUF - Responsable Commerciale" class="w-full h-full object-cover" width="96" height="96" loading="lazy" decoding="async"></div></div><h3 class="text-lg font-semibold mb-1">Samia MAKHLOUF</h3><div class="text-primary font-medium text-sm mb-3">Responsable Commerciale</div><p class="text-muted-foreground text-sm">Accompagne les entreprises dans l'optimisation de leur gestion de flotte avec passion et expertise.</p></div><div class="rounded-lg border bg-card text-card-foreground shadow-sm text-center p-6 hover:shadow-lg transition-all duration-300 hover:-translate-y-1 group"><div class="mb-4"><div class="w-24 h-24 mx-auto rounded-full overflow-hidden ring-4 ring-primary/20 group-hover:ring-primary/40 transition-all"><img src="/assets/mustapha-kheroua-DHt5NIIF.webp" alt="Mustapha KHEROUA - Chef de Projets" class="w-full h-full object-cover" width="96" height="96" loading="lazy" decoding="async"></div></div><h3 class="text-lg font-semibold mb-1">Mustapha KHEROUA</h3><div class="text-primary font-medium text-sm mb-3">Chef de Projets</div><p class="text-muted-foreground text-sm">Pilote les projets d'intégration télématique et l'innovation produit avec rigueur.</p></div><div class="rounded-lg border bg-card text-card-foreground shadow-sm text-center p-6 hover:shadow-lg transition-all duration-300 hover:-translate-y-1 group"><div class="mb-4"><div class="w-24 h-24 mx-auto rounded-full overflow-hidden ring-4 ring-primary/20 group-hover:ring-primary/40 transition-all"><img src="/assets/clement-noel-BuWq95e7.webp" alt="Clément NOEL - Responsable Télématique" class="w-full h-full object-cover" width="96" height="96" loading="lazy" decoding="async"></div></div><h3 class="text-lg font-semibold mb-1">Clément NOEL</h3><div class="text-primary font-medium text-sm mb-3">Responsable Télématique</div><p class="text-muted-foreground text-sm">Expert en extraction de données véhicules et intégration hardware télématique.</p></div></div></div></section><section class="py-20 bg-gradient-to-br from-slate-900 to-slate-800 text-white"><div class="container mx-auto px-4"><div class="text-center mb-16"><div class="inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 mb-6 text-primary border-primary/30 bg-primary/10"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-wrench w-4 h-4 mr-2 inline"><path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z"></path></svg>Expertise Terrain</div><h2 class="text-4xl font-bold mb-6">Notre expertise : extraire l'intelligence des véhicules</h2><p class="text-xl text-white/70 max-w-3xl mx-auto">Notre équipe technique travaille directement sur les véhicules pour extraire, analyser et exploiter les données télématiques avec précision.</p></div><div class="grid grid-cols-1 lg:grid-cols-2 gap-12 items-center max-w-6xl mx-auto"><div class="relative group overflow-hidden rounded-2xl shadow-2xl"><img src="/assets/expertise-vehicule-JZe_fJPu.webp" alt="Intervention télématique sur véhicule par l'équipe Geoloc Systems" class="w-full h-96 object-cover group-hover:scale-105 transition-transform duration-500" width="600" height="384" loading="lazy" decoding="async"><div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/30 to-transparent"></div><div class="absolute bottom-0 left-0 right-0 p-6"><div class="flex items-center gap-3 mb-3"><div class="px-3 py-1 bg-primary rounded-full text-sm font-medium">Reverse Engineering</div></div><h3 class="text-xl font-bold mb-2">Extraction de données véhicule</h3><p class="text-white/80 text-sm">Clément et Mustapha en intervention pour connecter et extraire les données CAN Bus et OBD-II d'un véhicule professionnel.</p></div></div><div class="space-y-8"><div class="bg-white/10 backdrop-blur-sm rounded-xl p-6"><h3 class="text-xl font-bold mb-4 flex items-center gap-3"><div class="p-2 bg-primary/20 rounded-lg"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-cpu w-5 h-5 text-primary"><rect width="16" height="16" x="4" y="4" rx="2"></rect><rect width="6" height="6" x="9" y="9" rx="1"></rect><path d="M15 2v2"></path><path d="M15 20v2"></path><path d="M2 15h2"></path><path d="M2 9h2"></path><path d="M20 15h2"></path><path d="M20 9h2"></path><path d="M9 2v2"></path><path d="M9 20v2"></path></svg></div>Extraction de données</h3><p class="text-white/70">Nous récupérons les données directement depuis le bus CAN du véhicule : kilométrage, consommation, codes défauts, températures moteur et bien plus.</p></div><div class="bg-white/10 backdrop-blur-sm rounded-xl p-6"><h3 class="text-xl font-bold mb-4 flex items-center gap-3"><div class="p-2 bg-primary/20 rounded-lg"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-wrench w-5 h-5 text-primary"><path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z"></path></svg></div>Intégration hardware</h3><p class="text-white/70">Installation professionnelle de boîtiers télématiques adaptés à chaque type de véhicule, sans impact sur la garantie constructeur.</p></div><div class="bg-white/10 backdrop-blur-sm rounded-xl p-6"><h3 class="text-xl font-bold mb-4 flex items-center gap-3"><div class="p-2 bg-primary/20 rounded-lg"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-target w-5 h-5 text-primary"><circle cx="12" cy="12" r="10"></circle><circle cx="12" cy="12" r="6"></circle><circle cx="12" cy="12" r="2"></circle></svg></div>Analyse en temps réel</h3><p class="text-white/70">Les données sont traitées en temps réel et visualisées dans SuperFleet pour une prise de décision immédiate et éclairée.</p></div></div></div><div class="mt-16 grid grid-cols-2 md:grid-cols-4 gap-8 max-w-4xl mx-auto"><div class="text-center"><div class="text-4xl font-bold text-primary mb-2">200+</div><div class="text-white/60 text-sm">Modèles compatibles</div></div><div class="text-center"><div class="text-4xl font-bold text-primary mb-2">50+</div><div class="text-white/60 text-sm">Paramètres extraits</div></div><div class="text-center"><div class="text-4xl font-bold text-primary mb-2">France</div><div class="text-white/60 text-sm">Hébergement des données</div></div><div class="text-center"><div class="text-4xl font-bold text-primary mb-2">24/7</div><div class="text-white/60 text-sm">Monitoring actif</div></div></div></div></section><section class="py-20 bg-gray-50/50"><div class="container mx-auto px-4"><div class="text-center mb-16"><h2 class="text-4xl font-bold text-foreground mb-6">Notre histoire</h2><p class="text-xl text-muted-foreground max-w-3xl mx-auto">
70Les étapes clés de notre développement depuis la création de SuperFleet.</p></div><div class="max-w-4xl mx-auto"><div class="relative"><div class="absolute left-8 top-0 bottom-0 w-0.5 bg-primary/20"></div><div class="space-y-12"><div class="relative flex items-start gap-6"><div class="w-16 h-16 bg-primary text-white rounded-full flex items-center justify-center font-bold text-sm flex-shrink-0 z-10">2003</div><div class="flex-1 pt-2"><h3 class="text-xl font-semibold mb-2">Création de Geoloc Systems</h3><p class="text-muted-foreground">Fondation de l'entreprise avec une vision : simplifier la gestion de flotte pour les professionnels.</p></div></div><div class="relative flex items-start gap-6"><div class="w-16 h-16 bg-primary text-white rounded-full flex items-center justify-center font-bold text-sm flex-shrink-0 z-10">2008</div><div class="flex-1 pt-2"><h3 class="text-xl font-semibold mb-2">Premiers grands comptes</h3><p class="text-muted-foreground">Déploiement chez des clients majeurs et reconnaissance du marché.</p></div></div><div class="relative flex items-start gap-6"><div class="w-16 h-16 bg-primary text-white rounded-full flex items-center justify-center font-bold text-sm flex-shrink-0 z-10">2015</div><div class="flex-1 pt-2"><h3 class="text-xl font-semibold mb-2">Expansion nationale</h3><p class="text-muted-foreground">Couverture de tout le territoire français avec un réseau d'installateurs agréés.</p></div></div><div class="relative flex items-start gap-6"><div class="w-16 h-16 bg-primary text-white rounded-full flex items-center justify-center font-bold text-sm flex-shrink-0 z-10">2020</div><div class="flex-1 pt-2"><h3 class="text-xl font-semibold mb-2">Intégrateur Gold Teltonika</h3><p class="text-muted-foreground">Reconnaissance internationale de notre expertise technique.</p></div></div><div class="relative flex items-start gap-6"><div class="w-16 h-16 bg-primary text-white rounded-full flex items-center justify-center font-bold text-sm flex-shrink-0 z-10">2025</div><div class="flex-1 pt-2"><h3 class="text-xl font-semibold mb-2">Lancement SuperFleet</h3><p class="text-muted-foreground">Nouvelle plateforme conçue pour l'ère de l'électrification, des normes LOM et de l'intelligence artificielle.</p></div></div></div></div></div></div></section><section class="py-20"><div class="container mx-auto px-4"><div class="text-center mb-16"><div class="flex justify-center mb-8"><img src="/assets/geoloc-systems-logo-BU27GE54.webp" alt="Geoloc Systems" class="h-16 object-contain" width="200" height="64"></div><h2 class="text-4xl font-bold text-foreground mb-6">Reconnaissances & Trophées</h2><p class="text-xl text-muted-foreground max-w-3xl mx-auto">Geoloc Systems est reconnu par l'industrie pour son expertise et ses réalisations.</p></div><div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 max-w-6xl mx-auto"><div class="rounded-lg border bg-card text-card-foreground shadow-sm text-center p-6 hover:shadow-lg transition-all duration-300 hover:-translate-y-1 border-t-4 border-t-yellow-500"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-trophy w-12 h-12 text-yellow-500 mx-auto mb-4"><path d="M6 9H4.5a2.5 2.5 0 0 1 0-5H6"></path><path d="M18 9h1.5a2.5 2.5 0 0 0 0-5H18"></path><path d="M4 22h16"></path><path d="M10 14.66V17c0 .55-.47.98-.97 1.21C7.85 18.75 7 20.24 7 22"></path><path d="M14 14.66V17c0 .55.47.98.97 1.21C16.15 18.75 17 20.24 17 22"></path><path d="M18 2H6v7a6 6 0 0 0 12 0V2Z"></path></svg><h3 class="text-lg font-semibold mb-2">Trophée de la Mobilité</h3><p class="text-muted-foreground text-sm mb-2">Partenariat avec RATP Dev</p><div class="inline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-foreground text-xs">Mobilité Urbaine</div></div><div class="rounded-lg border bg-card text-card-foreground shadow-sm text-center p-6 hover:shadow-lg transition-all duration-300 hover:-translate-y-1 border-t-4 border-t-blue-500"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-globe w-12 h-12 text-blue-500 mx-auto mb-4"><circle cx="12" cy="12" r="10"></circle><path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20"></path><path d="M2 12h20"></path></svg><h3 class="text-lg font-semibold mb-2">Suivi Présidentielles</h3><p class="text-muted-foreground text-sm mb-2">En direct sur iTélé</p><div class="inline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-foreground text-xs">Média National</div></div><div class="rounded-lg border bg-card text-card-foreground shadow-sm text-center p-6 hover:shadow-lg transition-all duration-300 hover:-translate-y-1 border-t-4 border-t-amber-500"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-award w-12 h-12 text-amber-500 mx-auto mb-4"><path d="m15.477 12.89 1.515 8.526a.5.5 0 0 1-.81.47l-3.58-2.687a1 1 0 0 0-1.197 0l-3.586 2.686a.5.5 0 0 1-.81-.469l1.514-8.526"></path><circle cx="12" cy="8" r="6"></circle></svg><h3 class="text-lg font-semibold mb-2">Intégration Gold</h3><p class="text-muted-foreground text-sm mb-2">Meilleur intégrateur Teltonika</p><div class="inline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-foreground text-xs">Télématique</div></div><div class="rounded-lg border bg-card text-card-foreground shadow-sm text-center p-6 hover:shadow-lg transition-all duration-300 hover:-translate-y-1 border-t-4 border-t-green-500"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users w-12 h-12 text-green-500 mx-auto mb-4"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg><h3 class="text-lg font-semibold mb-2">Trophée Adanev</h3><p class="text-muted-foreground text-sm mb-2">Excellence transport scolaire</p><div class="inline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-foreground text-xs">Transport Scolaire</div></div></div></div></section><section class="py-20 bg-gradient-to-br from-slate-50 to-white"><div class="container mx-auto px-4"><div class="text-center mb-16"><div class="inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 mb-6 text-primary border-primary/30 bg-primary/5">Nos Partenaires</div><h2 class="text-4xl font-bold text-foreground mb-6">Un écosystème de partenaires de confiance</h2><p class="text-xl text-muted-foreground max-w-3xl mx-auto">Geoloc Systems collabore avec les leaders de chaque secteur pour vous offrir une solution complète.</p></div><div class="grid grid-cols-2 md:grid-cols-4 gap-6 max-w-5xl mx-auto"><div class="group" style="opacity: 0; transform: scale(0.9);"><div class="rounded-lg border bg-card text-card-foreground shadow-sm p-6 text-center hover:shadow-lg transition-all duration-300 hover:-translate-y-1 h-full flex flex-col items-center justify-center"><div class="h-16 flex items-center justify-center mb-4 transition-transform group-hover:scale-110"><img src="data:image/webp;base64,UklGRooDAABXRUJQVlA4IH4DAAAwFACdASpcAFwAPnk6mEgko6KhKdRpmJAPCWUAVwJJ3DAfqf64vR/6Vr7On67ekdmAHaF3l+B1hT7/fiOGP24/x2fUco/rXEB3lv55xLVADxNs7j1b7BpU
70QA5loRqML/OkrtR9adJ4eEZn0ymom2YwWDITsTmlCWEZSWjsiSFmWlTgPcpfFqNqcN3YEpkJgDk+bJx+s61nmph53Ej9Z3mvI6ToUA5loGxvkAD++/YAzvHvJlwg7i9vhlKPLFnv8Rg45IMWsDetDynxFTznBJZkgTB3xxyJbCT7BH+S1mMpoYUaiQlLOcbZjmqGJ0RxxA7ivWQijqy48qa6Inu8p3+RD1QifbD+k9rG7wb0EOc6WS2imj85SZ3Mr5I7PiKUhknc8/Np0hw7yFJBYXksbUlKIvFqZERR7HqV6xz60lvrwAgsmBRA9SqqeB3Qw2ROE2q3SfNF2p0WJHxAp5QSw9Ovcsf/f7IX/RjK9Og7+QYEP9eaaX+BwFqhquhHaCo/gZMAKt4LSlsWAnigQDALc5fheCDHrxMWrMQQOX7GlNvOI1Jz8He3JxAJH0xuJv/d4MRwgvpzMU9EPA1NcVZPtky+r7V01Z8u23+t63jX+RD5t2bGFsjANg8wxO1ANJ4c0JEPOdQJA4oy5ZG8cybnXx39X1ime/OM8yXR/Fck3zbiTPhUUifsHrM8CPup63+oOLwukDMYHE4xc9VxhUTyBa59Ozfn/2YJuobEoUFv//C2N73y/2jmX/e8RDMvPTyRKEHtHOlf7/v/zuRR6s1g2UprfnCC4BeYxeufmSQEF/9DurT71boPcye5ZOTvfkdISyPZ4MgRWYbvIpchKnAZy8rMnezwpdS+cyE/99kYyPHraGb+HdAX4HZ/rXk0xdyi5Xpl0vqPWZuMDl+bzdZSx/Ztt+emAZBs/5q2UQeWFtM+kvn5ru+uIevxQ6xPCfHjcSdcjfASDbCan9FVeSy6gMt0lC4b/m6h3qKBtxita08+Sg2Zs6P8l8rsFEVvX7HBF72s/2smn/+HruU/C+E3/v1tFJv8HQaJ3N3CvLz0+5AXaG/aNwnit0U9ZaYNX96sUWiy3ZdbAFGCr1dDRlUAVSn/jfhF/Kj7HkfSbiu30gSq0K3d0b7pki2UmV3itViB7uq5vzNPnHJmJIeIOIfLJIq0UsvNVFIUDFwgBqhFAAA=" alt="Microsoft Azure" class="max-h-12 max-w-full object-contain"></div><h3 class="font-semibold text-sm mb-1">Microsoft Azure</h3><div class="inline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-foreground text-xs">Cloud</div></div></div><div class="group" style="opacity: 0; transform: scale(0.9);"><div class="rounded-lg border bg-card text-card-foreground shadow-sm p-6 text-center hover:shadow-lg transition-all duration-300 hover:-translate-y-1 h-full flex flex-col items-center justify-center"><div class="h-16 flex items-center justify-center mb-4 transition-transform group-hover:scale-110"><img src="data:image/webp;base64,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" alt="AWS" class="max-h-12 max-w-full object-contain"></div><h3 class="font-semibold text-sm mb-1">AWS</h3><div class="inline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-foreground text-xs">Cloud</div></div></div><div class="group" style="opacity: 0; transform: scale(0.9);"><div class="rounded-lg border bg-card text-card-foreground shadow-sm p-6 text-center hover:shadow-lg transition-all duration-300 hover:-translate-y-1 h-full flex flex-col items-center justify-center"><div class="h-16 flex items-center justify-center mb-4 transition-transform group-hover:scale-110"><img src="data:image/webp;base64,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" alt="Google Maps" class="max-h-12 max-w-full object-contain"></div><h3 class="font-semibold text-sm mb-1">Google Maps</h3><div class="inline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-foreground text-xs">Cartographie</div></div></div><div class="group" style="opacity: 0; transform: scale(0.9);"><div class="rounded-lg border bg-card text-card-foreground shadow-sm p-6 text-center hover:shadow-lg transition-all duration-300 hover:-translate-y-1 h-full flex flex-col items-center justify-center"><div class="h-16 flex items-center justify-center mb-4 transition-transform group-hover:scale-110"><img src="data:image/webp;base64,UklGRnIHAABXRUJQVlA4IGYHAACQJACdASrPAJQAPnk8mkkkoyKhJbm5CJAPCWNu4XEw9R666h6TzY7d3eRBXalPd8wD9Jdw9/3fSu89DfkuhRuKDQ5fYz5J72cpj2e9hu8A/iv3D8GIRVkZKtBnfkM+tOBl6O48sdP6YdvtnBsdw5Fisgdu1+yvlM8xuNS4AU8OQBzFX9/RNi4N02eaeU48sMYCHS/pgIDIYaSFbUkmkJdunl/RW573+xNonQpmbZsj7wVpiThZkocRJQYG1EJPzYM4lIFuTZk1WPDQsh36cK6W47IoUi5MON/T27a5Vg7vg8IwPyY/IBaAUNMRmxwP7wSblQUVrQAfZGqH+wXzFeAtcOLx9/+gZ+pKRisYffYmSvN5BQh9zhj01rWv5Eh5a8f3J/SkPeCT+mHb7XoAAP7+uV6f/LCPhr83OaX/BpDoVOGDJBhGE3PqA5e8BlqruV0m8YpBWO2lUvH6YKGqVhsidqxcurWHohDAoSqS9EwFmT7tYqI7NTCvCb53DQx9iQ5taCduQC+u2qf4s+oqYQE1NICqUiu0zbBiQ+bODL57FeFof6DJ0wCLA/p5nvwk6R9hexI8ncBODkRdVGXIwSUAE2WBuPaB7m4zJeYSzt8Ec86fdnuDlquL/ypyixkMYvSPaywKdW8AobzZ9LKh5fVumYbUmT5BxsNMssz3qHaH+6W6mv090DVaFOHmSONH5vS53srbN0bf1ThcMq2zni6efRLizrArf6wtS3iHShrELK6V4XkaZ8Hbqxn9MR9GEY5hMir4E2KPFpPeSac+pVYFgr6NUsE7nNIieoxq9F+wIPIdO0E6BjPdyWUC6nPrxfpsMd+CYyhPalYznNca+VbohdTP/P3JRQDC/u9CIy8kJsMKVt+N3L67rNvhO46LE9/byzkcPUWpL2TloD7LS
707EFgSPMJvwqj+pXHDSfgLv8+RiDHvaI9qNkzNhDng92Dj5Ny5maOTIzzCgkZ4EFm2w1OQqK9WFzRI9Rwfhed7AH79U3o3COu5gTXQryAazdk+czdLHMPuZ3Y3MPM4IsK0YoH1Fi1guVZN8YqkT0tmKhzEfTnYmgoZ5R3XEp3dEzIclISD4fFGfnJyzlupSyr9Te5TADXyzE0dKB7Fs49f81XSRAU6QdaaO6CpxoyAepxiBPviiB5+9fKtu56WwOC/Ury+8Az0vt3VkLHecX93Gca1QOLL6KbRm7CiNErk7mtStEuZ10lbnQmlJsM3cy/MdMOMohcpNX4el4uA4Outfvjpkxsu6IxIT6X64tuJ7fP5NHybWvq8wpNkyo0eWgSnTnqxRXGY7FYbyPTeXdJaS9Vfwnnh/BKSOTnWhNaldVroxw3vIrmwUEnUZC01yzTiIzPLp0+a1YHwP+EkZPHUQ2EJ3k+9SWfWA7x9rYYApzI/oMLg7ptJi+2l8vPMd/WBpdVWWyFtNYkCOR6ZURr0feoZ4phiBsC/lGxLxaDiKOx8rs81tDf9Xeq7mF1+LmNLNjc1bmTQ6Dl4Tu9sjec65EDc/HrlLodlW1XPa5VXRfJVGLgfrKuqssohDRFfrHJ80YADlCLCpK5E/TeB1UhK0l7AR2I3YRfyU36Ax0cFFLb7SJGzMH4U+IAplt33h36tAjd5c0C8PPnKrV9Z70HukBXoJUaADN7DKi+9mdJFOQZcYE6apf33GEq6ok4vyMJGSCESIbyTZIg3XJ89x6I6/LyeAFBO1Y4KuVhmfDJg93kLkAPe8M3oqVKGeU8oztcCenunHzNmL+JPAcp/j3hOyEi21Nd82+6L57AeLEiEbnwb10yPiTksPbKt5Qhs88ZiJCMqeJJ9OWszogBCQB0W4rxtZYyoteMlyIHbuehRZf3P5S1TCEIMPK9MJ0TViArE3xa5lSHDzEwYXDa/6fzQqVlOSzDlcW5u8NWf+AWnpXodm9Zixa15XnopUK0HF0njJ4w9tbb1gRE6QbFbRpV9mv3IDbWO/9XWluz/e2fHS6hno6/h3AvXdX4Z+rpBwmzx/KaiveA6KloKRTCjkmO4HWq38i5UDZO1yznyqtf/MyFMSpjz3TiKOfwvS4t5kOCZSRGU4JotpojanNQsx08s86Pz+TrBMvCQBWXKx5Gr7ortgM2BuCwFH4qemLL+fkCimo93ZKCwK9ZxG+RGZp5rAjWAPWEQNNim4eRdmeUnLFAdtG4H0kQFCCO6TRvE3WW8a2RPoZmxkdEd9w1HpjYuRUc8ZgaC7oyuXcS+nJngtTAVS4feEj5fauNIL19g19D02lIBB6o0g+fTenqpjBgwTTyxCKPxI97h7wNBos0JWuk+Cc1v81vCIRHVsiSwREz93nDn0qk7LGHkCOyyIHxxrZ6iXsZ3OyvOwxH20fFXizR+ClEq5n2vmPXXW02EWSwTVEr/Pk8hF6PrTQNqHveVczZEFOHTwji1DmG1FLgEv+yjEfwoujlZ2ACwXEEBPGc4J06czZaosOu59juMPOBvN+Q9acuEyBDZ93NcMRrpKi0igFh+Ksu6Zn1HK6345tmLxAAAAAAAAA" alt="Teltonika" class="max-h-12 max-w-full object-contain"></div><h3 class="font-semibold text-sm mb-1">Teltonika</h3><div class="inline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-foreground text-xs">Télématique</div></div></div><div class="group" style="opacity: 0; transform: scale(0.9);"><div class="rounded-lg border bg-card text-card-foreground shadow-sm p-6 text-center hover:shadow-lg transition-all duration-300 hover:-translate-y-1 h-full flex flex-col items-center justify-center"><div class="h-16 flex items-center justify-center mb-4 transition-transform group-hover:scale-110"><img src="/assets/antai-DLsJjGeq.webp" alt="ANTAI" class="max-h-12 max-w-full object-contain"></div><h3 class="font-semibold text-sm mb-1">ANTAI</h3><div class="inline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-foreground text-xs">Réglementaire</div></div></div><div class="group" style="opacity: 0; transform: scale(0.9);"><div class="rounded-lg border bg-card text-card-foreground shadow-sm p-6 text-center hover:shadow-lg transition-all duration-300 hover:-translate-y-1 h-full flex flex-col items-center justify-center"><div class="h-16 flex items-center justify-center mb-4 transition-transform group-hover:scale-110"><img src="/assets/france-titres-BJw-aoNE.webp" alt="France Titres (SIV)" class="max-h-12 max-w-full object-contain"></div><h3 class="font-semibold text-sm mb-1">France Titres (SIV)</h3><div class="inline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-foreground text-xs">Réglementaire</div></div></div><div class="group" style="opacity: 0; transform: scale(0.9);"><div class="rounded-lg border bg-card text-card-foreground shadow-sm p-6 text-center hover:shadow-lg transition-all duration-300 hover:-translate-y-1 h-full flex flex-col items-center justify-center"><div class="h-16 flex items-center justify-center mb-4 transition-transform group-hover:scale-110"><img src="/assets/bpifrance-DA6z1Ftx.webp" alt="Bpifrance" class="max-h-12 max-w-full object-contain"></div><h3 class="font-semibold text-sm mb-1">Bpifrance</h3><div class="inline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-foreground text-xs">Financement</div></div></div><div class="group" style="opacity: 0; transform: scale(0.9);"><div class="rounded-lg border bg-card text-card-foreground shadow-sm p-6 text-center hover:shadow-lg transition-all duration-300 hover:-translate-y-1 h-full flex flex-col items-center justify-center"><div class="h-16 flex items-center justify-center mb-4 transition-transform group-hover:scale-110"><img src="data:image/webp;base64,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" alt="Arval" class="max-h-12 max-w-full object-contain"></div><h3 class="font-semibold text-sm mb-1">Arval</h3><div class="inline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-foreground text-xs">Leasing</div></div></div></div><div class="mt-12 flex flex-wrap justify-center gap-6"><div class="inline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-foreground text-sm">Cloud & Infrastructure</div><div class="inline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-foreground text-sm">Télématique</div><div class="inline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-foreground text-sm">Réglementaire</div><div class="inline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-foreground text-sm">Financement &
70 Leasing</div></div></div></section><section class="py-20 bg-primary text-white"><div class="container mx-auto px-4 text-center"><h2 class="text-4xl font-bold mb-6">Rejoignez l'aventure SuperFleet</h2><p class="text-xl opacity-90 mb-8 max-w-2xl mx-auto">Nous sommes toujours à la recherche de talents passionnés pour renforcer notre équipe.</p><div class="flex flex-col sm:flex-row gap-4 justify-center"><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 bg-secondary text-secondary-foreground hover:bg-secondary/90 shadow-sm h-11 rounded-md px-8 py-4 text-lg">Nous contacter</button><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap font-medium ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 border transition-colors h-11 rounded-md px-8 py-4 text-lg bg-transparent border-white text-white hover:bg-white hover:text-primary">Essayer gratuitement</button></div></div></section></main><footer class="relative overflow-hidden bg-gradient-to-br from-slate-900 via-slate-800 to-slate-900 text-white"><div class="absolute inset-0 pointer-events-none overflow-hidden"><div class="absolute -top-40 -right-40 w-80 h-80 bg-primary/20 rounded-full blur-3xl"></div><div class="absolute -bottom-32 -left-32 w-96 h-96 bg-accent/15 rounded-full blur-3xl"></div><div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[600px] h-[600px] bg-primary/5 rounded-full blur-3xl"></div></div><div class="relative z-10 border-b border-white/10"><div class="container mx-auto px-4 py-10"><div class="grid grid-cols-1 lg:grid-cols-2 gap-8 items-center" style="opacity: 0;"><div class="space-y-4" style="opacity: 0; transform: translateY(30px) scale(0.95);"><h3 class="text-xl font-semibold">Restez informé des actualités flotte</h3><p class="text-white/70 text-sm">Conseils, nouveautés produit et meilleures pratiques â directement dans votre boîte mail.</p><form class="flex gap-2 max-w-md"><input type="email" class="flex h-10 w-full rounded-md border px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm bg-white/10 border-white/20 text-white placeholder:text-white/50 focus:border-primary" placeholder="[email protected]" required="" value=""><button class="inline-flex items-center justify-center whitespace-nowrap text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 bg-primary text-primary-foreground hover:bg-primary/90 shadow-sm h-9 rounded-md px-3 shrink-0 gap-2" type="submit">S'inscrire <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-send w-4 h-4"><path d="M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z"></path><path d="m21.854 2.147-10.94 10.939"></path></svg></button></form></div><div class="flex flex-wrap gap-4 lg:justify-end" style="opacity: 0; transform: translateY(30px) scale(0.95);"><div class="flex items-center gap-2 bg-white/10 backdrop-blur-sm rounded-full px-4 py-2 text-sm"><span class="text-lg">ð«ð·</span><span>Solution 100% française</span></div><div class="flex items-center gap-2 bg-white/10 backdrop-blur-sm rounded-full px-4 py-2 text-sm"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users w-4 h-4 text-primary"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg><span>Support humain en France</span></div><div class="flex items-center gap-2 bg-white/10 backdrop-blur-sm rounded-full px-4 py-2 text-sm"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shield w-4 h-4 text-green-400"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"></path></svg><span>RGPD compliant</span></div></div></div></div></div><div class="container mx-auto px-4 py-12 relative z-10"><div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-8 gap-8 lg:gap-6 items-start" style="opacity: 0;"><div class="col-span-2 md:col-span-3 lg:col-span-2 space-y-4" style="opacity: 0; transform: translateY(30px) scale(0.95);"><div class="flex items-center gap-2"><div class="bg-primary p-1.5 rounded"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-ship-wheel w-6 h-6 text-primary-foreground"><circle cx="12" cy="12" r="8"></circle><path d="M12 2v7.5"></path><path d="m19 5-5.23 5.23"></path><path d="M22 12h-7.5"></path><path d="m19 19-5.23-5.23"></path><path d="M12 14.5V22"></path><path d="M10.23 13.77 5 19"></path><path d="M9.5 12H2"></path><path d="M10.23 10.23 5 5"></path><circle cx="12" cy="12" r="2.5"></circle></svg></div><span class="font-bold text-xl">SuperFleet</span></div><p class="text-white/70 text-sm leading-relaxed">La plateforme de gestion de flotte qui simplifie votre quotidien. Développée par Geoloc Systems.</p><div class="flex gap-3"><a href="https://www.linkedin.com/company/1055716/" target="_blank" rel="noopener noreferrer" aria-label="Suivez SuperFleet sur LinkedIn" class="w-9 h-9 rounded-full bg-white/10 flex items-center justify-center hover:bg-primary transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-linkedin w-4 h-4"><path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"></path><rect width="4" height="12" x="2" y="9"></rect><circle cx="4" cy="4" r="2"></circle></svg></a></div><div class="pt-3 space-y-2 text-xs border-t border-white/10"><a href="mailto:[email protected]" class="flex items-center gap-2 text-white/70 hover:text-primary transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-mail w-3 h-3"><rect width="20" height="16" x="2" y="4" rx="2"></rect><path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"></path></svg>[email protected]</a><a href="tel:+33180875030" class="flex items-center gap-2 text-white/70 hover:text-primary transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-phone w-3 h-3"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path></svg>01 80 87 50 30</a></div></div><div class="space-y-4" style="opacity: 0; transform: translateY(30px) scale(0.95);"><h4 class="font-semibold text-white text-sm">Modules</h4><ul class="space-y-2 text-sm"><li><a class="text-white/70 hover:text-primary transition-colors inline-flex items-center gap-1 group" href="/product/geolocation">Géolocalisation<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 opacity-0 -translate-x-2 group-hover:opacity-100 group-hover:translate-x-0 transition-all"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></li><li><a class="text-white/70 hover:text-primary transition-colors inline-flex items-center gap-1 group" href="/product/maintenance">Gestion de parc<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 opacity-0 -translate-x-2 group-hover:opacity-100 group-hover:translate-x-0 transition-all"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></li><li><a class="text-white/70 hover:text-primary transition-colors inline-flex items-center gap-1 group" href="/product/car-sharing">Autopartage<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 opacity-0 -translate-x-2 group-hover:opacity-100 group-hover:translate-x-0 transition-all"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></li><li><a class="text-white/70 hover:text-primary transition-colors inline-flex items-center gap-1 group" href="/product/ai-assistant">SuperFleet IA<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 opacity-0 -translate-x-2 group-hover:opacity-100 group-hover:translate-x-0 transition-all"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></li></ul></div><div class="space-y-4" style="opacity: 0; transform: translateY(30px) scale(0.95);"><h4 class="font-semibold text-white text-sm">Conformité & RSE</h4><ul class="space-y-2 text-sm"><li><a class="text-white/70 hover:text-primary transition-colors inline-flex items-center gap-1 group" href="/solutions/designation-antai">Désignation ANTAI<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 opacity-0 -translate-x-2 group-hover:opacity-100 group-hover:translate-x-0 transition-all"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></li><li><a class="text-white/70 hover:text-primary transition-colors inline-flex items-center gap-1 group" href="/solutions/loi-lom">Loi LOM & ZFE<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 opacity-0 -translate-x-2 group-hover:opacity-100 group-hover:translate-x-0 transition-all"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></li><li><a class="text-white/70 hover:text-primary transition-colors inline-flex items-center gap-1 group" href="/solutions/verdissement">Verdissement flotte<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 opacity-0 -translate-x-2 group-hover:opacity-100 group-hover:translate-x-0 transition-all"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></li><li><a class="text-white/70 hover:text-primary transition-colors inline-flex items-center gap-1 group" href="/solutions/rse">RSE & Bilan carbone<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 opacity-0 -translate-x-2 group-hover:opacity-100 group-hover:translate-x-0 transition-all"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></li><li><a class="text-white/70 hover:text-primary transition-colors inline-flex items-center gap-1 group" href="/integrations">Intégrations API<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 opacity-0 -translate-x-2 group-hover:opacity-100 group-hover:translate-x-0 transition-all"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></li></ul></div><div class="space-y-4" style="opacity: 0; transform: translateY(30px) scale(0.95);"><h4 class="font-semibold text-white text-sm">
70Matériel</h4><ul class="space-y-2 text-sm"><li><a class="text-white/70 hover:text-primary transition-colors inline-flex items-center gap-1 group" href="/product/telematics-devices">Boîtiers GPS<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 opacity-0 -translate-x-2 group-hover:opacity-100 group-hover:translate-x-0 transition-all"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></li><li><a class="text-white/70 hover:text-primary transition-colors inline-flex items-center gap-1 group" href="/product/accessories-sensors">Accessoires<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 opacity-0 -translate-x-2 group-hover:opacity-100 group-hover:translate-x-0 transition-all"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></li><li><a class="text-white/70 hover:text-primary transition-colors inline-flex items-center gap-1 group" href="/product/tachograph">Tachygraphe<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 opacity-0 -translate-x-2 group-hover:opacity-100 group-hover:translate-x-0 transition-all"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></li><li><a class="text-white/70 hover:text-primary transition-colors inline-flex items-center gap-1 group" href="/product/electric-vehicles">Véhicules électriques<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 opacity-0 -translate-x-2 group-hover:opacity-100 group-hover:translate-x-0 transition-all"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></li><li><a class="text-white/70 hover:text-primary transition-colors inline-flex items-center gap-1 group" href="/product/fleet-ops-cockpit">Bornes de recharge IRVE<span class="px-1.5 py-0.5 text-[9px] font-semibold bg-gradient-to-r from-teal-500 to-cyan-500 text-white rounded-full ml-1">Nouveau</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 opacity-0 -translate-x-2 group-hover:opacity-100 group-hover:translate-x-0 transition-all"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></li></ul></div><div class="space-y-4" style="opacity: 0; transform: translateY(30px) scale(0.95);"><h4 class="font-semibold text-white text-sm">Fonctionnalités</h4><ul class="space-y-2 text-sm"><li><a class="text-white/70 hover:text-primary transition-colors inline-flex items-center gap-1 group" href="/solutions/reporting">Rapports & alertes<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 opacity-0 -translate-x-2 group-hover:opacity-100 group-hover:translate-x-0 transition-all"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></li><li><a class="text-white/70 hover:text-primary transition-colors inline-flex items-center gap-1 group" href="/solutions/compliance">Conformité RGPD<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 opacity-0 -translate-x-2 group-hover:opacity-100 group-hover:translate-x-0 transition-all"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></li><li><a class="text-white/70 hover:text-primary transition-colors inline-flex items-center gap-1 group" href="/solutions/license-check">Vérification permis<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 opacity-0 -translate-x-2 group-hover:opacity-100 group-hover:translate-x-0 transition-all"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></li><li><a class="text-white/70 hover:text-primary transition-colors inline-flex items-center gap-1 group" href="/solutions/workflow">Automatisations<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 opacity-0 -translate-x-2 group-hover:opacity-100 group-hover:translate-x-0 transition-all"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></li><li><a class="text-white/70 hover:text-primary transition-colors inline-flex items-center gap-1 group" href="/solutions/claims">Sinistres & Amendes<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 opacity-0 -translate-x-2 group-hover:opacity-100 group-hover:translate-x-0 transition-all"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></li></ul></div><div class="space-y-4" style="opacity: 0; transform: translateY(30px) scale(0.95);"><h4 class="font-semibold text-white text-sm">Ressources</h4><ul class="space-y-2 text-sm"><li><a class="text-white/70 hover:text-primary transition-colors inline-flex items-center gap-1 group" href="/blog">Blog<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 opacity-0 -translate-x-2 group-hover:opacity-100 group-hover:translate-x-0 transition-all"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></li><li><a class="text-white/70 hover:text-primary transition-colors inline-flex items-center gap-1 group" href="/case-studies">Cas clients<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 opacity-0 -translate-x-2 group-hover:opacity-100 group-hover:translate-x-0 transition-all"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></li><li><a class="text-white/70 hover:text-primary transition-colors inline-flex items-center gap-1 group" href="/support/documentation">Documentation<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 opacity-0 -translate-x-2 group-hover:opacity-100 group-hover:translate-x-0 transition-all"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></li><li><a class="text-white/70 hover:text-primary transition-colors inline-flex items-center gap-1 group" href="/support/help-center">Centre d'aide<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 opacity-0 -translate-x-2 group-hover:opacity-100 group-hover:translate-x-0 transition-all"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></li><li><a class="text-white/70 hover:text-primary transition-colors inline-flex items-center gap-1 group" href="/support/api">API<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 opacity-0 -translate-x-2 group-hover:opacity-100 group-hover:translate-x-0 transition-all"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></li></ul></div><div class="space-y-4" style="opacity: 0; transform: translateY(30px) scale(0.95);"><h4 class="font-semibold text-white text-sm">Entreprise</h4><ul class="space-y-2 text-sm"><li><a class="text-white/70 hover:text-primary transition-colors inline-flex items-center gap-1 group" href="/about">à propos<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 opacity-0 -translate-x-2 group-hover:opacity-100 group-hover:translate-x-0 transition-all"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></li><li><a class="text-white/70 hover:text-primary transition-colors inline-flex items-center gap-1 group" href="/careers">Carrières<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 opacity-0 -translate-x-2 group-hover:opacity-100 group-hover:translate-x-0 transition-all"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></li><li><a class="text-white/70 hover:text-primary transition-colors inline-flex items-center gap-1 group" href="/partners">Partenaires<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 opacity-0 -translate-x-2 group-hover:opacity-100 group-hover:translate-x-0 transition-all"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></li><li><a class="text-white/70 hover:text-primary transition-colors inline-flex items-center gap-1 group" href="/contact">Contact<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 opacity-0 -translate-x-2 group-hover:opacity-100 group-hover:translate-x-0 transition-all"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></li></ul></div></div><div class="border-t border-white/10 mt-10 pt-6 flex flex-col md:flex-row justify-between items-center gap-4" style="opacity: 0;"><p class="text-white/50 text-sm">© 2026 SuperFleet by Geoloc Systems. Tous droits réservés.</p><div class="flex items-center gap-6 text-sm"><a class="text-white/50 hover:text-primary transition-colors" href="/privacy">Confidentialité</a><a class="text-white/50 hover:text-primary transition-colors" href="/terms">CGU</a><a class="text-white/50 hover:text-primary transition-colors" href="/cookies">Cookies</a><a class="text-white/50 hover:text-primary transition-colors" href="/legal">Mentions légales</a></div></div></div></footer></div><div class="fixed bottom-0 left-0 right-0 z-50"><div class="bg-card border-t border-border px-4 py-2.5"><div class="max-w-5xl mx-auto flex items-center justify-between gap-3"><span class="text-sm text-muted-foreground">ðª Ce site utilise des cookies.</span><div class="flex items-center gap-2"><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 bg-primary text-primary-foreground hover:bg-primary/90 shadow-sm rounded-md h-7 text-xs px-3">Accepter</button><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 hover:bg-accent hover:text-accent-foreground rounded-md h-7 text-xs px-3">Refuser</button><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 underline-offset-4 hover:underline rounded-md h-7 text-xs px-2 text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-settings w-3 h-3 mr-1"><path d="M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z"></path><circle cx="12" cy="12" r="3"></circle></svg>Paramètres</button></div></div></div></div></div></div>
71 <!-- IMPORTANT: DO NOT REMOVE THIS SCRIPT TAG OR THIS VERY COMMENT! --> 72 73 74</body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.