<!DOCTYPE html><!--d__8eEuYt5fuGagnY1LJR--><html lang="fr"><head><meta charset="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" as="image" imagesrcset="/_next/image?url=%2Fyouzem-screenshot-1.jpg&w=640&q=75 640w, /_next/image?url=%2Fyouzem-screenshot-1.jpg&w=750&q=75 750w, /_next/image?url=%2Fyouzem-screenshot-1.jpg&w=828&q=75 828w, /_next/image?url=%2Fyouzem-screenshot-1.jpg&w=1080&q=75 1080w, /_next/image?url=%2Fyouzem-screenshot-1.jpg&w=1200&q=75 1200w, /_next/image?url=%2Fyouzem-screenshot-1.jpg&w=1920&q=75 1920w, /_next/image?url=%2Fyouzem-screenshot-1.jpg&w=2048&q=75 2048w, /_next/image?url=%2Fyouzem-screenshot-1.jpg&w=3840&q=75 3840w" imagesizes="100vw"/><link rel="stylesheet" href="/_next/static/chunks/7575c07766f8cf76.css" data-precedence="next"/><link rel="preload" as="script" fetchpriority="low" href="/_next/static/chunks/45f9e93a7f299c0a.js"/><script src="/_next/static/chunks/330faf687a17f9e8.js" async=""></script><script src="/_next/static/chunks/94bde6376cf279be.js" async=""></script><script src="/_next/static/chunks/6740f161f60c6ab5.js" async=""></script><script src="/_next/static/chunks/turbopack-c2f7400708bbb2ad.js" async=""></script><script src="/_next/static/chunks/37032b429df205c0.js" async=""></script><script src="/_next/static/chunks/ff1a16fafef87110.js" async=""></script><script src="/_next/static/chunks/247eb132b7f7b574.js" async=""></script><script src="/_next/static/chunks/6bf637ab0d90db5d.js" async=""></script><script src="/_next/static/chunks/a91864784cd47a16.js" async=""></script><script src="/_next/static/chunks/b1e825d2a09bea5e.js" async=""></script><script async="" src="https://www.googletagmanager.com/gtag/js?id=AW-17709454195"></script><script type="text/javascript" id="hs-script-loader" async="" defer="" src="//js-eu1.hs-scripts.com/147249794.js"></script><link rel="preload" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" as="style"/><link rel="preconnect" href="https://fonts.googleapis.com"/><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="anonymous"/><title>Agence Application Mobile – Développement iOS & Android | CaptainDev</title><meta name="description" content="Agence de développement d'applications mobiles sur mesure. Équipe senior iOS & Android. MVP en 30 jours, code source 100% à vous. Devis gratuit en 24h."/><meta name="author" content="CaptainDev"/><meta name="keywords" content="agence application mobile, agence développement application mobile, agence création application mobile, développement app mobile, application mobile iOS, application mobile Android"/><link rel="canonical" href="https://www.captaindev.fr"/><meta property="og:title" content="Agence Application Mobile – Développement iOS & Android"/><meta property="og:description" content="Agence de développement d'applications mobiles sur mesure. Équipe senior iOS & Android. MVP en 30 jours, code source 100% à vous."/><meta property="og:locale" content="fr_FR"/><meta property="og:type" content="website"/><meta name="twitter:card" content="summary"/><meta name="twitter:title" content="Agence Application Mobile – Développement iOS & Android"/><meta name="twitter:description" content="Agence de développement d'applications mobiles sur mesure. Équipe senior iOS & Android. MVP en 30 jours, code source 100% à vous."/><link rel="icon" href="/icon.png?icon.f5c4ec9a.png" sizes="512x232" type="image/png"/><link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet"/><script type="text/javascript">
(function(c,l,a,r,i,t,y){
c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
})(window, document, "clarity", "script", "u1wv8r3cf4");
</script><script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'AW-17709454195');
</script><script src="/_next/static/chunks/a6dad97d9634a72d.js" nomodule=""></script></head><body class="antialiased"><div hidden=""><!--$--><!--/$--></div><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><!--/$--><!--$--><!--/$--><header class="fixed top-0 w-full bg-white shadow-lg z-50"><nav class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"><div class="flex justify-between md:justify-between items-center h-20 relative"><div class="flex-shrink-0 md:static absolute left-1/2 -translate-x-1/2 md:translate-x-0"><a href="/" class="block"><img alt="CaptainDev" loading="lazy" width="192" height="48" decoding="async" data-nimg="1" class="h-12 w-auto" style="color:transparent" srcset="/_next/image?url=%2Flogo.png&w=256&q=75 1x, /_next/image?url=%2Flogo.png&w=384&q=75 2x" src="/_next/image?url=%2Flogo.png&w=384&q=75"/></a></div><div class="hidden md:flex items-center space-x-8"><a href="/#services" class="text-gray-900 hover:text-primary transition-colors font-medium">Expertises</a><a href="/#team" class="text-gray-900 hover:text-primary transition-colors font-medium">Équipe</a><a href="/#comment-ca-marche" class="text-gray-900 hover:text-primary transition-colors font-medium">Méthode</a><a href="/#references" class="text-gray-900 hover:text-primary transition-colors font-medium">Références</a><a href="/#simulateur" class="btn-primary hover:scale-105 transition-transform">Estimer mon projet →</a></div><div class="md:hidden"><button class="text-gray-900 hover:text-primary focus:outline-none"><svg class="h-6 w-6" fill="none" viewbox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path></svg></button></div></div></nav></header><main><section class="pt-32 pb-12 md:pb-20 px-4 sm:px-6 lg:px-8 bg-black text-white relative overflow-hidden"><img alt="CaptainDev flying" loading="lazy" width="160" height="160" decoding="async" data-nimg="1" class="fixed top-20 md:top-1/3 w-24 md:w-40 h-auto z-50 pointer-events-none" style="color:transparent;transform:scaleX(1)" srcset="/_next/image?url=%2Fmascot-fly.png&w=256&q=75 1x, /_next/image?url=%2Fmascot-fly.png&w=384&q=75 2x" src="/_next/image?url=%2Fmascot-fly.png&w=384&q=75"/><div class="max-w-6xl mx-auto"><div class="grid grid-cols-1 lg:grid-cols-[280px_1fr] gap-8 lg:gap-12 items-start"><div class="hidden lg:block"><div class="bg-white p-3 rounded-lg border border-yellow-500/40 shadow-xl max-w-[260px] -rotate-6 hover:rotate-0 transition-transform duration-500"><div class="relative mb-2"><div class="absolute -top-2 -right-2 bg-red-600 text-white px-3 py-1 rounded-full text-xs font-bold rotate-12 z-10">NOUVEAU</div><img alt="La Grande Arnaque des Apps Mobiles" loading="lazy" width="260" height="380" decoding="async" data-nimg="1" class="rounded transition-transform duration-500 hover:scale-105 w-full" style="color:transparent" srcset="/_next/image?url=%2Fbook-cover.png&w=384&q=75 1x, /_next/image?url=%2Fbook-cover.png&w=640&q=75 2x" src="/_next/image?url=%2Fbook-cover.png&w=640&q=75"/></div><div class="space-y-2 mt-4"><p class="text-gray-700 text-sm"><span class="text-yellow-600 font-semibold">Notre livre</span> révèle les secrets du développement mobile que personne ne vous dira.</p><p class="text-gray-600 text-sm">Mouad & Hamza partagent 10 ans d'expertise pour vous éviter les pièges coûteux.</p><p class="text-yellow-600 text-sm italic font-medium">Bientôt en précommande sur Amazon</p></div></div></div><div class="text-center lg:text-left flex flex-col"><div><h1 class="text-4xl sm:text-5xl lg:text-6xl font-bold leading-tight text-white mb-6">L'agence qui transforme votre idée en application mobile à succès</h1><p class="mt-6 text-gray-200 max-w-3xl mx-auto text-lg md:text-xl leading-relaxed">Développement d'applications mobiles premium iOS et Android. Le top 1% des développeurs vous livre une app clé en main en 30 jours.</p><div class="mt-8 flex flex-col sm:flex-row gap-4 justify-center items-center"><button class="inline-flex items-center rounded-xl bg-primary text-black px-8 py-4 font-semibold shadow-lg hover:scale-105 transition-transform text-lg" aria-label="Estimer mon projet">Estimer mon projet →</button><a href="#contact" class="inline-flex items-center rounded-xl border-2 border-primary/70 px-6 py-4 text-lg text-primary hover:bg-primary hover:text-black transition font-semibold">Discutons de votre projet</a></div><div class="mt-4 text-sm text-gray-200">⚡ Première version en 30 jours · 💬 Devis en 24h · ✓ Sans engagement</div></div><div class="mt-12 grid grid-cols-2 md:grid-cols-4 gap-4 md:gap-6"><button class="rounded-xl bg-neutral-900 border border-neutral-800 py-5 px-3 hover:border-primary/50 transition-all hover:scale-105 cursor-pointer" aria-label="Voir nos références - Ans d'expérience"><div class="text-2xl md:text-3xl font-bold text-primary mb-1">10+</div><div class="text-xs md:text-sm text-gray-100">Ans d'expérience</div></button><button class="rounded-xl bg-neutral-900 border border-neutral-800 py-5 px-3 hover:border-primary/50 transition-all hover:scale-105 cursor-pointer" aria-label="Voir nos références - Projets livrés"><div class="text-2xl md:text-3xl font-bold text-primary mb-1">100+</div><div class="text-xs md:text-sm text-gray-100">Projets livrés</div></button><button class="rounded-xl bg-neutral-900 border border-neutral-800 py-5 px-3 hover:border-primary/50 transition-all hover:scale-105 cursor-pointer" aria-label="Voir nos références - Démo livrée / semaine"><div class="text-2xl md:text-3xl font-bold text-primary mb-1">1</div><div class="text-xs md:text-sm text-gray-100">Démo livrée / semaine</div></button><button class="rounded-xl bg-neutral-900 border border-neutral-800 py-5 px-3 hover:border-primary/50 transition-all hover:scale-105 cursor-pointer" aria-label="Voir nos références - Première version livrée"><div class="text-2xl md:text-3xl font-bold text-primary mb-1">30j</div><div class="text-xs md:text-sm text-gray-100">Première version livrée</div></button></div></div></div></div></section><section class="py-12 bg-white lg:hidden"><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"><div class="flex justify-center"><div class="bg-gradient-to-br from-gray-50 to-gray-100 p-4 rounded-lg border border-yellow-500/40 shadow-xl w-full max-w-sm"><div class="relative mb-2"><div class="absolute -top-2 -right-2 bg-red-600 text-white px-3 py-1 rounded-full text-xs font-bold rotate-12 z-10">NOUVEAU</div><img alt="La Grande Arnaque des Apps Mobiles" loading="lazy" width="320" height="468" decoding="async" data-nimg="1" class="rounded transition-transform duration-500 hover:scale-105 w-full" style="color:transparent" srcset="/_next/image?url=%2Fbook-cover.png&w=384&q=75 1x, /_next/image?url=%2Fbook-cover.png&w=640&q=75 2x" src="/_next/image?url=%2Fbook-cover.png&w=640&q=75"/></div><div class="space-y-3 mt-4"><p class="text-gray-700 text-sm"><span class="text-yellow-600 font-semibold">Notre livre</span> révèle les secrets du développement mobile que personne ne vous dira.</p><p class="text-gray-600 text-sm">Mouad & Hamza partagent 10 ans d'expertise pour vous éviter les pièges coûteux.</p><p class="text-yellow-600 text-sm italic font-medium">Bientôt en précommande sur Amazon</p></div></div></div></div></section><section id="clients" class="py-12 md:py-16 bg-white"><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"><div class="text-center mb-10 md:mb-12"><h2 class="text-3xl md:text-4xl font-bold text-gray-900 mb-4">Ils nous font confiance</h2></div><div class="flex flex-wrap items-center justify-center gap-x-6 gap-y-10 md:gap-x-12 md:gap-y-12"><button class="flex items-center justify-center opacity-70 hover:opacity-100 transition-all hover:scale-110 w-[calc(33.333%-1rem)] md:w-auto cursor-pointer" aria-label="Voir nos références pour YOUZEM"><img alt="YOUZEM" loading="lazy" width="130" height="65" decoding="async" data-nimg="1" class="object-contain h-12 md:h-16 w-auto" style="color:transparent;max-width:100px" srcset="/_next/image?url=%2Flogos%2Fyouzem.png&w=256&q=75 1x, /_next/image?url=%2Flogos%2Fyouzem.png&w=384&q=75 2x" src="/_next/image?url=%2Flogos%2Fyouzem.png&w=384&q=75"/></button><button class="flex items-center justify-center opacity-70 hover:opacity-100 transition-all hover:scale-110 w-[calc(33.333%-1rem)] md:w-auto cursor-pointer" aria-label="Voir nos références pour STATION F"><img alt="STATION F" loading="lazy" width="130" height="65" decoding="async" data-nimg="1" class="object-contain h-12 md:h-16 w-auto" style="color:transparent;max-width:100px" srcset="/_next/image?url=%2Flogos%2FLogo_STATION_F.svg.png&w=256&q=75 1x, /_next/image?url=%2Flogos%2FLogo_STATION_F.svg.png&w=384&q=75 2x" src="/_next/image?url=%2Flogos%2FLogo_STATION_F.svg.png&w=384&q=75"/></button><button class="flex items-center justify-center opacity-70 hover:opacity-100 transition-all hover:scale-110 w-[calc(33.333%-1rem)] md:w-auto cursor-pointer" aria-label="Voir nos références pour CIRCL"><img alt="CIRCL" loading="lazy" width="130" height="65" decoding="async" data-nimg="1" class="object-contain h-12 md:h-16 w-auto" style="color:transparent;max-width:100px" src="/logos/circl-logo.svg"/></button><button class="flex items-center justify-center opacity-70 hover:opacity-100 transition-all hover:scale-110 w-[calc(33.333%-1rem)] md:w-auto cursor-pointer" aria-label="Voir nos références pour APRIUM"><img alt="APRIUM" loading="lazy" width="130" height="65" decoding="async" data-nimg="1" class="object-contain h-12 md:h-16 w-auto" style="color:transparent;max-width:100px" src="/logos/logo-aprium-pharmacie.svg"/></button><button class="flex items-center justify-center opacity-70 hover:opacity-100 transition-all hover:scale-110 w-[calc(33.333%-1rem)] md:w-auto cursor-pointer" aria-label="Voir nos références pour MIBE GROUP"><img alt="MIBE GROUP" loading="lazy" width="130" height="65" decoding="async" data-nimg="1" class="object-contain h-12 md:h-16 w-auto" style="color:transparent;max-width:100px" srcset="/_next/image?url=%2Flogos%2Fmibe_group_logo%20(1).jpeg&w=256&q=75 1x, /_next/image?url=%2Flogos%2Fmibe_group_logo%20(1).jpeg&w=384&q=75 2x" src="/_next/image?url=%2Flogos%2Fmibe_group_logo%20(1).jpeg&w=384&q=75"/></button><button class="flex items-center justify-center opacity-70 hover:opacity-100 transition-all hover:scale-110 w-[calc(33.333%-1rem)] md:w-auto cursor-pointer" aria-label="Voir nos références pour GOODCUT"><img alt="GOODCUT" loading="lazy" width="130" height="65" decoding="async" data-nimg="1" class="object-contain h-12 md:h-16 w-auto" style="color:transparent;max-width:100px" srcset="/_next/image?url=%2Flogos%2Fgoodcut_logo.jpeg&w=256&q=75 1x, /_next/image?url=%2Flogos%2Fgoodcut_logo.jpeg&w=384&q=75 2x" src="/_next/image?url=%2Flogos%2Fgoodcut_logo.jpeg&w=384&q=75"/></button><button class="flex items-center justify-center opacity-70 hover:opacity-100 transition-all hover:scale-110 w-[calc(33.333%-1rem)] md:w-auto cursor-pointer" aria-label="Voir nos références pour PAGES JAUNES"><img alt="PAGES JAUNES" loading="lazy" width="130" height="65" decoding="async" data-nimg="1" class="object-contain h-12 md:h-16 w-auto" style="color:transparent;max-width:100px" srcset="/_next/image?url=%2Flogos%2Fpagesjaunes_sa_logo%20(1).jpeg&w=256&q=75 1x, /_next/image?url=%2Flogos%2Fpagesjaunes_sa_logo%20(1).jpeg&w=384&q=75 2x" src="/_next/image?url=%2Flogos%2Fpagesjaunes_sa_logo%20(1).jpeg&w=384&q=75"/></button><button class="flex items-center justify-center opacity-70 hover:opacity-100 transition-all hover:scale-110 w-[calc(33.333%-1rem)] md:w-auto cursor-pointer" aria-label="Voir nos références pour WIINUP"><img alt="WIINUP" loading="lazy" width="130" height="65" decoding="async" data-nimg="1" class="object-contain h-12 md:h-16 w-auto" style="color:transparent;max-width:100px" srcset="/_next/image?url=%2Flogos%2Fwiinup-logo.png&w=256&q=75 1x, /_next/image?url=%2Flogos%2Fwiinup-logo.png&w=384&q=75 2x" src="/_next/image?url=%2Flogos%2Fwiinup-logo.png&w=384&q=75"/></button><button class="flex items-center justify-center opacity-70 hover:opacity-100 transition-all hover:scale-110 w-[calc(33.333%-1rem)] md:w-auto cursor-pointer" aria-label="Voir nos références pour SHOPIFY"><img alt="SHOPIFY" loading="lazy" width="130" height="65" decoding="async" data-nimg="1" class="object-contain h-12 md:h-16 w-auto" style="color:transparent;max-width:100px" srcset="/_next/image?url=%2Flogos%2FShopify_logo_2018.svg.png&w=256&q=75 1x, /_next/image?url=%2Flogos%2FShopify_logo_2018.svg.png&w=384&q=75 2x" src="/_next/image?url=%2Flogos%2FShopify_logo_2018.svg.png&w=384&q=75"/></button><button class="flex items-center justify-center opacity-70 hover:opacity-100 transition-all hover:scale-110 w-[calc(33.333%-1rem)] md:w-auto cursor-pointer" aria-label="Voir nos références pour TAPN'REVIEW"><img alt="TAPN'REVIEW" loading="lazy" width="130" height="65" decoding="async" data-nimg="1" class="object-contain h-12 md:h-16 w-auto" style="color:transparent;max-width:100px" srcset="/_next/image?url=%2Flogos%2Fyapnreview.jpeg&w=256&q=75 1x, /_next/image?url=%2Flogos%2Fyapnreview.jpeg&w=384&q=75 2x" src="/_next/image?url=%2Flogos%2Fyapnreview.jpeg&w=384&q=75"/></button><button class="flex items-center justify-center opacity-70 hover:opacity-100 transition-all hover:scale-110 w-[calc(33.333%-1rem)] md:w-auto cursor-pointer" aria-label="Voir nos références pour 42"><img alt="42" loading="lazy" width="130" height="65" decoding="async" data-nimg="1" class="object-contain h-12 md:h-16 w-auto" style="color:transparent;max-width:100px" srcset="/_next/image?url=%2Flogos%2F42_Logo.svg.png&w=256&q=75 1x, /_next/image?url=%2Flogos%2F42_Logo.svg.png&w=384&q=75 2x" src="/_next/image?url=%2Flogos%2F42_Logo.svg.png&w=384&q=75"/></button><button class="flex items-center justify-center opacity-70 hover:opacity-100 transition-all hover:scale-110 w-[calc(33.333%-1rem)] md:w-auto cursor-pointer" aria-label="Voir nos références pour BNP PARIBAS"><img alt="BNP PARIBAS" loading="lazy" width="130" height="65" decoding="async" data-nimg="1" class="object-contain h-12 md:h-16 w-auto" style="color:transparent;max-width:100px" srcset="/_next/image?url=%2Flogos%2Fbnp-paribas-logo.webp&w=256&q=75 1x, /_next/image?url=%2Flogos%2Fbnp-paribas-logo.webp&w=384&q=75 2x" src="/_next/image?url=%2Flogos%2Fbnp-paribas-logo.webp&w=384&q=75"/></button><button class="flex items-center justify-center opacity-70 hover:opacity-100 transition-all hover:scale-110 w-[calc(33.333%-1rem)] md:w-auto cursor-pointer" aria-label="Voir nos références pour DECATHLON"><img alt="DECATHLON" loading="lazy" width="130" height="65" decoding="async" data-nimg="1" class="object-contain h-12 md:h-16 w-auto" style="color:transparent;max-width:100px" srcset="/_next/image?url=%2Flogos%2FDecathlon_-_logo_(France%2C_2024).svg.png&w=256&q=75 1x, /_next/image?url=%2Flogos%2FDecathlon_-_logo_(France%2C_2024).svg.png&w=384&q=75 2x" src="/_next/image?url=%2Flogos%2FDecathlon_-_logo_(France%2C_2024).svg.png&w=384&q=75"/></button><button class="flex items-center justify-center opacity-70 hover:opacity-100 transition-all hover:scale-110 w-[calc(33.333%-1rem)] md:w-auto cursor-pointer" aria-label="Voir nos références pour LETMO"><img alt="LETMO" loading="lazy" width="130" height="65" decoding="async" data-nimg="1" class="object-contain h-12 md:h-16 w-auto" style="color:transparent;max-width:100px" srcset="/_next/image?url=%2Flogos%2Fletmo-logo.webp&w=256&q=75 1x, /_next/image?url=%2Flogos%2Fletmo-logo.webp&w=384&q=75 2x" src="/_next/image?url=%2Flogos%2Fletmo-logo.webp&w=384&q=75"/></button><button class="flex items-center justify-center opacity-70 hover:opacity-100 transition-all hover:scale-110 w-[calc(33.333%-1rem)] md:w-auto cursor-pointer" aria-label="Voir nos références pour FORD"><img alt="FORD" loading="lazy" width="130" height="65" decoding="async" data-nimg="1" class="object-contain h-12 md:h-16 w-auto" style="color:transparent;max-width:100px" src="/logos/Ford_logo_flat.svg"/></button><button class="flex items-center justify-center opacity-70 hover:opacity-100 transition-all hover:scale-110 w-[calc(33.333%-1rem)] md:w-auto cursor-pointer" aria-label="Voir nos références pour KFC"><img alt="KFC" loading="lazy" width="130" height="65" decoding="async" data-nimg="1" class="object-contain h-12 md:h-16 w-auto" style="color:transparent;max-width:100px" srcset="/_next/image?url=%2Flogos%2FKFC_logo.svg.png&w=256&q=75 1x, /_next/image?url=%2Flogos%2FKFC_logo.svg.png&w=384&q=75 2x" src="/_next/image?url=%2Flogos%2FKFC_logo.svg.png&w=384&q=75"/></button><button class="flex items-center justify-center opacity-70 hover:opacity-100 transition-all hover:scale-110 w-[calc(33.333%-1rem)] md:w-auto cursor-pointer" aria-label="Voir nos références pour LA POSTE"><img alt="LA POSTE" loading="lazy" width="130" height="65" decoding="async" data-nimg="1" class="object-contain h-12 md:h-16 w-auto" style="color:transparent;max-width:100px" srcset="/_next/image?url=%2Flogos%2Flogo%20laposte.jpg&w=256&q=75 1x, /_next/image?url=%2Flogos%2Flogo%20laposte.jpg&w=384&q=75 2x" src="/_next/image?url=%2Flogos%2Flogo%20laposte.jpg&w=384&q=75"/></button><button class="flex items-center justify-center opacity-70 hover:opacity-100 transition-all hover:scale-110 w-[calc(33.333%-1rem)] md:w-auto cursor-pointer" aria-label="Voir nos références pour MERLIN"><img alt="MERLIN" loading="lazy" width="130" height="65" decoding="async" data-nimg="1" class="object-contain h-12 md:h-16 w-auto" style="color:transparent;max-width:100px" srcset="/_next/image?url=%2Flogos%2Fmerlin.png&w=256&q=75 1x, /_next/image?url=%2Flogos%2Fmerlin.png&w=384&q=75 2x" src="/_next/image?url=%2Flogos%2Fmerlin.png&w=384&q=75"/></button><button class="flex items-center justify-center opacity-70 hover:opacity-100 transition-all hover:scale-110 w-[calc(33.333%-1rem)] md:w-auto cursor-pointer" aria-label="Voir nos références pour THE FAMILY"><img alt="THE FAMILY" loading="lazy" width="130" height="65" decoding="async" data-nimg="1" class="object-contain h-12 md:h-16 w-auto" style="color:transparent;max-width:100px" srcset="/_next/image?url=%2Flogos%2Fthefamily.png&w=256&q=75 1x, /_next/image?url=%2Flogos%2Fthefamily.png&w=384&q=75 2x" src="/_next/image?url=%2Flogos%2Fthefamily.png&w=384&q=75"/></button></div></div></section><section class="py-12 md:py-20 bg-gradient-to-b from-white to-gray-50"><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"><div class="text-center mb-12"><div class="inline-block bg-primary/10 text-primary px-4 py-2 rounded-full text-sm font-semibold mb-4">📖 Étude de cas client</div><h2 class="text-4xl font-bold text-gray-900 mb-4">Comment Youzem a lancé son app en 3 mois</h2><p class="text-xl text-gray-600 max-w-3xl mx-auto">De l'idée à l'App Store : l'histoire de David, fondateur de Youzem</p></div><div class="grid lg:grid-cols-2 gap-8 lg:gap-12 mb-12"><div class="relative"><div class="relative rounded-2xl overflow-hidden shadow-2xl bg-black aspect-video"><iframe class="w-full h-full" src="https://www.youtube.com/embed/Jsk35pRYaXI" title="Témoignage Youzem - David, Fondateur" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe></div><div class="mt-6 flex items-center gap-4 bg-white rounded-xl p-4 shadow-md"><div class="relative w-16 h-16 rounded-full overflow-hidden flex-shrink-0"><img alt="David" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="100vw" srcset="/_next/image?url=%2Fphoto-david.png&w=640&q=75 640w, /_next/image?url=%2Fphoto-david.png&w=750&q=75 750w, /_next/image?url=%2Fphoto-david.png&w=828&q=75 828w, /_next/image?url=%2Fphoto-david.png&w=1080&q=75 1080w, /_next/image?url=%2Fphoto-david.png&w=1200&q=75 1200w, /_next/image?url=%2Fphoto-david.png&w=1920&q=75 1920w, /_next/image?url=%2Fphoto-david.png&w=2048&q=75 2048w, /_next/image?url=%2Fphoto-david.png&w=3840&q=75 3840w" src="/_next/image?url=%2Fphoto-david.png&w=3840&q=75"/></div><div class="flex-1"><div class="font-bold text-gray-900">David</div><div class="text-sm text-gray-600">Fondateur de Youzem</div></div><div class="relative w-12 h-12 flex-shrink-0"><img alt="Youzem" loading="lazy" decoding="async" data-nimg="fill" class="object-contain" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="100vw" srcset="/_next/image?url=%2Flogos%2Fyouzem.png&w=640&q=75 640w, /_next/image?url=%2Flogos%2Fyouzem.png&w=750&q=75 750w, /_next/image?url=%2Flogos%2Fyouzem.png&w=828&q=75 828w, /_next/image?url=%2Flogos%2Fyouzem.png&w=1080&q=75 1080w, /_next/image?url=%2Flogos%2Fyouzem.png&w=1200&q=75 1200w, /_next/image?url=%2Flogos%2Fyouzem.png&w=1920&q=75 1920w, /_next/image?url=%2Flogos%2Fyouzem.png&w=2048&q=75 2048w, /_next/image?url=%2Flogos%2Fyouzem.png&w=3840&q=75 3840w" src="/_next/image?url=%2Flogos%2Fyouzem.png&w=3840&q=75"/></div></div></div><div class="space-y-4"><div class="bg-primary/5 border-l-4 border-primary rounded-lg p-6"><p class="text-gray-700 italic leading-relaxed">"<!-- -->On a travaillé avec deux entreprises censées être compétentes, mais elles n’ont pas su concrétiser le projet. Avec CaptainDev, on a enfin trouvé une équipe à l’écoute, qui comprend la vision et qui apporte des vraies solutions.<!-- -->"</p></div><div class="bg-primary/5 border-l-4 border-primary rounded-lg p-6"><p class="text-gray-700 italic leading-relaxed">"<!-- -->Dès les premiers échanges, j’ai su que c’était la bonne équipe : de la franchise, de la sincérité, une vraie vision commune… et surtout une disponibilité à toute heure.<!-- -->"</p></div><div class="bg-primary/5 border-l-4 border-primary rounded-lg p-6"><p class="text-gray-700 italic leading-relaxed">"<!-- -->Quand on a vu la première version, fluide, sans bugs, on s’est dit : “On a les bons.” Vous nous avez fait oublier deux échecs et des milliers d’euros perdus.<!-- -->"</p></div></div></div><div class="mt-16"><h3 class="text-3xl font-bold text-center text-gray-900 mb-12">Aperçu de l'application</h3><div class="flex flex-col lg:flex-row gap-8 lg:gap-12 items-center justify-center"><div class="flex flex-col gap-6 w-full lg:w-[320px]"><div class="bg-white rounded-xl p-8 text-center shadow-lg hover:shadow-xl transition-shadow border-2 border-transparent hover:border-primary w-full"><div class="text-5xl mb-4">⚡</div><div class="text-3xl font-bold text-gray-900 mb-2">3 mois</div><div class="text-gray-600">Du brief au lancement</div></div><div class="bg-white rounded-xl p-8 text-center shadow-lg hover:shadow-xl transition-shadow border-2 border-transparent hover:border-primary w-full"><div class="text-5xl mb-4">📱</div><div class="text-3xl font-bold text-gray-900 mb-2">iOS + Android</div><div class="text-gray-600">Disponible sur les deux stores</div></div><div class="bg-white rounded-xl p-8 text-center shadow-lg hover:shadow-xl transition-shadow border-2 border-transparent hover:border-primary w-full"><div class="text-5xl mb-4">💰</div><div class="text-3xl font-bold text-gray-900 mb-2">1M€</div><div class="text-gray-600">Levée de fonds en cours</div></div></div><div class="relative w-full max-w-xs lg:max-w-sm mx-auto flex-shrink-0"><div class="relative bg-black rounded-[3rem] p-3 shadow-2xl"><div class="absolute top-0 left-1/2 -translate-x-1/2 w-40 h-7 bg-black rounded-b-3xl z-10"></div><div class="relative bg-white rounded-[2.5rem] overflow-hidden aspect-[9/19.5]"><div class="relative w-full h-full"><div class="absolute inset-0 transition-opacity duration-500 opacity-100"><img alt="Youzem App - Écran 1" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="100vw" srcset="/_next/image?url=%2Fyouzem-screenshot-1.jpg&w=640&q=75 640w, /_next/image?url=%2Fyouzem-screenshot-1.jpg&w=750&q=75 750w, /_next/image?url=%2Fyouzem-screenshot-1.jpg&w=828&q=75 828w, /_next/image?url=%2Fyouzem-screenshot-1.jpg&w=1080&q=75 1080w, /_next/image?url=%2Fyouzem-screenshot-1.jpg&w=1200&q=75 1200w, /_next/image?url=%2Fyouzem-screenshot-1.jpg&w=1920&q=75 1920w, /_next/image?url=%2Fyouzem-screenshot-1.jpg&w=2048&q=75 2048w, /_next/image?url=%2Fyouzem-screenshot-1.jpg&w=3840&q=75 3840w" src="/_next/image?url=%2Fyouzem-screenshot-1.jpg&w=3840&q=75"/></div><div class="absolute inset-0 transition-opacity duration-500 opacity-0"><img alt="Youzem App - Écran 2" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="100vw" srcset="/_next/image?url=%2Fyouzem-screenshot-2.jpg&w=640&q=75 640w, /_next/image?url=%2Fyouzem-screenshot-2.jpg&w=750&q=75 750w, /_next/image?url=%2Fyouzem-screenshot-2.jpg&w=828&q=75 828w, /_next/image?url=%2Fyouzem-screenshot-2.jpg&w=1080&q=75 1080w, /_next/image?url=%2Fyouzem-screenshot-2.jpg&w=1200&q=75 1200w, /_next/image?url=%2Fyouzem-screenshot-2.jpg&w=1920&q=75 1920w, /_next/image?url=%2Fyouzem-screenshot-2.jpg&w=2048&q=75 2048w, /_next/image?url=%2Fyouzem-screenshot-2.jpg&w=3840&q=75 3840w" src="/_next/image?url=%2Fyouzem-screenshot-2.jpg&w=3840&q=75"/></div><div class="absolute inset-0 transition-opacity duration-500 opacity-0"><img alt="Youzem App - Écran 3" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="100vw" srcset="/_next/image?url=%2Fyouzem-screenshot-3.jpg&w=640&q=75 640w, /_next/image?url=%2Fyouzem-screenshot-3.jpg&w=750&q=75 750w, /_next/image?url=%2Fyouzem-screenshot-3.jpg&w=828&q=75 828w, /_next/image?url=%2Fyouzem-screenshot-3.jpg&w=1080&q=75 1080w, /_next/image?url=%2Fyouzem-screenshot-3.jpg&w=1200&q=75 1200w, /_next/image?url=%2Fyouzem-screenshot-3.jpg&w=1920&q=75 1920w, /_next/image?url=%2Fyouzem-screenshot-3.jpg&w=2048&q=75 2048w, /_next/image?url=%2Fyouzem-screenshot-3.jpg&w=3840&q=75 3840w" src="/_next/image?url=%2Fyouzem-screenshot-3.jpg&w=3840&q=75"/></div><div class="absolute inset-0 transition-opacity duration-500 opacity-0"><img alt="Youzem App - Écran 4" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="100vw" srcset="/_next/image?url=%2Fyouzem-screenshot-4.jpg&w=640&q=75 640w, /_next/image?url=%2Fyouzem-screenshot-4.jpg&w=750&q=75 750w, /_next/image?url=%2Fyouzem-screenshot-4.jpg&w=828&q=75 828w, /_next/image?url=%2Fyouzem-screenshot-4.jpg&w=1080&q=75 1080w, /_next/image?url=%2Fyouzem-screenshot-4.jpg&w=1200&q=75 1200w, /_next/image?url=%2Fyouzem-screenshot-4.jpg&w=1920&q=75 1920w, /_next/image?url=%2Fyouzem-screenshot-4.jpg&w=2048&q=75 2048w, /_next/image?url=%2Fyouzem-screenshot-4.jpg&w=3840&q=75 3840w" src="/_next/image?url=%2Fyouzem-screenshot-4.jpg&w=3840&q=75"/></div><div class="absolute inset-0 transition-opacity duration-500 opacity-0"><img alt="Youzem App - Écran 5" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="100vw" srcset="/_next/image?url=%2Fyouzem-screenshot-5.jpg&w=640&q=75 640w, /_next/image?url=%2Fyouzem-screenshot-5.jpg&w=750&q=75 750w, /_next/image?url=%2Fyouzem-screenshot-5.jpg&w=828&q=75 828w, /_next/image?url=%2Fyouzem-screenshot-5.jpg&w=1080&q=75 1080w, /_next/image?url=%2Fyouzem-screenshot-5.jpg&w=1200&q=75 1200w, /_next/image?url=%2Fyouzem-screenshot-5.jpg&w=1920&q=75 1920w, /_next/image?url=%2Fyouzem-screenshot-5.jpg&w=2048&q=75 2048w, /_next/image?url=%2Fyouzem-screenshot-5.jpg&w=3840&q=75 3840w" src="/_next/image?url=%2Fyouzem-screenshot-5.jpg&w=3840&q=75"/></div><div class="absolute inset-0 transition-opacity duration-500 opacity-0"><img alt="Youzem App - Écran 6" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="100vw" srcset="/_next/image?url=%2Fyouzem-screenshot-6.jpg&w=640&q=75 640w, /_next/image?url=%2Fyouzem-screenshot-6.jpg&w=750&q=75 750w, /_next/image?url=%2Fyouzem-screenshot-6.jpg&w=828&q=75 828w, /_next/image?url=%2Fyouzem-screenshot-6.jpg&w=1080&q=75 1080w, /_next/image?url=%2Fyouzem-screenshot-6.jpg&w=1200&q=75 1200w, /_next/image?url=%2Fyouzem-screenshot-6.jpg&w=1920&q=75 1920w, /_next/image?url=%2Fyouzem-screenshot-6.jpg&w=2048&q=75 2048w, /_next/image?url=%2Fyouzem-screenshot-6.jpg&w=3840&q=75 3840w" src="/_next/image?url=%2Fyouzem-screenshot-6.jpg&w=3840&q=75"/></div><div class="absolute inset-0 transition-opacity duration-500 opacity-0"><img alt="Youzem App - Écran 7" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="100vw" srcset="/_next/image?url=%2Fyouzem-screenshot-7.jpg&w=640&q=75 640w, /_next/image?url=%2Fyouzem-screenshot-7.jpg&w=750&q=75 750w, /_next/image?url=%2Fyouzem-screenshot-7.jpg&w=828&q=75 828w, /_next/image?url=%2Fyouzem-screenshot-7.jpg&w=1080&q=75 1080w, /_next/image?url=%2Fyouzem-screenshot-7.jpg&w=1200&q=75 1200w, /_next/image?url=%2Fyouzem-screenshot-7.jpg&w=1920&q=75 1920w, /_next/image?url=%2Fyouzem-screenshot-7.jpg&w=2048&q=75 2048w, /_next/image?url=%2Fyouzem-screenshot-7.jpg&w=3840&q=75 3840w" src="/_next/image?url=%2Fyouzem-screenshot-7.jpg&w=3840&q=75"/></div><div class="absolute inset-0 transition-opacity duration-500 opacity-0"><img alt="Youzem App - Écran 8" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="100vw" srcset="/_next/image?url=%2Fyouzem-screenshot-8.jpg&w=640&q=75 640w, /_next/image?url=%2Fyouzem-screenshot-8.jpg&w=750&q=75 750w, /_next/image?url=%2Fyouzem-screenshot-8.jpg&w=828&q=75 828w, /_next/image?url=%2Fyouzem-screenshot-8.jpg&w=1080&q=75 1080w, /_next/image?url=%2Fyouzem-screenshot-8.jpg&w=1200&q=75 1200w, /_next/image?url=%2Fyouzem-screenshot-8.jpg&w=1920&q=75 1920w, /_next/image?url=%2Fyouzem-screenshot-8.jpg&w=2048&q=75 2048w, /_next/image?url=%2Fyouzem-screenshot-8.jpg&w=3840&q=75 3840w" src="/_next/image?url=%2Fyouzem-screenshot-8.jpg&w=3840&q=75"/></div></div><button class="absolute left-2 top-1/2 -translate-y-1/2 bg-black/50 hover:bg-black/70 text-white rounded-full p-2 transition-all z-20" aria-label="Previous screenshot"><svg class="w-6 h-6" fill="none" viewbox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"></path></svg></button><button class="absolute right-2 top-1/2 -translate-y-1/2 bg-black/50 hover:bg-black/70 text-white rounded-full p-2 transition-all z-20" aria-label="Next screenshot"><svg class="w-6 h-6" fill="none" viewbox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path></svg></button><div class="absolute bottom-4 left-1/2 -translate-x-1/2 flex gap-2 z-20"><button class="w-2 h-2 rounded-full transition-all bg-primary w-6" aria-label="Go to screenshot 1"></button><button class="w-2 h-2 rounded-full transition-all bg-gray-400" aria-label="Go to screenshot 2"></button><button class="w-2 h-2 rounded-full transition-all bg-gray-400" aria-label="Go to screenshot 3"></button><button class="w-2 h-2 rounded-full transition-all bg-gray-400" aria-label="Go to screenshot 4"></button><button class="w-2 h-2 rounded-full transition-all bg-gray-400" aria-label="Go to screenshot 5"></button><button class="w-2 h-2 rounded-full transition-all bg-gray-400" aria-label="Go to screenshot 6"></button><button class="w-2 h-2 rounded-full transition-all bg-gray-400" aria-label="Go to screenshot 7"></button><button class="w-2 h-2 rounded-full transition-all bg-gray-400" aria-label="Go to screenshot 8"></button></div></div><div class="absolute bottom-2 left-1/2 -translate-x-1/2 w-32 h-1.5 bg-white/30 rounded-full"></div></div></div><div class="space-y-6 flex-1"><div class="bg-white rounded-xl p-6 shadow-md"><h3 class="font-bold text-xl text-gray-900 mb-4">Le défi</h3><p class="text-gray-600 leading-relaxed mb-4">Youzem devait prouver la viabilité de son concept à des investisseurs et premiers utilisateurs, via une app mobile stable, fluide et attractive. Après deux tentatives ratées et plusieurs dizaines de milliers d'euros perdus, David cherchait une équipe technique fiable et impliquée</p><h3 class="font-bold text-xl text-gray-900 mb-4">Notre solution</h3><p class="text-gray-600 leading-relaxed mb-4">Nous avons développé une application mobile complète en sprints agiles hebdomadaires avec démo chaque semaine et communication directe entre David et nos équipes.</p><p class="text-gray-700 font-semibold mb-3">Fonctionnalités clés :</p><ul class="text-gray-600 leading-relaxed space-y-2 mb-6 list-disc list-inside"><li>Authentification & profils utilisateurs</li><li>Challenges vidéo/photo et fil d'actualité</li><li>Votes, commentaires et classement en temps réel</li><li>Notifications push et analytics</li><li>Back-office complet et hébergement AWS sécurisé</li></ul><div class="flex flex-wrap gap-2"><span class="px-3 py-1 bg-gray-100 text-gray-700 rounded-full text-sm font-medium">React Native</span><span class="px-3 py-1 bg-gray-100 text-gray-700 rounded-full text-sm font-medium">Node.js</span><span class="px-3 py-1 bg-gray-100 text-gray-700 rounded-full text-sm font-medium">PostgreSQL</span><span class="px-3 py-1 bg-gray-100 text-gray-700 rounded-full text-sm font-medium">AWS</span></div></div></div></div></div><div class="mt-12 text-center"><p class="text-gray-600 mb-6 text-lg">Vous aussi, transformez votre idée en application à succès</p><div class="flex flex-col sm:flex-row gap-4 justify-center"><a href="#simulateur" class="inline-flex items-center justify-center bg-primary text-black font-bold px-8 py-4 rounded-md transition-all duration-200 hover:scale-105 shadow-lg hover:shadow-xl text-lg">Estimer mon projet →</a><a href="#contact" class="inline-flex items-center justify-center bg-white text-secondary border-2 border-secondary hover:bg-secondary hover:text-white font-bold px-8 py-4 rounded-md transition-all duration-200 hover:scale-105 shadow-lg text-lg">Parler avec un expert</a></div></div></div></section><section id="comment-ca-marche" class="py-20 bg-gray-50 relative overflow-hidden"><div class="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8"><div class="text-center mb-20"><h2 class="text-4xl md:text-5xl font-bold text-gray-900 mb-6">Comment ça marche ?</h2><p class="text-xl text-gray-600 max-w-3xl mx-auto leading-relaxed">Un processus simple et transparent du premier contact au lancement</p><div class="mt-8 inline-flex items-center gap-3 bg-yellow-50 px-6 py-3 rounded-full"><span class="text-2xl">⏱️</span><span class="text-yellow-700 font-semibold">Gain de temps : 6 semaines maximum</span></div></div><div class="relative" style="min-height:2000px"><svg class="absolute left-0 top-0 w-full pointer-events-none" style="z-index:1;height:2000px" viewbox="0 0 100 2000" preserveaspectratio="xMidYMin meet"><defs><lineargradient id="curveGradient" x1="0%" y1="0%" x2="0%" y2="100%"><stop offset="0%" stop-color="#fbbf24" stop-opacity="1"></stop><stop offset="100%" stop-color="#f59e0b" stop-opacity="1"></stop></lineargradient><filter id="glow"><fegaussianblur stddeviation="4" result="coloredBlur"></fegaussianblur><femerge><femergenode in="coloredBlur"></femergenode><femergenode in="SourceGraphic"></femergenode></femerge></filter></defs><g><path d="M 50 80 C -20 200, -20 360, 50 480" stroke="url(#curveGradient)" stroke-width="3" fill="none" stroke-linecap="round" filter="url(#glow)" pathlength="1" stroke-dashoffset="0px" stroke-dasharray="0px 1px"></path><circle cx="50" cy="80" r="3" fill="#fbbf24" filter="url(#glow)" opacity="0"></circle><circle cx="50" cy="80" r="3" fill="#fbbf24" opacity="0"></circle></g><g><path d="M 50 480 C 120 600, 120 760, 50 880" stroke="url(#curveGradient)" stroke-width="3" fill="none" stroke-linecap="round" filter="url(#glow)" pathlength="1" stroke-dashoffset="0px" stroke-dasharray="0px 1px"></path><circle cx="50" cy="480" r="3" fill="#fbbf24" filter="url(#glow)" opacity="0"></circle><circle cx="50" cy="480" r="3" fill="#fbbf24" opacity="0"></circle></g><g><path d="M 50 880 C -20 1000, -20 1160, 50 1280" stroke="url(#curveGradient)" stroke-width="3" fill="none" stroke-linecap="round" filter="url(#glow)" pathlength="1" stroke-dashoffset="0px" stroke-dasharray="0px 1px"></path><circle cx="50" cy="880" r="3" fill="#fbbf24" filter="url(#glow)" opacity="0"></circle><circle cx="50" cy="880" r="3" fill="#fbbf24" opacity="0"></circle></g><g><path d="M 50 1280 C 120 1400, 120 1560, 50 1680" stroke="url(#curveGradient)" stroke-width="3" fill="none" stroke-linecap="round" filter="url(#glow)" pathlength="1" stroke-dashoffset="0px" stroke-dasharray="0px 1px"></path><circle cx="50" cy="1280" r="3" fill="#fbbf24" filter="url(#glow)" opacity="0"></circle><circle cx="50" cy="1280" r="3" fill="#fbbf24" opacity="0"></circle></g></svg><div class="relative z-10"><div class="relative flex items-center justify-center mb-[100px] last:mb-0 md:mb-0" style="position:relative;left:0;right:0"><div class="absolute left-1/2 -translate-x-1/2 z-20 hidden md:block" style="opacity:0;transform:scale(0)"><div class="w-20 h-20 rounded-full bg-gradient-to-br from-yellow-400 to-yellow-600 flex items-center justify-center shadow-2xl relative border-4 border-white"><span class="font-bold text-3xl text-gray-900 relative z-10">1</span><div class="absolute inset-0 rounded-full bg-yellow-400"></div><div class="absolute inset-0 rounded-full bg-yellow-300"></div></div></div><div class="w-full md:w-[44%] md:mr-auto md:pr-20" style="opacity:0;transform:translateX(-100px) translateY(30px)"><div class="bg-white rounded-3xl shadow-2xl p-8 md:p-10 relative overflow-hidden group"><div class="absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-700" style="background:radial-gradient(circle at top right, rgba(251, 191, 36, 0.12), transparent 70%)"></div><div class="relative z-10"><div class="bg-blue-500 w-20 h-20 rounded-2xl flex items-center justify-center mb-6 shadow-xl relative overflow-hidden"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-square w-10 h-10 text-white relative z-10" aria-hidden="true"><path d="M22 17a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 21.286V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2z"></path></svg><div class="absolute inset-0 bg-gradient-to-r from-transparent via-white to-transparent" style="opacity:0;transform:translateX(-100%)"></div></div><h3 class="text-2xl md:text-3xl font-bold text-gray-900 mb-4 leading-tight">Consultation initiale</h3><div class="flex items-center gap-3 mb-6 flex-wrap"><span class="bg-gradient-to-r from-yellow-400 to-yellow-500 text-gray-900 text-sm font-bold px-5 py-2 rounded-full shadow-md">30 minutes</span><span class="text-sm text-gray-600 font-semibold px-4 py-2 bg-gray-100 rounded-full">J+1</span></div><p class="text-gray-600 text-lg leading-relaxed">Audit rapide, compréhension du projet, des objectifs business et des contraintes techniques.</p></div></div></div><div class="md:hidden absolute left-1/2 -translate-x-1/2 -top-7 z-20"><div class="w-14 h-14 rounded-full bg-gradient-to-br from-yellow-400 to-yellow-600 flex items-center justify-center shadow-xl border-4 border-white"><span class="font-bold text-2xl text-gray-900">1</span></div></div></div><div class="relative flex items-center justify-center mb-[100px] last:mb-0 md:mb-0" style="position:absolute;top:400px;left:0;right:0"><div class="absolute left-1/2 -translate-x-1/2 z-20 hidden md:block" style="opacity:0;transform:scale(0)"><div class="w-20 h-20 rounded-full bg-gradient-to-br from-yellow-400 to-yellow-600 flex items-center justify-center shadow-2xl relative border-4 border-white"><span class="font-bold text-3xl text-gray-900 relative z-10">2</span><div class="absolute inset-0 rounded-full bg-yellow-400"></div><div class="absolute inset-0 rounded-full bg-yellow-300"></div></div></div><div class="w-full md:w-[44%] md:ml-auto md:pl-20" style="opacity:0;transform:translateX(100px) translateY(30px)"><div class="bg-white rounded-3xl shadow-2xl p-8 md:p-10 relative overflow-hidden group"><div class="absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-700" style="background:radial-gradient(circle at top right, rgba(251, 191, 36, 0.12), transparent 70%)"></div><div class="relative z-10"><div class="bg-purple-500 w-20 h-20 rounded-2xl flex items-center justify-center mb-6 shadow-xl relative overflow-hidden"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file-text w-10 h-10 text-white relative z-10" aria-hidden="true"><path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"></path><path d="M14 2v5a1 1 0 0 0 1 1h5"></path><path d="M10 9H8"></path><path d="M16 13H8"></path><path d="M16 17H8"></path></svg><div class="absolute inset-0 bg-gradient-to-r from-transparent via-white to-transparent" style="opacity:0;transform:translateX(-100%)"></div></div><h3 class="text-2xl md:text-3xl font-bold text-gray-900 mb-4 leading-tight">Cahier des charges</h3><div class="flex items-center gap-3 mb-6 flex-wrap"><span class="bg-gradient-to-r from-yellow-400 to-yellow-500 text-gray-900 text-sm font-bold px-5 py-2 rounded-full shadow-md">24 heures</span><span class="text-sm text-gray-600 font-semibold px-4 py-2 bg-gray-100 rounded-full">J+1</span></div><p class="text-gray-600 text-lg leading-relaxed">Cahier des charges avec spécifications, description fonctionnelles, modules clés et architecture proposée.</p></div></div></div><div class="md:hidden absolute left-1/2 -translate-x-1/2 -top-7 z-20"><div class="w-14 h-14 rounded-full bg-gradient-to-br from-yellow-400 to-yellow-600 flex items-center justify-center shadow-xl border-4 border-white"><span class="font-bold text-2xl text-gray-900">2</span></div></div></div><div class="relative flex items-center justify-center mb-[100px] last:mb-0 md:mb-0" style="position:absolute;top:800px;left:0;right:0"><div class="absolute left-1/2 -translate-x-1/2 z-20 hidden md:block" style="opacity:0;transform:scale(0)"><div class="w-20 h-20 rounded-full bg-gradient-to-br from-yellow-400 to-yellow-600 flex items-center justify-center shadow-2xl relative border-4 border-white"><span class="font-bold text-3xl text-gray-900 relative z-10">3</span><div class="absolute inset-0 rounded-full bg-yellow-400"></div><div class="absolute inset-0 rounded-full bg-yellow-300"></div></div></div><div class="w-full md:w-[44%] md:mr-auto md:pr-20" style="opacity:0;transform:translateX(-100px) translateY(30px)"><div class="bg-white rounded-3xl shadow-2xl p-8 md:p-10 relative overflow-hidden group"><div class="absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-700" style="background:radial-gradient(circle at top right, rgba(251, 191, 36, 0.12), transparent 70%)"></div><div class="relative z-10"><div class="bg-pink-500 w-20 h-20 rounded-2xl flex items-center justify-center mb-6 shadow-xl relative overflow-hidden"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-smartphone w-10 h-10 text-white relative z-10" aria-hidden="true"><rect width="14" height="20" x="5" y="2" rx="2" ry="2"></rect><path d="M12 18h.01"></path></svg><div class="absolute inset-0 bg-gradient-to-r from-transparent via-white to-transparent" style="opacity:0;transform:translateX(-100%)"></div></div><h3 class="text-2xl md:text-3xl font-bold text-gray-900 mb-4 leading-tight">Restitution du prototype cliquable & Devis final</h3><div class="flex items-center gap-3 mb-6 flex-wrap"><span class="bg-gradient-to-r from-yellow-400 to-yellow-500 text-gray-900 text-sm font-bold px-5 py-2 rounded-full shadow-md">24 heures</span><span class="text-sm text-gray-600 font-semibold px-4 py-2 bg-gray-100 rounded-full">J+2</span></div><p class="text-gray-600 text-lg leading-relaxed">Présentation d'un prototype cliquable et navigable. Restitution complète + recueil des derniers ajustements UX/UI.</p></div></div></div><div class="md:hidden absolute left-1/2 -translate-x-1/2 -top-7 z-20"><div class="w-14 h-14 rounded-full bg-gradient-to-br from-yellow-400 to-yellow-600 flex items-center justify-center shadow-xl border-4 border-white"><span class="font-bold text-2xl text-gray-900">3</span></div></div></div><div class="relative flex items-center justify-center mb-[100px] last:mb-0 md:mb-0" style="position:absolute;top:1200px;left:0;right:0"><div class="absolute left-1/2 -translate-x-1/2 z-20 hidden md:block" style="opacity:0;transform:scale(0)"><div class="w-20 h-20 rounded-full bg-gradient-to-br from-yellow-400 to-yellow-600 flex items-center justify-center shadow-2xl relative border-4 border-white"><span class="font-bold text-3xl text-gray-900 relative z-10">4</span><div class="absolute inset-0 rounded-full bg-yellow-400"></div><div class="absolute inset-0 rounded-full bg-yellow-300"></div></div></div><div class="w-full md:w-[44%] md:ml-auto md:pl-20" style="opacity:0;transform:translateX(100px) translateY(30px)"><div class="bg-white rounded-3xl shadow-2xl p-8 md:p-10 relative overflow-hidden group"><div class="absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-700" style="background:radial-gradient(circle at top right, rgba(251, 191, 36, 0.12), transparent 70%)"></div><div class="relative z-10"><div class="bg-green-500 w-20 h-20 rounded-2xl flex items-center justify-center mb-6 shadow-xl relative overflow-hidden"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-code w-10 h-10 text-white relative z-10" aria-hidden="true"><path d="m16 18 6-6-6-6"></path><path d="m8 6-6 6 6 6"></path></svg><div class="absolute inset-0 bg-gradient-to-r from-transparent via-white to-transparent" style="opacity:0;transform:translateX(-100%)"></div></div><h3 class="text-2xl md:text-3xl font-bold text-gray-900 mb-4 leading-tight">Développement</h3><div class="flex items-center gap-3 mb-6 flex-wrap"><span class="bg-gradient-to-r from-yellow-400 to-yellow-500 text-gray-900 text-sm font-bold px-5 py-2 rounded-full shadow-md">30 jours</span><span class="text-sm text-gray-600 font-semibold px-4 py-2 bg-gray-100 rounded-full">Semaines 1-4</span></div><p class="text-gray-600 text-lg leading-relaxed">Développement en sprints, démonstrations hebdomadaires, feedback continu, visibilité totale sur l'avancement.</p></div></div></div><div class="md:hidden absolute left-1/2 -translate-x-1/2 -top-7 z-20"><div class="w-14 h-14 rounded-full bg-gradient-to-br from-yellow-400 to-yellow-600 flex items-center justify-center shadow-xl border-4 border-white"><span class="font-bold text-2xl text-gray-900">4</span></div></div></div><div class="relative flex items-center justify-center mb-[100px] last:mb-0 md:mb-0" style="position:absolute;top:1600px;left:0;right:0"><div class="absolute left-1/2 -translate-x-1/2 z-20 hidden md:block" style="opacity:0;transform:scale(0)"><div class="w-20 h-20 rounded-full bg-gradient-to-br from-yellow-400 to-yellow-600 flex items-center justify-center shadow-2xl relative border-4 border-white"><span class="font-bold text-3xl text-gray-900 relative z-10">5</span><div class="absolute inset-0 rounded-full bg-yellow-400"></div><div class="absolute inset-0 rounded-full bg-yellow-300"></div></div></div><div class="w-full md:w-[44%] md:mr-auto md:pr-20" style="opacity:0;transform:translateX(-100px) translateY(30px)"><div class="bg-white rounded-3xl shadow-2xl p-8 md:p-10 relative overflow-hidden group"><div class="absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-700" style="background:radial-gradient(circle at top right, rgba(251, 191, 36, 0.12), transparent 70%)"></div><div class="relative z-10"><div class="bg-indigo-600 w-20 h-20 rounded-2xl flex items-center justify-center mb-6 shadow-xl relative overflow-hidden"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-rocket w-10 h-10 text-white relative z-10" aria-hidden="true"><path d="M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z"></path><path d="m12 15-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z"></path><path d="M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0"></path><path d="M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5"></path></svg><div class="absolute inset-0 bg-gradient-to-r from-transparent via-white to-transparent" style="opacity:0;transform:translateX(-100%)"></div></div><h3 class="text-2xl md:text-3xl font-bold text-gray-900 mb-4 leading-tight">Lancement & Support continu</h3><div class="flex items-center gap-3 mb-6 flex-wrap"><span class="bg-gradient-to-r from-yellow-400 to-yellow-500 text-gray-900 text-sm font-bold px-5 py-2 rounded-full shadow-md">1+ mois</span><span class="text-sm text-gray-600 font-semibold px-4 py-2 bg-gray-100 rounded-full">Semaines 5-8</span></div><p class="text-gray-600 text-lg leading-relaxed">Déploiement en production, assistance au lancement, formation de vos équipes, maintenance et support.</p></div></div></div><div class="md:hidden absolute left-1/2 -translate-x-1/2 -top-7 z-20"><div class="w-14 h-14 rounded-full bg-gradient-to-br from-yellow-400 to-yellow-600 flex items-center justify-center shadow-xl border-4 border-white"><span class="font-bold text-2xl text-gray-900">5</span></div></div></div></div></div></div></section><section id="references" class="jsx-e4c0ee4aadd7f829 py-12 md:py-20 bg-gray-50"><div class="jsx-e4c0ee4aadd7f829 max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"><div class="jsx-e4c0ee4aadd7f829 text-center mb-12"><h2 class="jsx-e4c0ee4aadd7f829 text-3xl md:text-4xl font-bold text-gray-900 mb-4">Nos Références</h2><p class="jsx-e4c0ee4aadd7f829 text-lg text-gray-600 max-w-2xl mx-auto">Découvrez les applications mobiles que nous avons développées pour nos clients</p></div><div class="jsx-e4c0ee4aadd7f829 relative"><button aria-label="Défiler vers la gauche" class="jsx-e4c0ee4aadd7f829 absolute left-0 top-1/2 -translate-y-1/2 z-10 bg-white rounded-full p-3 shadow-lg hover:shadow-xl transition-all duration-300 hover:scale-110"><svg fill="none" stroke="currentColor" viewbox="0 0 24 24" class="jsx-e4c0ee4aadd7f829 w-6 h-6 text-gray-800"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7" class="jsx-e4c0ee4aadd7f829"></path></svg></button><button aria-label="Défiler vers la droite" class="jsx-e4c0ee4aadd7f829 absolute right-0 top-1/2 -translate-y-1/2 z-10 bg-white rounded-full p-3 shadow-lg hover:shadow-xl transition-all duration-300 hover:scale-110"><svg fill="none" stroke="currentColor" viewbox="0 0 24 24" class="jsx-e4c0ee4aadd7f829 w-6 h-6 text-gray-800"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" class="jsx-e4c0ee4aadd7f829"></path></svg></button><div class="jsx-e4c0ee4aadd7f829 overflow-hidden mx-12"><div style="scrollbar-width:none;-ms-overflow-style:none" class="jsx-e4c0ee4aadd7f829 flex overflow-x-auto scrollbar-hide"><div class="jsx-e4c0ee4aadd7f829 group flex-shrink-0 w-48 mx-4 relative"><a class="block" href="/references/ernestor"><div class="jsx-e4c0ee4aadd7f829 bg-white rounded-lg shadow-md hover:shadow-xl transition-all duration-300 p-6 w-48 h-48 flex items-center justify-center relative overflow-visible"><img alt="Ernestor logo" loading="lazy" width="120" height="120" decoding="async" data-nimg="1" class="object-contain w-full h-full transition-all duration-300 opacity-100" style="color:transparent" srcset="/_next/image?url=%2Freferences%2Fernestor-logo.png&w=128&q=75 1x, /_next/image?url=%2Freferences%2Fernestor-logo.png&w=256&q=75 2x" src="/_next/image?url=%2Freferences%2Fernestor-logo.png&w=256&q=75"/></div><p class="jsx-e4c0ee4aadd7f829 text-center mt-3 text-sm font-medium text-gray-900 group-hover:text-primary transition-colors">Ernestor</p></a></div><div class="jsx-e4c0ee4aadd7f829 group flex-shrink-0 w-48 mx-4 relative"><a class="block" href="/references/traqfood"><div class="jsx-e4c0ee4aadd7f829 bg-white rounded-lg shadow-md hover:shadow-xl transition-all duration-300 p-6 w-48 h-48 flex items-center justify-center relative overflow-visible"><img alt="Traqfood logo" loading="lazy" width="120" height="120" decoding="async" data-nimg="1" class="object-contain w-full h-full transition-all duration-300 opacity-100" style="color:transparent" src="/references/traqfood-logo.svg"/></div><p class="jsx-e4c0ee4aadd7f829 text-center mt-3 text-sm font-medium text-gray-900 group-hover:text-primary transition-colors">Traqfood</p></a></div><div class="jsx-e4c0ee4aadd7f829 group flex-shrink-0 w-48 mx-4 relative"><a class="block" href="/references/sweel"><div class="jsx-e4c0ee4aadd7f829 bg-white rounded-lg shadow-md hover:shadow-xl transition-all duration-300 p-6 w-48 h-48 flex items-center justify-center relative overflow-visible"><img alt="Sweel logo" loading="lazy" width="120" height="120" decoding="async" data-nimg="1" class="object-contain w-full h-full transition-all duration-300 opacity-100" style="color:transparent" srcset="/_next/image?url=%2Freferences%2Fsweel-logo.png&w=128&q=75 1x, /_next/image?url=%2Freferences%2Fsweel-logo.png&w=256&q=75 2x" src="/_next/image?url=%2Freferences%2Fsweel-logo.png&w=256&q=75"/></div><p class="jsx-e4c0ee4aadd7f829 text-center mt-3 text-sm font-medium text-gray-900 group-hover:text-primary transition-colors">Sweel</p></a></div><div class="jsx-e4c0ee4aadd7f829 group flex-shrink-0 w-48 mx-4 relative"><a class="block" href="/references/letmo"><div class="jsx-e4c0ee4aadd7f829 bg-white rounded-lg shadow-md hover:shadow-xl transition-all duration-300 p-6 w-48 h-48 flex items-center justify-center relative overflow-visible"><img alt="Letmo logo" loading="lazy" width="120" height="120" decoding="async" data-nimg="1" class="object-contain w-full h-full transition-all duration-300 opacity-100" style="color:transparent" srcset="/_next/image?url=%2Freferences%2Fletmo-logo.webp&w=128&q=75 1x, /_next/image?url=%2Freferences%2Fletmo-logo.webp&w=256&q=75 2x" src="/_next/image?url=%2Freferences%2Fletmo-logo.webp&w=256&q=75"/></div><p class="jsx-e4c0ee4aadd7f829 text-center mt-3 text-sm font-medium text-gray-900 group-hover:text-primary transition-colors">Letmo</p></a></div><div class="jsx-e4c0ee4aadd7f829 group flex-shrink-0 w-48 mx-4 relative"><a class="block" href="/references/wiinup"><div class="jsx-e4c0ee4aadd7f829 bg-white rounded-lg shadow-md hover:shadow-xl transition-all duration-300 p-6 w-48 h-48 flex items-center justify-center relative overflow-visible"><img alt="Wiinup logo" loading="lazy" width="120" height="120" decoding="async" data-nimg="1" class="object-contain w-full h-full transition-all duration-300 opacity-100" style="color:transparent" srcset="/_next/image?url=%2Freferences%2Fwiinup-logo.png&w=128&q=75 1x, /_next/image?url=%2Freferences%2Fwiinup-logo.png&w=256&q=75 2x" src="/_next/image?url=%2Freferences%2Fwiinup-logo.png&w=256&q=75"/></div><p class="jsx-e4c0ee4aadd7f829 text-center mt-3 text-sm font-medium text-gray-900 group-hover:text-primary transition-colors">Wiinup</p></a></div><div class="jsx-e4c0ee4aadd7f829 group flex-shrink-0 w-48 mx-4 relative"><a class="block" href="/references/genstreprends"><div class="jsx-e4c0ee4aadd7f829 bg-white rounded-lg shadow-md hover:shadow-xl transition-all duration-300 p-6 w-48 h-48 flex items-center justify-center relative overflow-visible"><img alt="Gens'treprends logo" loading="lazy" width="120" height="120" decoding="async" data-nimg="1" class="object-contain w-full h-full transition-all duration-300 opacity-100" style="color:transparent" srcset="/_next/image?url=%2Freferences%2Fgenstreprends-logo.png&w=128&q=75 1x, /_next/image?url=%2Freferences%2Fgenstreprends-logo.png&w=256&q=75 2x" src="/_next/image?url=%2Freferences%2Fgenstreprends-logo.png&w=256&q=75"/></div><p class="jsx-e4c0ee4aadd7f829 text-center mt-3 text-sm font-medium text-gray-900 group-hover:text-primary transition-colors">Gens'treprends</p></a></div><div class="jsx-e4c0ee4aadd7f829 group flex-shrink-0 w-48 mx-4 relative"><a class="block" href="/references/handivisites"><div class="jsx-e4c0ee4aadd7f829 bg-white rounded-lg shadow-md hover:shadow-xl transition-all duration-300 p-6 w-48 h-48 flex items-center justify-center relative overflow-visible"><img alt="Handivisites logo" loading="lazy" width="120" height="120" decoding="async" data-nimg="1" class="object-contain w-full h-full transition-all duration-300 opacity-100" style="color:transparent" src="/references/handivisites-logo.svg"/></div><p class="jsx-e4c0ee4aadd7f829 text-center mt-3 text-sm font-medium text-gray-900 group-hover:text-primary transition-colors">Handivisites</p></a></div><div class="jsx-e4c0ee4aadd7f829 group flex-shrink-0 w-48 mx-4 relative"><a class="block" href="/references/circl"><div class="jsx-e4c0ee4aadd7f829 bg-white rounded-lg shadow-md hover:shadow-xl transition-all duration-300 p-6 w-48 h-48 flex items-center justify-center relative overflow-visible"><img alt="Circl logo" loading="lazy" width="120" height="120" decoding="async" data-nimg="1" class="object-contain w-full h-full transition-all duration-300 opacity-100" style="color:transparent" src="/references/circl-logo.svg"/></div><p class="jsx-e4c0ee4aadd7f829 text-center mt-3 text-sm font-medium text-gray-900 group-hover:text-primary transition-colors">Circl</p></a></div><div class="jsx-e4c0ee4aadd7f829 group flex-shrink-0 w-48 mx-4 relative"><a class="block" href="/references/edeal"><div class="jsx-e4c0ee4aadd7f829 bg-white rounded-lg shadow-md hover:shadow-xl transition-all duration-300 p-6 w-48 h-48 flex items-center justify-center relative overflow-visible"><img alt="eDeal logo" loading="lazy" width="120" height="120" decoding="async" data-nimg="1" class="object-contain w-full h-full transition-all duration-300 opacity-100" style="color:transparent" srcset="/_next/image?url=%2Freferences%2Fedeal-logo.png&w=128&q=75 1x, /_next/image?url=%2Freferences%2Fedeal-logo.png&w=256&q=75 2x" src="/_next/image?url=%2Freferences%2Fedeal-logo.png&w=256&q=75"/></div><p class="jsx-e4c0ee4aadd7f829 text-center mt-3 text-sm font-medium text-gray-900 group-hover:text-primary transition-colors">eDeal</p></a></div><div class="jsx-e4c0ee4aadd7f829 group flex-shrink-0 w-48 mx-4 relative"><a class="block" href="/references/hudada"><div class="jsx-e4c0ee4aadd7f829 bg-white rounded-lg shadow-md hover:shadow-xl transition-all duration-300 p-6 w-48 h-48 flex items-center justify-center relative overflow-visible"><img alt="Hudada logo" loading="lazy" width="120" height="120" decoding="async" data-nimg="1" class="object-contain w-full h-full transition-all duration-300 opacity-100" style="color:transparent" srcset="/_next/image?url=%2Freferences%2Fhudada-logo.png&w=128&q=75 1x, /_next/image?url=%2Freferences%2Fhudada-logo.png&w=256&q=75 2x" src="/_next/image?url=%2Freferences%2Fhudada-logo.png&w=256&q=75"/></div><p class="jsx-e4c0ee4aadd7f829 text-center mt-3 text-sm font-medium text-gray-900 group-hover:text-primary transition-colors">Hudada</p></a></div><div class="jsx-e4c0ee4aadd7f829 group flex-shrink-0 w-48 mx-4 relative"><a class="block" href="/references/glibl"><div class="jsx-e4c0ee4aadd7f829 bg-white rounded-lg shadow-md hover:shadow-xl transition-all duration-300 p-6 w-48 h-48 flex items-center justify-center relative overflow-visible"><img alt="Glibl logo" loading="lazy" width="120" height="120" decoding="async" data-nimg="1" class="object-contain w-full h-full transition-all duration-300 opacity-100" style="color:transparent" src="/references/glibl-logo.svg"/></div><p class="jsx-e4c0ee4aadd7f829 text-center mt-3 text-sm font-medium text-gray-900 group-hover:text-primary transition-colors">Glibl</p></a></div><div class="jsx-e4c0ee4aadd7f829 group flex-shrink-0 w-48 mx-4 relative"><a class="block" href="/references/mychauffeur"><div class="jsx-e4c0ee4aadd7f829 bg-white rounded-lg shadow-md hover:shadow-xl transition-all duration-300 p-6 w-48 h-48 flex items-center justify-center relative overflow-visible"><img alt="MyChauffeur logo" loading="lazy" width="120" height="120" decoding="async" data-nimg="1" class="object-contain w-full h-full transition-all duration-300 opacity-100" style="color:transparent" srcset="/_next/image?url=%2Freferences%2Fmychauffeur-logo.png&w=128&q=75 1x, /_next/image?url=%2Freferences%2Fmychauffeur-logo.png&w=256&q=75 2x" src="/_next/image?url=%2Freferences%2Fmychauffeur-logo.png&w=256&q=75"/></div><p class="jsx-e4c0ee4aadd7f829 text-center mt-3 text-sm font-medium text-gray-900 group-hover:text-primary transition-colors">MyChauffeur</p></a></div><div class="jsx-e4c0ee4aadd7f829 group flex-shrink-0 w-48 mx-4 relative"><a class="block" href="/references/ernestor"><div class="jsx-e4c0ee4aadd7f829 bg-white rounded-lg shadow-md hover:shadow-xl transition-all duration-300 p-6 w-48 h-48 flex items-center justify-center relative overflow-visible"><img alt="Ernestor logo" loading="lazy" width="120" height="120" decoding="async" data-nimg="1" class="object-contain w-full h-full transition-all duration-300 opacity-100" style="color:transparent" srcset="/_next/image?url=%2Freferences%2Fernestor-logo.png&w=128&q=75 1x, /_next/image?url=%2Freferences%2Fernestor-logo.png&w=256&q=75 2x" src="/_next/image?url=%2Freferences%2Fernestor-logo.png&w=256&q=75"/></div><p class="jsx-e4c0ee4aadd7f829 text-center mt-3 text-sm font-medium text-gray-900 group-hover:text-primary transition-colors">Ernestor</p></a></div><div class="jsx-e4c0ee4aadd7f829 group flex-shrink-0 w-48 mx-4 relative"><a class="block" href="/references/traqfood"><div class="jsx-e4c0ee4aadd7f829 bg-white rounded-lg shadow-md hover:shadow-xl transition-all duration-300 p-6 w-48 h-48 flex items-center justify-center relative overflow-visible"><img alt="Traqfood logo" loading="lazy" width="120" height="120" decoding="async" data-nimg="1" class="object-contain w-full h-full transition-all duration-300 opacity-100" style="color:transparent" src="/references/traqfood-logo.svg"/></div><p class="jsx-e4c0ee4aadd7f829 text-center mt-3 text-sm font-medium text-gray-900 group-hover:text-primary transition-colors">Traqfood</p></a></div><div class="jsx-e4c0ee4aadd7f829 group flex-shrink-0 w-48 mx-4 relative"><a class="block" href="/references/sweel"><div class="jsx-e4c0ee4aadd7f829 bg-white rounded-lg shadow-md hover:shadow-xl transition-all duration-300 p-6 w-48 h-48 flex items-center justify-center relative overflow-visible"><img alt="Sweel logo" loading="lazy" width="120" height="120" decoding="async" data-nimg="1" class="object-contain w-full h-full transition-all duration-300 opacity-100" style="color:transparent" srcset="/_next/image?url=%2Freferences%2Fsweel-logo.png&w=128&q=75 1x, /_next/image?url=%2Freferences%2Fsweel-logo.png&w=256&q=75 2x" src="/_next/image?url=%2Freferences%2Fsweel-logo.png&w=256&q=75"/></div><p class="jsx-e4c0ee4aadd7f829 text-center mt-3 text-sm font-medium text-gray-900 group-hover:text-primary transition-colors">Sweel</p></a></div><div class="jsx-e4c0ee4aadd7f829 group flex-shrink-0 w-48 mx-4 relative"><a class="block" href="/references/letmo"><div class="jsx-e4c0ee4aadd7f829 bg-white rounded-lg shadow-md hover:shadow-xl transition-all duration-300 p-6 w-48 h-48 flex items-center justify-center relative overflow-visible"><img alt="Letmo logo" loading="lazy" width="120" height="120" decoding="async" data-nimg="1" class="object-contain w-full h-full transition-all duration-300 opacity-100" style="color:transparent" srcset="/_next/image?url=%2Freferences%2Fletmo-logo.webp&w=128&q=75 1x, /_next/image?url=%2Freferences%2Fletmo-logo.webp&w=256&q=75 2x" src="/_next/image?url=%2Freferences%2Fletmo-logo.webp&w=256&q=75"/></div><p class="jsx-e4c0ee4aadd7f829 text-center mt-3 text-sm font-medium text-gray-900 group-hover:text-primary transition-colors">Letmo</p></a></div><div class="jsx-e4c0ee4aadd7f829 group flex-shrink-0 w-48 mx-4 relative"><a class="block" href="/references/wiinup"><div class="jsx-e4c0ee4aadd7f829 bg-white rounded-lg shadow-md hover:shadow-xl transition-all duration-300 p-6 w-48 h-48 flex items-center justify-center relative overflow-visible"><img alt="Wiinup logo" loading="lazy" width="120" height="120" decoding="async" data-nimg="1" class="object-contain w-full h-full transition-all duration-300 opacity-100" style="color:transparent" srcset="/_next/image?url=%2Freferences%2Fwiinup-logo.png&w=128&q=75 1x, /_next/image?url=%2Freferences%2Fwiinup-logo.png&w=256&q=75 2x" src="/_next/image?url=%2Freferences%2Fwiinup-logo.png&w=256&q=75"/></div><p class="jsx-e4c0ee4aadd7f829 text-center mt-3 text-sm font-medium text-gray-900 group-hover:text-primary transition-colors">Wiinup</p></a></div><div class="jsx-e4c0ee4aadd7f829 group flex-shrink-0 w-48 mx-4 relative"><a class="block" href="/references/genstreprends"><div class="jsx-e4c0ee4aadd7f829 bg-white rounded-lg shadow-md hover:shadow-xl transition-all duration-300 p-6 w-48 h-48 flex items-center justify-center relative overflow-visible"><img alt="Gens'treprends logo" loading="lazy" width="120" height="120" decoding="async" data-nimg="1" class="object-contain w-full h-full transition-all duration-300 opacity-100" style="color:transparent" srcset="/_next/image?url=%2Freferences%2Fgenstreprends-logo.png&w=128&q=75 1x, /_next/image?url=%2Freferences%2Fgenstreprends-logo.png&w=256&q=75 2x" src="/_next/image?url=%2Freferences%2Fgenstreprends-logo.png&w=256&q=75"/></div><p class="jsx-e4c0ee4aadd7f829 text-center mt-3 text-sm font-medium text-gray-900 group-hover:text-primary transition-colors">Gens'treprends</p></a></div><div class="jsx-e4c0ee4aadd7f829 group flex-shrink-0 w-48 mx-4 relative"><a class="block" href="/references/handivisites"><div class="jsx-e4c0ee4aadd7f829 bg-white rounded-lg shadow-md hover:shadow-xl transition-all duration-300 p-6 w-48 h-48 flex items-center justify-center relative overflow-visible"><img alt="Handivisites logo" loading="lazy" width="120" height="120" decoding="async" data-nimg="1" class="object-contain w-full h-full transition-all duration-300 opacity-100" style="color:transparent" src="/references/handivisites-logo.svg"/></div><p class="jsx-e4c0ee4aadd7f829 text-center mt-3 text-sm font-medium text-gray-900 group-hover:text-primary transition-colors">Handivisites</p></a></div><div class="jsx-e4c0ee4aadd7f829 group flex-shrink-0 w-48 mx-4 relative"><a class="block" href="/references/circl"><div class="jsx-e4c0ee4aadd7f829 bg-white rounded-lg shadow-md hover:shadow-xl transition-all duration-300 p-6 w-48 h-48 flex items-center justify-center relative overflow-visible"><img alt="Circl logo" loading="lazy" width="120" height="120" decoding="async" data-nimg="1" class="object-contain w-full h-full transition-all duration-300 opacity-100" style="color:transparent" src="/references/circl-logo.svg"/></div><p class="jsx-e4c0ee4aadd7f829 text-center mt-3 text-sm font-medium text-gray-900 group-hover:text-primary transition-colors">Circl</p></a></div><div class="jsx-e4c0ee4aadd7f829 group flex-shrink-0 w-48 mx-4 relative"><a class="block" href="/references/edeal"><div class="jsx-e4c0ee4aadd7f829 bg-white rounded-lg shadow-md hover:shadow-xl transition-all duration-300 p-6 w-48 h-48 flex items-center justify-center relative overflow-visible"><img alt="eDeal logo" loading="lazy" width="120" height="120" decoding="async" data-nimg="1" class="object-contain w-full h-full transition-all duration-300 opacity-100" style="color:transparent" srcset="/_next/image?url=%2Freferences%2Fedeal-logo.png&w=128&q=75 1x, /_next/image?url=%2Freferences%2Fedeal-logo.png&w=256&q=75 2x" src="/_next/image?url=%2Freferences%2Fedeal-logo.png&w=256&q=75"/></div><p class="jsx-e4c0ee4aadd7f829 text-center mt-3 text-sm font-medium text-gray-900 group-hover:text-primary transition-colors">eDeal</p></a></div><div class="jsx-e4c0ee4aadd7f829 group flex-shrink-0 w-48 mx-4 relative"><a class="block" href="/references/hudada"><div class="jsx-e4c0ee4aadd7f829 bg-white rounded-lg shadow-md hover:shadow-xl transition-all duration-300 p-6 w-48 h-48 flex items-center justify-center relative overflow-visible"><img alt="Hudada logo" loading="lazy" width="120" height="120" decoding="async" data-nimg="1" class="object-contain w-full h-full transition-all duration-300 opacity-100" style="color:transparent" srcset="/_next/image?url=%2Freferences%2Fhudada-logo.png&w=128&q=75 1x, /_next/image?url=%2Freferences%2Fhudada-logo.png&w=256&q=75 2x" src="/_next/image?url=%2Freferences%2Fhudada-logo.png&w=256&q=75"/></div><p class="jsx-e4c0ee4aadd7f829 text-center mt-3 text-sm font-medium text-gray-900 group-hover:text-primary transition-colors">Hudada</p></a></div><div class="jsx-e4c0ee4aadd7f829 group flex-shrink-0 w-48 mx-4 relative"><a class="block" href="/references/glibl"><div class="jsx-e4c0ee4aadd7f829 bg-white rounded-lg shadow-md hover:shadow-xl transition-all duration-300 p-6 w-48 h-48 flex items-center justify-center relative overflow-visible"><img alt="Glibl logo" loading="lazy" width="120" height="120" decoding="async" data-nimg="1" class="object-contain w-full h-full transition-all duration-300 opacity-100" style="color:transparent" src="/references/glibl-logo.svg"/></div><p class="jsx-e4c0ee4aadd7f829 text-center mt-3 text-sm font-medium text-gray-900 group-hover:text-primary transition-colors">Glibl</p></a></div><div class="jsx-e4c0ee4aadd7f829 group flex-shrink-0 w-48 mx-4 relative"><a class="block" href="/references/mychauffeur"><div class="jsx-e4c0ee4aadd7f829 bg-white rounded-lg shadow-md hover:shadow-xl transition-all duration-300 p-6 w-48 h-48 flex items-center justify-center relative overflow-visible"><img alt="MyChauffeur logo" loading="lazy" width="120" height="120" decoding="async" data-nimg="1" class="object-contain w-full h-full transition-all duration-300 opacity-100" style="color:transparent" srcset="/_next/image?url=%2Freferences%2Fmychauffeur-logo.png&w=128&q=75 1x, /_next/image?url=%2Freferences%2Fmychauffeur-logo.png&w=256&q=75 2x" src="/_next/image?url=%2Freferences%2Fmychauffeur-logo.png&w=256&q=75"/></div><p class="jsx-e4c0ee4aadd7f829 text-center mt-3 text-sm font-medium text-gray-900 group-hover:text-primary transition-colors">MyChauffeur</p></a></div><div class="jsx-e4c0ee4aadd7f829 group flex-shrink-0 w-48 mx-4 relative"><a class="block" href="/references/ernestor"><div class="jsx-e4c0ee4aadd7f829 bg-white rounded-lg shadow-md hover:shadow-xl transition-all duration-300 p-6 w-48 h-48 flex items-center justify-center relative overflow-visible"><img alt="Ernestor logo" loading="lazy" width="120" height="120" decoding="async" data-nimg="1" class="object-contain w-full h-full transition-all duration-300 opacity-100" style="color:transparent" srcset="/_next/image?url=%2Freferences%2Fernestor-logo.png&w=128&q=75 1x, /_next/image?url=%2Freferences%2Fernestor-logo.png&w=256&q=75 2x" src="/_next/image?url=%2Freferences%2Fernestor-logo.png&w=256&q=75"/></div><p class="jsx-e4c0ee4aadd7f829 text-center mt-3 text-sm font-medium text-gray-900 group-hover:text-primary transition-colors">Ernestor</p></a></div><div class="jsx-e4c0ee4aadd7f829 group flex-shrink-0 w-48 mx-4 relative"><a class="block" href="/references/traqfood"><div class="jsx-e4c0ee4aadd7f829 bg-white rounded-lg shadow-md hover:shadow-xl transition-all duration-300 p-6 w-48 h-48 flex items-center justify-center relative overflow-visible"><img alt="Traqfood logo" loading="lazy" width="120" height="120" decoding="async" data-nimg="1" class="object-contain w-full h-full transition-all duration-300 opacity-100" style="color:transparent" src="/references/traqfood-logo.svg"/></div><p class="jsx-e4c0ee4aadd7f829 text-center mt-3 text-sm font-medium text-gray-900 group-hover:text-primary transition-colors">Traqfood</p></a></div><div class="jsx-e4c0ee4aadd7f829 group flex-shrink-0 w-48 mx-4 relative"><a class="block" href="/references/sweel"><div class="jsx-e4c0ee4aadd7f829 bg-white rounded-lg shadow-md hover:shadow-xl transition-all duration-300 p-6 w-48 h-48 flex items-center justify-center relative overflow-visible"><img alt="Sweel logo" loading="lazy" width="120" height="120" decoding="async" data-nimg="1" class="object-contain w-full h-full transition-all duration-300 opacity-100" style="color:transparent" srcset="/_next/image?url=%2Freferences%2Fsweel-logo.png&w=128&q=75 1x, /_next/image?url=%2Freferences%2Fsweel-logo.png&w=256&q=75 2x" src="/_next/image?url=%2Freferences%2Fsweel-logo.png&w=256&q=75"/></div><p class="jsx-e4c0ee4aadd7f829 text-center mt-3 text-sm font-medium text-gray-900 group-hover:text-primary transition-colors">Sweel</p></a></div><div class="jsx-e4c0ee4aadd7f829 group flex-shrink-0 w-48 mx-4 relative"><a class="block" href="/references/letmo"><div class="jsx-e4c0ee4aadd7f829 bg-white rounded-lg shadow-md hover:shadow-xl transition-all duration-300 p-6 w-48 h-48 flex items-center justify-center relative overflow-visible"><img alt="Letmo logo" loading="lazy" width="120" height="120" decoding="async" data-nimg="1" class="object-contain w-full h-full transition-all duration-300 opacity-100" style="color:transparent" srcset="/_next/image?url=%2Freferences%2Fletmo-logo.webp&w=128&q=75 1x, /_next/image?url=%2Freferences%2Fletmo-logo.webp&w=256&q=75 2x" src="/_next/image?url=%2Freferences%2Fletmo-logo.webp&w=256&q=75"/></div><p class="jsx-e4c0ee4aadd7f829 text-center mt-3 text-sm font-medium text-gray-900 group-hover:text-primary transition-colors">Letmo</p></a></div><div class="jsx-e4c0ee4aadd7f829 group flex-shrink-0 w-48 mx-4 relative"><a class="block" href="/references/wiinup"><div class="jsx-e4c0ee4aadd7f829 bg-white rounded-lg shadow-md hover:shadow-xl transition-all duration-300 p-6 w-48 h-48 flex items-center justify-center relative overflow-visible"><img alt="Wiinup logo" loading="lazy" width="120" height="120" decoding="async" data-nimg="1" class="object-contain w-full h-full transition-all duration-300 opacity-100" style="color:transparent" srcset="/_next/image?url=%2Freferences%2Fwiinup-logo.png&w=128&q=75 1x, /_next/image?url=%2Freferences%2Fwiinup-logo.png&w=256&q=75 2x" src="/_next/image?url=%2Freferences%2Fwiinup-logo.png&w=256&q=75"/></div><p class="jsx-e4c0ee4aadd7f829 text-center mt-3 text-sm font-medium text-gray-900 group-hover:text-primary transition-colors">Wiinup</p></a></div><div class="jsx-e4c0ee4aadd7f829 group flex-shrink-0 w-48 mx-4 relative"><a class="block" href="/references/genstreprends"><div class="jsx-e4c0ee4aadd7f829 bg-white rounded-lg shadow-md hover:shadow-xl transition-all duration-300 p-6 w-48 h-48 flex items-center justify-center relative overflow-visible"><img alt="Gens'treprends logo" loading="lazy" width="120" height="120" decoding="async" data-nimg="1" class="object-contain w-full h-full transition-all duration-300 opacity-100" style="color:transparent" srcset="/_next/image?url=%2Freferences%2Fgenstreprends-logo.png&w=128&q=75 1x, /_next/image?url=%2Freferences%2Fgenstreprends-logo.png&w=256&q=75 2x" src="/_next/image?url=%2Freferences%2Fgenstreprends-logo.png&w=256&q=75"/></div><p class="jsx-e4c0ee4aadd7f829 text-center mt-3 text-sm font-medium text-gray-900 group-hover:text-primary transition-colors">Gens'treprends</p></a></div><div class="jsx-e4c0ee4aadd7f829 group flex-shrink-0 w-48 mx-4 relative"><a class="block" href="/references/handivisites"><div class="jsx-e4c0ee4aadd7f829 bg-white rounded-lg shadow-md hover:shadow-xl transition-all duration-300 p-6 w-48 h-48 flex items-center justify-center relative overflow-visible"><img alt="Handivisites logo" loading="lazy" width="120" height="120" decoding="async" data-nimg="1" class="object-contain w-full h-full transition-all duration-300 opacity-100" style="color:transparent" src="/references/handivisites-logo.svg"/></div><p class="jsx-e4c0ee4aadd7f829 text-center mt-3 text-sm font-medium text-gray-900 group-hover:text-primary transition-colors">Handivisites</p></a></div><div class="jsx-e4c0ee4aadd7f829 group flex-shrink-0 w-48 mx-4 relative"><a class="block" href="/references/circl"><div class="jsx-e4c0ee4aadd7f829 bg-white rounded-lg shadow-md hover:shadow-xl transition-all duration-300 p-6 w-48 h-48 flex items-center justify-center relative overflow-visible"><img alt="Circl logo" loading="lazy" width="120" height="120" decoding="async" data-nimg="1" class="object-contain w-full h-full transition-all duration-300 opacity-100" style="color:transparent" src="/references/circl-logo.svg"/></div><p class="jsx-e4c0ee4aadd7f829 text-center mt-3 text-sm font-medium text-gray-900 group-hover:text-primary transition-colors">Circl</p></a></div><div class="jsx-e4c0ee4aadd7f829 group flex-shrink-0 w-48 mx-4 relative"><a class="block" href="/references/edeal"><div class="jsx-e4c0ee4aadd7f829 bg-white rounded-lg shadow-md hover:shadow-xl transition-all duration-300 p-6 w-48 h-48 flex items-center justify-center relative overflow-visible"><img alt="eDeal logo" loading="lazy" width="120" height="120" decoding="async" data-nimg="1" class="object-contain w-full h-full transition-all duration-300 opacity-100" style="color:transparent" srcset="/_next/image?url=%2Freferences%2Fedeal-logo.png&w=128&q=75 1x, /_next/image?url=%2Freferences%2Fedeal-logo.png&w=256&q=75 2x" src="/_next/image?url=%2Freferences%2Fedeal-logo.png&w=256&q=75"/></div><p class="jsx-e4c0ee4aadd7f829 text-center mt-3 text-sm font-medium text-gray-900 group-hover:text-primary transition-colors">eDeal</p></a></div><div class="jsx-e4c0ee4aadd7f829 group flex-shrink-0 w-48 mx-4 relative"><a class="block" href="/references/hudada"><div class="jsx-e4c0ee4aadd7f829 bg-white rounded-lg shadow-md hover:shadow-xl transition-all duration-300 p-6 w-48 h-48 flex items-center justify-center relative overflow-visible"><img alt="Hudada logo" loading="lazy" width="120" height="120" decoding="async" data-nimg="1" class="object-contain w-full h-full transition-all duration-300 opacity-100" style="color:transparent" srcset="/_next/image?url=%2Freferences%2Fhudada-logo.png&w=128&q=75 1x, /_next/image?url=%2Freferences%2Fhudada-logo.png&w=256&q=75 2x" src="/_next/image?url=%2Freferences%2Fhudada-logo.png&w=256&q=75"/></div><p class="jsx-e4c0ee4aadd7f829 text-center mt-3 text-sm font-medium text-gray-900 group-hover:text-primary transition-colors">Hudada</p></a></div><div class="jsx-e4c0ee4aadd7f829 group flex-shrink-0 w-48 mx-4 relative"><a class="block" href="/references/glibl"><div class="jsx-e4c0ee4aadd7f829 bg-white rounded-lg shadow-md hover:shadow-xl transition-all duration-300 p-6 w-48 h-48 flex items-center justify-center relative overflow-visible"><img alt="Glibl logo" loading="lazy" width="120" height="120" decoding="async" data-nimg="1" class="object-contain w-full h-full transition-all duration-300 opacity-100" style="color:transparent" src="/references/glibl-logo.svg"/></div><p class="jsx-e4c0ee4aadd7f829 text-center mt-3 text-sm font-medium text-gray-900 group-hover:text-primary transition-colors">Glibl</p></a></div><div class="jsx-e4c0ee4aadd7f829 group flex-shrink-0 w-48 mx-4 relative"><a class="block" href="/references/mychauffeur"><div class="jsx-e4c0ee4aadd7f829 bg-white rounded-lg shadow-md hover:shadow-xl transition-all duration-300 p-6 w-48 h-48 flex items-center justify-center relative overflow-visible"><img alt="MyChauffeur logo" loading="lazy" width="120" height="120" decoding="async" data-nimg="1" class="object-contain w-full h-full transition-all duration-300 opacity-100" style="color:transparent" srcset="/_next/image?url=%2Freferences%2Fmychauffeur-logo.png&w=128&q=75 1x, /_next/image?url=%2Freferences%2Fmychauffeur-logo.png&w=256&q=75 2x" src="/_next/image?url=%2Freferences%2Fmychauffeur-logo.png&w=256&q=75"/></div><p class="jsx-e4c0ee4aadd7f829 text-center mt-3 text-sm font-medium text-gray-900 group-hover:text-primary transition-colors">MyChauffeur</p></a></div></div></div></div><div class="jsx-e4c0ee4aadd7f829 mt-12 text-center"><p class="jsx-e4c0ee4aadd7f829 text-gray-600 mb-6">Vous avez un projet d'application mobile ?</p><a href="#contact" class="jsx-e4c0ee4aadd7f829 btn-primary inline-block">Discutons de votre projet</a></div></div></section><section id="services" class="py-12 md:py-20 bg-gray-50"><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"><div class="text-center mb-16"><h2 class="text-4xl font-bold text-gray-900 mb-4">Nos services de développement mobile</h2><p class="text-xl text-gray-600 max-w-3xl mx-auto">De la conception à la publication, notre agence vous accompagne sur toutes les étapes de votre projet d'application mobile</p></div><div class="grid md:grid-cols-2 gap-8"><div class="bg-white rounded-lg p-8 shadow-sm hover:shadow-md transition-shadow"><div class="flex items-start"><div class="flex-shrink-0 w-12 h-12 bg-primary rounded-lg flex items-center justify-center text-2xl mr-4">📱</div><div class="flex-1"><h3 class="text-xl font-bold text-gray-900 mb-3">Création d'application mobile iOS & Android</h3><p class="text-gray-600 leading-relaxed">De l'idée au lancement, nous transformons votre projet en application performante. Design UX/UI sur mesure, développement natif (Swift pour iOS, Kotlin pour Android) ou cross-platform avec React Native. Méthodologie agile éprouvée sur +50 projets.</p></div></div></div><div class="bg-white rounded-lg p-8 shadow-sm hover:shadow-md transition-shadow"><div class="flex items-start"><div class="flex-shrink-0 w-12 h-12 bg-primary rounded-lg flex items-center justify-center text-2xl mr-4">🚀</div><div class="flex-1"><h3 class="text-xl font-bold text-gray-900 mb-3">Développement sur mesure pour startups et PME</h3><p class="text-gray-600 leading-relaxed">Nous créons des applications mobiles personnalisées adaptées à vos besoins et à votre budget. Développement agile avec des sprints de 2 semaines et des livrables réguliers pour un time-to-market optimal et une flexibilité maximale.</p></div></div></div><div class="bg-white rounded-lg p-8 shadow-sm hover:shadow-md transition-shadow"><div class="flex items-start"><div class="flex-shrink-0 w-12 h-12 bg-primary rounded-lg flex items-center justify-center text-2xl mr-4">🔍</div><div class="flex-1"><h3 class="text-xl font-bold text-gray-900 mb-3">Audit & refonte d'applications existantes</h3><p class="text-gray-600 leading-relaxed">Votre application mobile manque de performance ou devient difficile à maintenir ? Nous réalisons un audit complet (infrastructure, code, UX/UI) et proposons une refonte complète pour améliorer l'expérience utilisateur et la scalabilité.</p></div></div></div><div class="bg-white rounded-lg p-8 shadow-sm hover:shadow-md transition-shadow"><div class="flex items-start"><div class="flex-shrink-0 w-12 h-12 bg-primary rounded-lg flex items-center justify-center text-2xl mr-4">👥</div><div class="flex-1"><h3 class="text-xl font-bold text-gray-900 mb-3">Renfort d'équipe et accompagnement technique</h3><p class="text-gray-600 leading-relaxed">Besoin de compétences mobiles supplémentaires ? Nos développeurs experts iOS, Android et React Native s'intègrent à vos équipes existantes. Accompagnement flexible et concentré sur vos objectifs métier.</p></div></div></div></div></div></section><section id="simulateur" class="py-6 bg-gradient-to-br from-secondary via-secondary to-gray-900"><div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8"><div class="text-center mb-12"><h2 class="text-4xl font-bold text-white mb-4">Estimez votre application mobile 📱</h2><p class="text-xl text-gray-300 mb-6">Répondez à 6 questions simples pour recevoir votre estimation</p></div><div class="text-center mb-12"><div class="max-w-md mx-auto bg-white/20 rounded-full h-3 overflow-hidden"><div class="bg-primary h-full transition-all duration-300 rounded-full" style="width:16.666666666666664%"></div></div><p class="text-primary font-semibold mt-2">Étape <!-- -->1<!-- --> sur 6</p></div><div class="bg-white rounded-2xl shadow-2xl p-8"><div><h3 class="text-2xl font-bold text-gray-900 mb-2">Sur quelle plateforme ?</h3><p class="text-gray-600 mb-6">Choisissez la ou les plateformes pour votre application</p><div class="space-y-4"><button class="w-full p-6 rounded-xl border-2 transition-all text-left hover:border-primary hover:shadow-lg border-gray-200"><div class="font-bold text-xl text-gray-900">iOS uniquement</div></button><button class="w-full p-6 rounded-xl border-2 transition-all text-left hover:border-primary hover:shadow-lg border-gray-200"><div class="font-bold text-xl text-gray-900">Android uniquement</div></button><button class="w-full p-6 rounded-xl border-2 transition-all text-left hover:border-primary hover:shadow-lg border-gray-200"><div class="font-bold text-xl text-gray-900">iOS + Android</div></button></div></div></div><div class="text-center mt-8"><p class="text-gray-300 text-sm">🔒 100% offert · ⚡ Résultats instantanés · 🎯 Estimation réaliste</p></div></div></section><section id="team" class="py-12 md:py-20 bg-white"><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"><div class="grid md:grid-cols-2 gap-12 max-w-5xl mx-auto"><div class="text-center"><div class="mb-6"><div class="w-64 h-64 mx-auto rounded-lg overflow-hidden shadow-lg"><img alt="Mouad - Co-fondateur" loading="lazy" width="256" height="256" decoding="async" data-nimg="1" class="w-full h-full object-cover" style="color:transparent" srcset="/_next/image?url=%2Fphoto%20mouad.png&w=256&q=75 1x, /_next/image?url=%2Fphoto%20mouad.png&w=640&q=75 2x" src="/_next/image?url=%2Fphoto%20mouad.png&w=640&q=75"/></div></div><h3 class="text-2xl font-bold text-gray-900 mb-1">Mouad<!-- -->, <span class="text-primary">Co-fondateur</span></h3><p class="text-gray-600 mb-4">Diplômé de l'École 42, Mouad a acquis une solide expérience en développement au sein de plusieurs startups innovantes. Passionné par la création d'applications performantes et scalables.</p><a href="https://www.linkedin.com/in/mouadbouziani/" target="_blank" rel="noopener noreferrer" class="inline-flex items-center text-primary hover:text-primary-dark transition-colors" aria-label="Profil LinkedIn de Mouad"><svg class="w-6 h-6" fill="currentColor" viewbox="0 0 24 24"><path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z"></path></svg></a></div><div class="text-center"><div class="mb-6"><div class="w-64 h-64 mx-auto rounded-lg overflow-hidden shadow-lg"><img alt="Hamza - Co-fondateur" loading="lazy" width="256" height="256" decoding="async" data-nimg="1" class="w-full h-full object-cover" style="color:transparent" srcset="/_next/image?url=%2Fphoto%20hamza.png&w=256&q=75 1x, /_next/image?url=%2Fphoto%20hamza.png&w=640&q=75 2x" src="/_next/image?url=%2Fphoto%20hamza.png&w=640&q=75"/></div></div><h3 class="text-2xl font-bold text-gray-900 mb-1">Hamza<!-- -->, <span class="text-primary">Co-fondateur</span></h3><p class="text-gray-600 mb-4">Diplômé de l'École 42, Hamza possède une expertise reconnue en architecture logicielle et développement. Son parcours en startup lui a permis de maîtriser la création de solutions techniques sur mesure.</p><a href="https://www.linkedin.com/in/hamza-bouziani-59b8336b/" target="_blank" rel="noopener noreferrer" class="inline-flex items-center text-primary hover:text-primary-dark transition-colors" aria-label="Profil LinkedIn de Hamza"><svg class="w-6 h-6" fill="currentColor" viewbox="0 0 24 24"><path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z"></path></svg></a></div></div><div class="mt-16 text-center"><div class="mb-8"><h3 class="text-xl font-semibold text-gray-800 mb-6">Frères et co-fondateurs</h3><p class="text-gray-600 max-w-2xl mx-auto mb-8">Mouad et Hamza sont frères et ont fondé CaptainDev ensemble. Diplômés de l'École 42, ils partagent une passion commune pour le développement d'applications mobiles innovantes et ont collaboré sur de nombreux projets au sein de startups à forte croissance.</p></div><a href="#contact" class="btn-primary inline-block">Discutons de votre projet</a></div></div></section><section class="py-12 md:py-20 bg-white"><div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8"><div class="text-center mb-16"><h2 class="text-4xl font-bold text-gray-900 mb-4">Questions fréquentes</h2><p class="text-xl text-gray-600">Tout ce que vous devez savoir avant de démarrer</p></div><div class="space-y-4"><div class="border border-gray-200 rounded-lg overflow-hidden hover:border-primary transition-colors"><button class="w-full px-6 py-5 text-left flex justify-between items-center bg-white hover:bg-gray-50 transition-colors"><span class="font-semibold text-gray-900 pr-8">Quel est le budget minimum pour développer une application ?</span><svg class="w-6 h-6 text-primary flex-shrink-0 transition-transform" fill="none" viewbox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg></button></div><div class="border border-gray-200 rounded-lg overflow-hidden hover:border-primary transition-colors"><button class="w-full px-6 py-5 text-left flex justify-between items-center bg-white hover:bg-gray-50 transition-colors"><span class="font-semibold text-gray-900 pr-8">Combien de temps prend le développement d'une application ?</span><svg class="w-6 h-6 text-primary flex-shrink-0 transition-transform" fill="none" viewbox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg></button></div><div class="border border-gray-200 rounded-lg overflow-hidden hover:border-primary transition-colors"><button class="w-full px-6 py-5 text-left flex justify-between items-center bg-white hover:bg-gray-50 transition-colors"><span class="font-semibold text-gray-900 pr-8">Puis-je voir des exemples de vos réalisations ?</span><svg class="w-6 h-6 text-primary flex-shrink-0 transition-transform" fill="none" viewbox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg></button></div><div class="border border-gray-200 rounded-lg overflow-hidden hover:border-primary transition-colors"><button class="w-full px-6 py-5 text-left flex justify-between items-center bg-white hover:bg-gray-50 transition-colors"><span class="font-semibold text-gray-900 pr-8">Comment garantissez-vous la qualité du code ?</span><svg class="w-6 h-6 text-primary flex-shrink-0 transition-transform" fill="none" viewbox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg></button></div><div class="border border-gray-200 rounded-lg overflow-hidden hover:border-primary transition-colors"><button class="w-full px-6 py-5 text-left flex justify-between items-center bg-white hover:bg-gray-50 transition-colors"><span class="font-semibold text-gray-900 pr-8">Que se passe-t-il après le lancement de l'application ?</span><svg class="w-6 h-6 text-primary flex-shrink-0 transition-transform" fill="none" viewbox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg></button></div><div class="border border-gray-200 rounded-lg overflow-hidden hover:border-primary transition-colors"><button class="w-full px-6 py-5 text-left flex justify-between items-center bg-white hover:bg-gray-50 transition-colors"><span class="font-semibold text-gray-900 pr-8">Comment se déroule la première consultation ?</span><svg class="w-6 h-6 text-primary flex-shrink-0 transition-transform" fill="none" viewbox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg></button></div></div><div class="mt-12 text-center"><p class="text-gray-600 mb-6">Vous avez d'autres questions ?</p><a href="#contact" class="btn-primary inline-block">Parlons de votre projet →</a></div></div></section><section id="contact" class="py-12 md:py-20 bg-primary"><div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center"><h2 class="text-4xl font-bold text-secondary mb-6">Parlons de votre projet d'application mobile 🚀</h2><p class="text-xl text-secondary/90 mb-6">Consultation de 30 minutes · Devis détaillé sous 24h · Sans engagement</p><div class="flex flex-col sm:flex-row gap-4 justify-center items-center mb-8"><a href="https://calendly.com/hello-captaindev/30min" target="_blank" rel="noopener noreferrer" class="inline-block bg-secondary text-white hover:bg-secondary-light font-bold px-8 py-4 rounded-md transition-all duration-200 hover:scale-105 shadow-xl w-full sm:w-auto">📅 Réserver un appel de 30 min</a><a href="tel:+33757594771" class="inline-block bg-white text-secondary hover:bg-gray-100 font-bold px-8 py-4 rounded-md transition-all duration-200 hover:scale-105 shadow-xl w-full sm:w-auto">📞 +33 7 57 59 47 71</a><a href="https://wa.me/33757594771" target="_blank" rel="noopener noreferrer" class="inline-block bg-green-500 text-white hover:bg-green-600 font-bold px-8 py-4 rounded-md transition-all duration-200 hover:scale-105 shadow-xl w-full sm:w-auto">💬 WhatsApp</a></div><p class="text-secondary/80 text-sm">⚡ Réponse garantie en moins de 24h · 🔒 Vos données sont 100% sécurisées</p></div></section></main><footer class="bg-gray-900 text-white py-12"><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"><div class="grid md:grid-cols-4 gap-8"><div class="md:col-span-2"><h3 class="text-2xl font-bold mb-4">CaptainDev</h3><p class="text-gray-400 mb-4">Votre agence de développement d'applications sur mesure.</p></div><div><h4 class="font-semibold mb-4">Navigation</h4><ul class="space-y-2"><li><a href="#services" class="text-gray-400 hover:text-white transition-colors">Expertises</a></li><li><a href="#team" class="text-gray-400 hover:text-white transition-colors">Équipe</a></li><li><a href="#contact" class="text-gray-400 hover:text-white transition-colors">Contact</a></li></ul></div><div><h4 class="font-semibold mb-4">Contact</h4><ul class="space-y-2 text-gray-400"><li>hello@captaindev.co</li><li>Paris, France</li></ul></div></div><div class="border-t border-gray-800 mt-8 pt-8 text-center text-gray-400"><p>© <!-- -->2025<!-- --> CaptainDev. Tous droits réservés.</p><p class="mt-2"><a href="/mentions-legales" class="hover:text-white transition-colors underline">Mentions légales</a></p></div></div></footer><!--$--><!--/$--><script src="/_next/static/chunks/45f9e93a7f299c0a.js" id="_R_" async=""></script><script>(self.__next_f=self.__next_f||[]).push([0])</script><script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[37420,[\"/_next/static/chunks/37032b429df205c0.js\"],\"GoogleTagManager\"]\n3:I[39756,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/247eb132b7f7b574.js\"],\"default\"]\n4:I[37457,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/247eb132b7f7b574.js\"],\"default\"]\n5:I[67232,[\"/_next/static/chunks/37032b429df205c0.js\",\"/_next/static/chunks/6bf637ab0d90db5d.js\",\"/_next/static/chunks/a91864784cd47a16.js\",\"/_next/static/chunks/b1e825d2a09bea5e.js\"],\"default\"]\n6:I[35631,[\"/_next/static/chunks/37032b429df205c0.js\",\"/_next/static/chunks/6bf637ab0d90db5d.js\",\"/_next/static/chunks/a91864784cd47a16.js\",\"/_next/static/chunks/b1e825d2a09bea5e.js\"],\"default\"]\n7:I[70119,[\"/_next/static/chunks/37032b429df205c0.js\",\"/_next/static/chunks/6bf637ab0d90db5d.js\",\"/_next/static/chunks/a91864784cd47a16.js\",\"/_next/static/chunks/b1e825d2a09bea5e.js\"],\"default\"]\n8:I[33057,[\"/_next/static/chunks/37032b429df205c0.js\",\"/_next/static/chunks/6bf637ab0d90db5d.js\",\"/_next/static/chunks/a91864784cd47a16.js\",\"/_next/static/chunks/b1e825d2a09bea5e.js\"],\"default\"]\n9:I[67991,[\"/_next/static/chunks/37032b429df205c0.js\",\"/_next/static/chunks/6bf637ab0d90db5d.js\",\"/_next/static/chunks/a91864784cd47a16.js\",\"/_next/static/chunks/b1e825d2a09bea5e.js\"],\"default\"]\na:I[61887,[\"/_next/static/chunks/37032b429df205c0.js\",\"/_next/static/chunks/6bf637ab0d90db5d.js\",\"/_next/static/chunks/a91864784cd47a16.js\",\"/_next/static/chunks/b1e825d2a09bea5e.js\"],\"default\"]\nb:I[44809,[\"/_next/static/chunks/37032b429df205c0.js\",\"/_next/static/chunks/6bf637ab0d90db5d.js\",\"/_next/static/chunks/a91864784cd47a16.js\",\"/_next/static/chunks/b1e825d2a09bea5e.js\"],\"default\"]\nc:I[53891,[\"/_next/static/chunks/37032b429df205c0.js\",\"/_next/static/chunks/6bf637ab0d90db5d.js\",\"/_next/static/chunks/a91864784cd47a16.js\",\"/_next/static/chunks/b1e825d2a09bea5e.js\"],\"default\"]\nd:I[8571,[\"/_next/static/chunks/37032b429df205c0.js\",\"/_next/static/chunks/6bf637ab0d90db5d.js\",\"/_next/static/chunks/a91864784cd47a16.js\",\"/_next/static/chunks/b1e825d2a09bea5e.js\"],\"default\"]\n1e:I[68027,[],\"default\"]\n:HL[\"/_next/static/chunks/7575c07766f8cf76.css\",\"style\"]\n:HL[\"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800\u0026display=swap\",\"style\"]\n"])</script><script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"d_-8eEuYt5fuGagnY1LJR\",\"c\":[\"\",\"\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[\"__PAGE__\",{}]},\"$undefined\",\"$undefined\",true],[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/7575c07766f8cf76.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/37032b429df205c0.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"fr\",\"children\":[[\"$\",\"head\",null,{\"children\":[[\"$\",\"$L2\",null,{}],[\"$\",\"link\",null,{\"rel\":\"preconnect\",\"href\":\"https://fonts.googleapis.com\"}],[\"$\",\"link\",null,{\"rel\":\"preconnect\",\"href\":\"https://fonts.gstatic.com\",\"crossOrigin\":\"anonymous\"}],[\"$\",\"link\",null,{\"href\":\"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800\u0026display=swap\",\"rel\":\"stylesheet\"}],[\"$\",\"script\",null,{\"type\":\"text/javascript\",\"dangerouslySetInnerHTML\":{\"__html\":\"\\n (function(c,l,a,r,i,t,y){\\n c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};\\n t=l.createElement(r);t.async=1;t.src=\\\"https://www.clarity.ms/tag/\\\"+i;\\n y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);\\n })(window, document, \\\"clarity\\\", \\\"script\\\", \\\"u1wv8r3cf4\\\");\\n \"}}],[\"$\",\"script\",null,{\"async\":true,\"src\":\"https://www.googletagmanager.com/gtag/js?id=AW-17709454195\"}],[\"$\",\"script\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"\\n window.dataLayer = window.dataLayer || [];\\n function gtag(){dataLayer.push(arguments);}\\n gtag('js', new Date());\\n gtag('config', 'AW-17709454195');\\n \"}}],[\"$\",\"script\",null,{\"type\":\"text/javascript\",\"id\":\"hs-script-loader\",\"async\":true,\"defer\":true,\"src\":\"//js-eu1.hs-scripts.com/147249794.js\"}]]}],[\"$\",\"body\",null,{\"className\":\"antialiased\",\"children\":[\"$\",\"$L3\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L4\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":404}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]]}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"$L5\",null,{}],[\"$\",\"$L6\",null,{}],[\"$\",\"$L7\",null,{}],[\"$\",\"main\",null,{\"children\":[[\"$\",\"$L8\",null,{}],[\"$\",\"$L9\",null,{}],[\"$\",\"$La\",null,{}],[\"$\",\"$Lb\",null,{}],[\"$\",\"$Lc\",null,{}],[\"$\",\"$Ld\",null,{}],[\"$\",\"section\",null,{\"id\":\"services\",\"className\":\"py-12 md:py-20 bg-gray-50\",\"children\":[\"$\",\"div\",null,{\"className\":\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\",\"children\":[[\"$\",\"div\",null,{\"className\":\"text-center mb-16\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"text-4xl font-bold text-gray-900 mb-4\",\"children\":\"Nos services de développement mobile\"}],[\"$\",\"p\",null,{\"className\":\"text-xl text-gray-600 max-w-3xl mx-auto\",\"children\":\"De la conception à la publication, notre agence vous accompagne sur toutes les étapes de votre projet d'application mobile\"}]]}],[\"$\",\"div\",null,{\"className\":\"grid md:grid-cols-2 gap-8\",\"children\":[[\"$\",\"div\",\"0\",{\"className\":\"bg-white rounded-lg p-8 shadow-sm hover:shadow-md transition-shadow\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex items-start\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex-shrink-0 w-12 h-12 bg-primary rounded-lg flex items-center justify-center text-2xl mr-4\",\"children\":\"📱\"}],[\"$\",\"div\",null,{\"className\":\"flex-1\",\"children\":[\"$Le\",\"$Lf\"]}]]}]}],\"$L10\",\"$L11\",\"$L12\"]}]]}]}],\"$L13\",\"$L14\",\"$L15\",\"$L16\",\"$L17\"]}],\"$L18\"],[\"$L19\",\"$L1a\",\"$L1b\"],\"$L1c\"]}],{},null,false,false]},null,false,false],\"$L1d\",false]],\"m\":\"$undefined\",\"G\":[\"$1e\",[]],\"S\":true}\n"])</script><script>self.__next_f.push([1,"1f:I[60787,[\"/_next/static/chunks/37032b429df205c0.js\",\"/_next/static/chunks/6bf637ab0d90db5d.js\",\"/_next/static/chunks/a91864784cd47a16.js\",\"/_next/static/chunks/b1e825d2a09bea5e.js\"],\"default\"]\n20:I[27965,[\"/_next/static/chunks/37032b429df205c0.js\",\"/_next/static/chunks/6bf637ab0d90db5d.js\",\"/_next/static/chunks/a91864784cd47a16.js\",\"/_next/static/chunks/b1e825d2a09bea5e.js\"],\"default\"]\n21:I[85437,[\"/_next/static/chunks/37032b429df205c0.js\",\"/_next/static/chunks/6bf637ab0d90db5d.js\",\"/_next/static/chunks/a91864784cd47a16.js\",\"/_next/static/chunks/b1e825d2a09bea5e.js\"],\"Image\"]\n22:I[94489,[\"/_next/static/chunks/37032b429df205c0.js\",\"/_next/static/chunks/6bf637ab0d90db5d.js\",\"/_next/static/chunks/a91864784cd47a16.js\",\"/_next/static/chunks/b1e825d2a09bea5e.js\"],\"default\"]\n23:I[97367,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/247eb132b7f7b574.js\"],\"OutletBoundary\"]\n24:\"$Sreact.suspense\"\n26:I[97367,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/247eb132b7f7b574.js\"],\"ViewportBoundary\"]\n28:I[97367,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/247eb132b7f7b574.js\"],\"MetadataBoundary\"]\ne:[\"$\",\"h3\",null,{\"className\":\"text-xl font-bold text-gray-900 mb-3\",\"children\":\"Création d'application mobile iOS \u0026 Android\"}]\nf:[\"$\",\"p\",null,{\"className\":\"text-gray-600 leading-relaxed\",\"children\":\"De l'idée au lancement, nous transformons votre projet en application performante. Design UX/UI sur mesure, développement natif (Swift pour iOS, Kotlin pour Android) ou cross-platform avec React Native. Méthodologie agile éprouvée sur +50 projets.\"}]\n10:[\"$\",\"div\",\"1\",{\"className\":\"bg-white rounded-lg p-8 shadow-sm hover:shadow-md transition-shadow\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex items-start\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex-shrink-0 w-12 h-12 bg-primary rounded-lg flex items-center justify-center text-2xl mr-4\",\"children\":\"🚀\"}],[\"$\",\"div\",null,{\"className\":\"flex-1\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-xl font-bold text-gray-900 mb-3\",\"children\":\"Développement sur mesure pour startups et PME\"}],[\"$\",\"p\",null,{\"className\":\"text-gray-600 leading-relaxed\",\"children\":\"Nous créons des applications mobiles personnalisées adaptées à vos besoins et à votre budget. Développement agile avec des sprints de 2 semaines et des livrables réguliers pour un time-to-market optimal et une flexibilité maximale.\"}]]}]]}]}]\n11:[\"$\",\"div\",\"2\",{\"className\":\"bg-white rounded-lg p-8 shadow-sm hover:shadow-md transition-shadow\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex items-start\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex-shrink-0 w-12 h-12 bg-primary rounded-lg flex items-center justify-center text-2xl mr-4\",\"children\":\"🔍\"}],[\"$\",\"div\",null,{\"className\":\"flex-1\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-xl font-bold text-gray-900 mb-3\",\"children\":\"Audit \u0026 refonte d'applications existantes\"}],[\"$\",\"p\",null,{\"className\":\"text-gray-600 leading-relaxed\",\"children\":\"Votre application mobile manque de performance ou devient difficile à maintenir ? Nous réalisons un audit complet (infrastructure, code, UX/UI) et proposons une refonte complète pour améliorer l'expérience utilisateur et la scalabilité.\"}]]}]]}]}]\n12:[\"$\",\"div\",\"3\",{\"className\":\"bg-white rounded-lg p-8 shadow-sm hover:shadow-md transition-shadow\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex items-start\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex-shrink-0 w-12 h-12 bg-primary rounded-lg flex items-center justify-center text-2xl mr-4\",\"children\":\"👥\"}],[\"$\",\"div\",null,{\"className\":\"flex-1\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-xl font-bold text-gray-900 mb-3\",\"children\":\"Renfort d'équipe et accompagnement technique\"}],[\"$\",\"p\",null,{\"className\":\"text-gray-600 leading-relaxed\",\"children\":\"Besoin de compétences mobiles supplémentaires ? Nos développeurs experts iOS, Android et React Native s'intègrent à vos équipes existantes. Accompagnement flexible et concentré sur vos objectifs métier.\"}]]}]]}]}]\n13:[\"$\",\"$L1f\",null,{}]\n14:[\"$\",\"$L20\",null,{}]\n"])</script><script>self.__next_f.push([1,"15:[\"$\",\"section\",null,{\"id\":\"team\",\"className\":\"py-12 md:py-20 bg-white\",\"children\":[\"$\",\"div\",null,{\"className\":\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\",\"children\":[[\"$\",\"div\",null,{\"className\":\"grid md:grid-cols-2 gap-12 max-w-5xl mx-auto\",\"children\":[[\"$\",\"div\",\"0\",{\"className\":\"text-center\",\"children\":[[\"$\",\"div\",null,{\"className\":\"mb-6\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-64 h-64 mx-auto rounded-lg overflow-hidden shadow-lg\",\"children\":[\"$\",\"$L21\",null,{\"src\":\"/photo mouad.png\",\"alt\":\"Mouad - Co-fondateur\",\"width\":256,\"height\":256,\"className\":\"w-full h-full object-cover\"}]}]}],[\"$\",\"h3\",null,{\"className\":\"text-2xl font-bold text-gray-900 mb-1\",\"children\":[\"Mouad\",\", \",[\"$\",\"span\",null,{\"className\":\"text-primary\",\"children\":\"Co-fondateur\"}]]}],[\"$\",\"p\",null,{\"className\":\"text-gray-600 mb-4\",\"children\":\"Diplômé de l'École 42, Mouad a acquis une solide expérience en développement au sein de plusieurs startups innovantes. Passionné par la création d'applications performantes et scalables.\"}],[\"$\",\"a\",null,{\"href\":\"https://www.linkedin.com/in/mouadbouziani/\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"inline-flex items-center text-primary hover:text-primary-dark transition-colors\",\"aria-label\":\"Profil LinkedIn de Mouad\",\"children\":[\"$\",\"svg\",null,{\"className\":\"w-6 h-6\",\"fill\":\"currentColor\",\"viewBox\":\"0 0 24 24\",\"children\":[\"$\",\"path\",null,{\"d\":\"M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z\"}]}]}]]}],[\"$\",\"div\",\"1\",{\"className\":\"text-center\",\"children\":[[\"$\",\"div\",null,{\"className\":\"mb-6\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-64 h-64 mx-auto rounded-lg overflow-hidden shadow-lg\",\"children\":[\"$\",\"$L21\",null,{\"src\":\"/photo hamza.png\",\"alt\":\"Hamza - Co-fondateur\",\"width\":256,\"height\":256,\"className\":\"w-full h-full object-cover\"}]}]}],[\"$\",\"h3\",null,{\"className\":\"text-2xl font-bold text-gray-900 mb-1\",\"children\":[\"Hamza\",\", \",[\"$\",\"span\",null,{\"className\":\"text-primary\",\"children\":\"Co-fondateur\"}]]}],[\"$\",\"p\",null,{\"className\":\"text-gray-600 mb-4\",\"children\":\"Diplômé de l'École 42, Hamza possède une expertise reconnue en architecture logicielle et développement. Son parcours en startup lui a permis de maîtriser la création de solutions techniques sur mesure.\"}],[\"$\",\"a\",null,{\"href\":\"https://www.linkedin.com/in/hamza-bouziani-59b8336b/\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"inline-flex items-center text-primary hover:text-primary-dark transition-colors\",\"aria-label\":\"Profil LinkedIn de Hamza\",\"children\":[\"$\",\"svg\",null,{\"className\":\"w-6 h-6\",\"fill\":\"currentColor\",\"viewBox\":\"0 0 24 24\",\"children\":[\"$\",\"path\",null,{\"d\":\"M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z\"}]}]}]]}]]}],[\"$\",\"div\",null,{\"className\":\"mt-16 text-center\",\"children\":[[\"$\",\"div\",null,{\"className\":\"mb-8\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-xl font-semibold text-gray-800 mb-6\",\"children\":\"Frères et co-fondateurs\"}],[\"$\",\"p\",null,{\"className\":\"text-gray-600 max-w-2xl mx-auto mb-8\",\"children\":\"Mouad et Hamza sont frères et ont fondé CaptainDev ensemble. Diplômés de l'École 42, ils partagent une passion commune pour le développement d'applications mobiles innovantes et ont collaboré sur de nombreux projets au sein de startups à forte croissance.\"}]]}],[\"$\",\"a\",null,{\"href\":\"#contact\",\"className\":\"btn-primary inline-block\",\"children\":\"Discutons de votre projet\"}]]}]]}]}]\n"])</script><script>self.__next_f.push([1,"16:[\"$\",\"$L22\",null,{}]\n"])</script><script>self.__next_f.push([1,"17:[\"$\",\"section\",null,{\"id\":\"contact\",\"className\":\"py-12 md:py-20 bg-primary\",\"children\":[\"$\",\"div\",null,{\"className\":\"max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"text-4xl font-bold text-secondary mb-6\",\"children\":\"Parlons de votre projet d'application mobile 🚀\"}],[\"$\",\"p\",null,{\"className\":\"text-xl text-secondary/90 mb-6\",\"children\":\"Consultation de 30 minutes · Devis détaillé sous 24h · Sans engagement\"}],[\"$\",\"div\",null,{\"className\":\"flex flex-col sm:flex-row gap-4 justify-center items-center mb-8\",\"children\":[[\"$\",\"a\",null,{\"href\":\"https://calendly.com/hello-captaindev/30min\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"inline-block bg-secondary text-white hover:bg-secondary-light font-bold px-8 py-4 rounded-md transition-all duration-200 hover:scale-105 shadow-xl w-full sm:w-auto\",\"children\":\"📅 Réserver un appel de 30 min\"}],[\"$\",\"a\",null,{\"href\":\"tel:+33757594771\",\"className\":\"inline-block bg-white text-secondary hover:bg-gray-100 font-bold px-8 py-4 rounded-md transition-all duration-200 hover:scale-105 shadow-xl w-full sm:w-auto\",\"children\":\"📞 +33 7 57 59 47 71\"}],[\"$\",\"a\",null,{\"href\":\"https://wa.me/33757594771\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"inline-block bg-green-500 text-white hover:bg-green-600 font-bold px-8 py-4 rounded-md transition-all duration-200 hover:scale-105 shadow-xl w-full sm:w-auto\",\"children\":\"💬 WhatsApp\"}]]}],[\"$\",\"p\",null,{\"className\":\"text-secondary/80 text-sm\",\"children\":\"⚡ Réponse garantie en moins de 24h · 🔒 Vos données sont 100% sécurisées\"}]]}]}]\n"])</script><script>self.__next_f.push([1,"18:[\"$\",\"footer\",null,{\"className\":\"bg-gray-900 text-white py-12\",\"children\":[\"$\",\"div\",null,{\"className\":\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\",\"children\":[[\"$\",\"div\",null,{\"className\":\"grid md:grid-cols-4 gap-8\",\"children\":[[\"$\",\"div\",null,{\"className\":\"md:col-span-2\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-2xl font-bold mb-4\",\"children\":\"CaptainDev\"}],[\"$\",\"p\",null,{\"className\":\"text-gray-400 mb-4\",\"children\":\"Votre agence de développement d'applications sur mesure.\"}]]}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"h4\",null,{\"className\":\"font-semibold mb-4\",\"children\":\"Navigation\"}],[\"$\",\"ul\",null,{\"className\":\"space-y-2\",\"children\":[[\"$\",\"li\",null,{\"children\":[\"$\",\"a\",null,{\"href\":\"#services\",\"className\":\"text-gray-400 hover:text-white transition-colors\",\"children\":\"Expertises\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"a\",null,{\"href\":\"#team\",\"className\":\"text-gray-400 hover:text-white transition-colors\",\"children\":\"Équipe\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"a\",null,{\"href\":\"#contact\",\"className\":\"text-gray-400 hover:text-white transition-colors\",\"children\":\"Contact\"}]}]]}]]}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"h4\",null,{\"className\":\"font-semibold mb-4\",\"children\":\"Contact\"}],[\"$\",\"ul\",null,{\"className\":\"space-y-2 text-gray-400\",\"children\":[[\"$\",\"li\",null,{\"children\":\"hello@captaindev.co\"}],[\"$\",\"li\",null,{\"children\":\"Paris, France\"}]]}]]}]]}],[\"$\",\"div\",null,{\"className\":\"border-t border-gray-800 mt-8 pt-8 text-center text-gray-400\",\"children\":[[\"$\",\"p\",null,{\"children\":[\"© \",2025,\" CaptainDev. Tous droits réservés.\"]}],[\"$\",\"p\",null,{\"className\":\"mt-2\",\"children\":[\"$\",\"a\",null,{\"href\":\"/mentions-legales\",\"className\":\"hover:text-white transition-colors underline\",\"children\":\"Mentions légales\"}]}]]}]]}]}]\n"])</script><script>self.__next_f.push([1,"19:[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/6bf637ab0d90db5d.js\",\"async\":true,\"nonce\":\"$undefined\"}]\n1a:[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/a91864784cd47a16.js\",\"async\":true,\"nonce\":\"$undefined\"}]\n1b:[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/chunks/b1e825d2a09bea5e.js\",\"async\":true,\"nonce\":\"$undefined\"}]\n1c:[\"$\",\"$L23\",null,{\"children\":[\"$\",\"$24\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@25\"}]}]\n1d:[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$L26\",null,{\"children\":\"$@27\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$L28\",null,{\"children\":[\"$\",\"$24\",null,{\"name\":\"Next.Metadata\",\"children\":\"$@29\"}]}]}],null]}]\n"])</script><script>self.__next_f.push([1,"27:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n"])</script><script>self.__next_f.push([1,"2a:I[27201,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/247eb132b7f7b574.js\"],\"IconMark\"]\n"])</script><script>self.__next_f.push([1,"29:[[\"$\",\"title\",\"0\",{\"children\":\"Agence Application Mobile – Développement iOS \u0026 Android | CaptainDev\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Agence de développement d'applications mobiles sur mesure. Équipe senior iOS \u0026 Android. MVP en 30 jours, code source 100% à vous. Devis gratuit en 24h.\"}],[\"$\",\"meta\",\"2\",{\"name\":\"author\",\"content\":\"CaptainDev\"}],[\"$\",\"meta\",\"3\",{\"name\":\"keywords\",\"content\":\"agence application mobile, agence développement application mobile, agence création application mobile, développement app mobile, application mobile iOS, application mobile Android\"}],[\"$\",\"link\",\"4\",{\"rel\":\"canonical\",\"href\":\"https://www.captaindev.fr\"}],[\"$\",\"meta\",\"5\",{\"property\":\"og:title\",\"content\":\"Agence Application Mobile – Développement iOS \u0026 Android\"}],[\"$\",\"meta\",\"6\",{\"property\":\"og:description\",\"content\":\"Agence de développement d'applications mobiles sur mesure. Équipe senior iOS \u0026 Android. MVP en 30 jours, code source 100% à vous.\"}],[\"$\",\"meta\",\"7\",{\"property\":\"og:locale\",\"content\":\"fr_FR\"}],[\"$\",\"meta\",\"8\",{\"property\":\"og:type\",\"content\":\"website\"}],[\"$\",\"meta\",\"9\",{\"name\":\"twitter:card\",\"content\":\"summary\"}],[\"$\",\"meta\",\"10\",{\"name\":\"twitter:title\",\"content\":\"Agence Application Mobile – Développement iOS \u0026 Android\"}],[\"$\",\"meta\",\"11\",{\"name\":\"twitter:description\",\"content\":\"Agence de développement d'applications mobiles sur mesure. Équipe senior iOS \u0026 Android. MVP en 30 jours, code source 100% à vous.\"}],[\"$\",\"link\",\"12\",{\"rel\":\"icon\",\"href\":\"/icon.png?icon.f5c4ec9a.png\",\"sizes\":\"512x232\",\"type\":\"image/png\"}],[\"$\",\"$L2a\",\"13\",{}]]\n"])</script><script>self.__next_f.push([1,"25:null\n"])</script></body></html>
