1<!DOCTYPE html><!--5LTZDqsXRojffZoNcCx0B--><html lang="fr"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" href="/_next/static/media/83afe278b6a6bb3c-s.p.3a6ba036.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/a343f882a40d2cc9-s.p.71e1367e.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fdi6oybeht%2Fimage%2Fupload%2Fv1773065691%2Fkommo-maroc%2Flogo.png&w=256&q=75 1x, /_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fdi6oybeht%2Fimage%2Fupload%2Fv1773065691%2Fkommo-maroc%2Flogo.png&w=384&q=75 2x"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2Fkommo-logo.webp&w=96&q=75 1x, /_next/image?url=%2Fkommo-logo.webp&w=256&q=75 2x"/><link rel="stylesheet" href="/_next/static/chunks/baf2caf8bb0f508e.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/chunks/dbc08939d52400ce.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/564fda5e3a4cf203.js"/>
1<script src="/_next/static/chunks/1e9b9f3adad470f5.js" async=""></script>
1<script src="/_next/static/chunks/28b8626deebb78cb.js" async=""></script>
1<script src="/_next/static/chunks/60e43c71dd56b631.js" async=""></script>
1<script src="/_next/static/chunks/turbopack-ab314d00c8f45aef.js" async=""></script>
1<script src="/_next/static/chunks/2caa33a942c5f527.js" async=""></script>
1<script src="/_next/static/chunks/59983278a34fd25c.js" async=""></script>
1<script src="/_next/static/chunks/173742d5d65f047e.js" async=""></script>
1<script src="/_next/static/chunks/67e1c94922a86162.js" async=""></script>
1<script src="/_next/static/chunks/5c1ce4efe167d108.js" async=""></script>
1<script src="/_next/static/chunks/79b376d01e9cdd45.js" async=""></script>
1<script src="/_next/static/chunks/d852e3765e7b69a9.js" async=""></script>
1<script src="/_next/static/chunks/e7b9d25319f39d5b.js" async=""></script>
1<script src="/_next/static/chunks/a1c68d43b1f2c06d.js" async=""></script>
1<script src="/_next/static/chunks/f12aef962f375eec.js" async=""></script>
1<link rel="preload" href="https://www.googletagmanager.com/gtag/js?id=G-RJFHC1ETMH" as="script"/><link rel="icon" href="https://res.cloudinary.com/di6oybeht/image/upload/w_32,h_32,c_fit,r_8/v1773065682/kommo-maroc/icon-192.png" type="image/png" sizes="32x32"/><link rel="icon" href="https://res.cloudinary.com/di6oybeht/image/upload/w_16,h_16,c_fit,r_4/v1773065682/kommo-maroc/icon-192.png" type="image/png" sizes="16x16"/><link rel="apple-touch-icon" href="https://res.cloudinary.com/di6oybeht/image/upload/w_180,h_180,c_fit,r_30/v1773065682/kommo-maroc/icon-192.png"/><link rel="manifest" href="/manifest.json"/><meta name="next-size-adjust" content=""/><title>Kommo Maroc | CRM WhatsApp & Automatisation des Ventes à Rabat</title><meta name="description" content="Centralisez WhatsApp, Instagram et tous vos canaux dans un seul CRM. Automatisez vos relances et transformez chaque conversation en client avec Kommo Maroc."/><link rel="author" href="https://inspirigence-consulting.com"/><meta name="author" content="Kommo Maroc"/><meta name="keywords" content="CRM Maroc,Kommo Maroc,WhatsApp Business CRM,automatisation ventes Maroc,chatbot IA Maroc,CRM immobilier Maroc,gestion leads Maroc,pipeline commercial,CRM PME Maroc,integration WhatsApp Business API,Kommo partenaire Maroc,CRM conversationnel,meilleur CRM Maroc,chatbot WhatsApp Maroc,automatisation relance client,CRM agence immobilière Maroc,logiciel gestion commerciale Maroc,Kommo prix,agence CRM Maroc,CRM Rabat,whatsapp multi agents,automatisation processus métier"/><meta name="creator" content="Kommo Maroc"/><meta name="publisher" content="Kommo Maroc"/><meta name="robots" content="index, follow"/><meta name="googlebot" content="index, follow, max-video-preview:-1, max-image-preview:large, max-snippet:-1"/><meta name="category" content="technology"/><link rel="canonical" href="https://inspirigence-consulting.com"/><link rel="alternate" hrefLang="fr-MA" href="https://inspirigence-consulting.com"/><meta property="og:title" content="Kommo Maroc | CRM WhatsApp & Automatisation des Ventes à Rabat"/><meta property="og:description" content="Agence CRM à Rabat. Centralisez WhatsApp, Instagram et tous vos canaux dans un seul CRM. Automatisez vos relances. Transformez vos conversations en clients. Partenaire officiel Kommo au Maroc."/><meta property="og:url" content="https://inspirigence-consulting.com"/><meta property="og:site_name" content="Kommo Maroc"/><meta property="og:locale" content="fr_MA"/><meta property="og:image" content="https://inspirigence-consulting.com/og-image.png"/><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="630"/><meta property="og:image:alt" content="Kommo Maroc - CRM WhatsApp & Automatisation des Ventes"/><meta property="og:type" content="website"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:site" content="@Inspirigencema"/><meta name="twitter:creator" content="@Inspirigencema"/><meta name="twitter:title" content="Kommo Maroc | CRM WhatsApp & Automatisation des Ventes à Rabat"/><meta name="twitter:description" content="Agence CRM à Rabat. Centralisez WhatsApp, Instagram et tous vos canaux dans un seul CRM. Automatisez vos relances. Transformez vos conversations en clients."/><meta name="twitter:image" content="https://inspirigence-consulting.com/og-image.png"/>
1<script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://inspirigence-consulting.com/#organization","name":"Kommo Maroc","alternateName":"Inspirigence Consulting","url":"https://inspirigence-consulting.com","logo":{"@type":"ImageObject","@id":"https://inspirigence-consulting.com/#logo","url":"https://res.cloudinary.com/di6oybeht/image/upload/v1773065691/kommo-maroc/logo.png","contentUrl":"https://res.cloudinary.com/di6oybeht/image/upload/v1773065691/kommo-maroc/logo.png","caption":"Kommo Maroc"},"description":"Partenaire officiel Kommo au Maroc. Implémentation CRM conversationnel, automatisation des ventes et chatbots IA pour les entreprises marocaines et la région MENA.","email":"[email protected]","telephone":"+212 661 096 272","contactPoint":[{"@type":"ContactPoint","telephone":"+212 661 096 272","contactType":"sales","areaServed":["MA","BH","SA"],"availableLanguage":["French","Arabic","English"]}],"sameAs":["https://www.linkedin.com/company/inspirigence","https://www.instagram.com/kommo.morocco","https://www.facebook.com/Kommo.Morocco","https://www.youtube.com/@inspirigenceconsulting"]},{"@type":"ProfessionalService","@id":"https://inspirigence-consulting.com/#business","name":"Kommo Maroc","image":"https://res.cloudinary.com/di6oybeht/image/upload/v1773065691/kommo-maroc/logo.png","url":"https://inspirigence-consulting.com","telephone":"+212 661 096 272","email":"[email protected]","description":"Cabinet de consulting spécialisé dans l'implémentation du CRM Kommo au Maroc. Services de CRM, automatisation, chatbots IA et solutions sectorielles.","parentOrganization":{"@id":"https://inspirigence-consulting.com/#organization"},"address":{"@type":"PostalAddress","streetAddress":"36 Bis Avenue Tadla, Mabella","addressLocality":"Rabat","addressRegion":"Rabat-Salé-Kénitra","postalCode":"10160","addressCountry":"MA"},"geo":{"@type":"GeoCoordinates","latitude":33.9716,"longitude":-6.8498},"openingHoursSpecification":[{"@type":"OpeningHoursSpecification","dayOfWeek":["Monday","Tuesday","Wednesday","Thursday","Friday"],"opens":"09:00","closes":"18:00"}],"priceRange":"$$","aggregateRating":{"@type":"AggregateRating","ratingValue":"4.9","bestRating":"5","worstRating":"1","ratingCount":"37"}},{"@type":"WebSite","@id":"https://inspirigence-consulting.com/#website","url":"https://inspirigence-consulting.com","name":"Kommo Maroc","description":"CRM WhatsApp & Automatisation des Ventes au Maroc","publisher":{"@id":"https://inspirigence-consulting.com/#organization"},"inLanguage":"fr"}]}</script>
1<script>(self.__next_s=self.__next_s||[]).push([0,{"children":"\n window.dataLayer = window.dataLayer || [];\n function gtag(){dataLayer.push(arguments);}\n gtag('consent', 'default', {\n 'analytics_storage': 'granted',\n 'ad_storage': 'denied',\n 'wait_for_update': 500\n });\n ","id":"consent-mode"}])</script>
1<noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=1260407355415240&ev=PageView&noscript=1" alt=""/></noscript>
1<script src="/_next/static/chunks/a6dad97d9634a72d.js" noModule=""></script>
1</head><body class="inter_7b064e0d-module__MOT0tq__variable manrope_e3dd74b6-module__SX8m0W__variable font-sans antialiased bg-[var(--background)]"><div hidden=""><!--$--><!--/$--></div><div class="fixed top-0 left-0 right-0 h-[3px] bg-[var(--primary)] origin-left z-[100]" style="transform:scaleX(0)"></div><header class="fixed top-0 left-0 right-0 z-50 transition-all duration-500 bg-transparent py-5"><nav class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8"><div class="flex items-center justify-center lg:justify-between relative"><a class="flex items-center gap-2 relative z-10" href="/"><div class="flex items-center gap-2" style="opacity:0;transform:translateX(-10px)"><img alt="Kommo Maroc" width="150" height="38" decoding="async" data-nimg="1" class="h-9 lg:h-9 w-auto transition-all duration-300" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fdi6oybeht%2Fimage%2Fupload%2Fv1773065691%2Fkommo-maroc%2Flogo.png&w=256&q=75 1x, /_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fdi6oybeht%2Fimage%2Fupload%2Fv1773065691%2Fkommo-maroc%2Flogo.png&w=384&q=75 2x" src="/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fdi6oybeht%2Fimage%2Fupload%2Fv1773065691%2Fkommo-maroc%2Flogo.png&w=384&q=75"/></div></a><div class="hidden lg:flex items-center gap-1"><div class="relative" style="opacity:0;transform:translateY(-10px)"><a class="flex items-center gap-1 px-4 py-2 text-sm font-medium rounded-full transition-all duration-200 text-[var(--foreground)] hover:text-[var(--primary)] hover:bg-[var(--primary)]/5" href="/produit">Produit<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-4 w-4 transition-transform duration-200" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></a></div><div class="relative" style="opacity:0;transform:translateY(-10px)"><a class="flex items-center gap-1 px-4 py-2 text-sm font-medium rounded-full transition-all duration-200 text-[var(--foreground)] hover:text-[var(--primary)] hover:bg-[var(--primary)]/5" href="/canaux">Canaux<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-4 w-4 transition-transform duration-200" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></a></div><div class="relative" style="opacity:0;transform:translateY(-10px)"><a class="flex items-center gap-1 px-4 py-2 text-sm font-medium rounded-full transition-all duration-200 text-[var(--foreground)] hover:text-[var(--primary)] hover:bg-[var(--primary)]/5" href="/services">Services<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-4 w-4 transition-transform duration-200" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></a></div><div class="relative" style="opacity:0;transform:translateY(-10px)"><a class="flex items-center gap-1 px-4 py-2 text-sm font-medium rounded-full transition-all duration-200 text-[var(--foreground)] hover:text-[var(--primary)] hover:bg-[var(--primary)]/5" href="/tarifs">Tarifs</a></div><div class="relative" style="opacity:0;transform:translateY(-10px)"><a class="flex items-center gap-1 px-4 py-2 text-sm font-medium rounded-full transition-all duration-200 text-[var(--foreground)] hover:text-[var(--primary)] hover:bg-[var(--primary)]/5" href="/cas-clients">Cas Clients</a></div><div class="relative" style="opacity:0;transform:translateY(-10px)"><a class="flex items-center gap-1 px-4 py-2 text-sm font-medium rounded-full transition-all duration-200 text-[var(--foreground)] hover:text-[var(--primary)] hover:bg-[var(--primary)]/5" href="/contact">Contact</a></div></div><div class="hidden lg:flex items-center gap-3" style="opacity:0;transform:translateX(10px)"><a class="group inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-full font-medium duration-300 ease-out focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--primary)] focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 relative bg-[#25D366] text-white hover:bg-[#20BD5A] shadow-[#25D366]/25 whatsapp-pulse h-9 px-4 text-sm shadow-md hover:shadow-lg transition-shadow" href="https://wa.me/212661096272" target="_blank" rel="noopener noreferrer"><span class="flex items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-circle h-4 w-4" aria-hidden="true"><path d="M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719"></path></svg>WhatsApp</span></a><a class="group inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-full font-medium duration-300 ease-out focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--primary)] focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 relative bg-[var(--primary)] text-white hover:bg-[var(--primary-dark)] hover:shadow-[var(--primary)]/40 h-9 px-4 text-sm shadow-md hover:shadow-lg transition-shadow" href="/contact"><span class="flex items-center gap-2">Demander une démo<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></a></div><button class="lg:hidden absolute right-0 p-2 rounded-xl transition-colors text-[var(--foreground)] hover:bg-[var(--primary)]/5" aria-label="Menu" style="opacity:0"><div style="opacity:0;transform:rotate(90deg)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-menu h-6 w-6" aria-hidden="true"><path d="M4 5h16"></path><path d="M4 12h16"></path><path d="M4 19h16"></path></svg></div></button></div></nav></header><main class="relative">
1<script type="application/ld+json">{"@context":"https://schema.org","@type":"FAQPage","mainEntity":[{"@type":"Question","name":"C'est quoi exactement Kommo ?","acceptedAnswer":{"@type":"Answer","text":"Kommo est un CRM conversationnel. Contrairement aux CRM classiques (Salesforce, HubSpot), il est conçu autour des messageries : WhatsApp, Instagram, Messenger. Parfait pour les équipes qui vendent par la conversation."}},{"@type":"Question","name":"Combien ça coûte ?","acceptedAnswer":{"@type":"Answer","text":"L'abonnement Kommo démarre à $15/utilisateur/mois (plan Base). Nos services d'implémentation commencent à 6 500 MAD HT. On vous fait un devis personnalisé selon vos besoins."}},{"@type":"Question","name":"Combien de temps pour être opérationnel ?","acceptedAnswer":{"@type":"Answer","text":"De 3 à 10 jours selon la complexité. Notre pack Fondations est fonctionnel en 5 jours ouvrés. Les automatisations avancées prennent une semaine de plus."}},{"@type":"Question","name":"On peut vraiment connecter WhatsApp ?","acceptedA
1nswer":{"@type":"Answer","text":"Oui, deux options : WhatsApp Business App (simple, gratuit) ou WhatsApp API officielle (multi-agents, templates, plus stable). On vous conseille selon votre volume."}},{"@type":"Question","name":"La formation est incluse ?","acceptedAnswer":{"@type":"Answer","text":"Oui. Chaque pack inclut une formation utilisateur (1h minimum). On peut ajouter des sessions supplémentaires pour les managers ou les équipes larges."}},{"@type":"Question","name":"Nos données sont sécurisées ?","acceptedAnswer":{"@type":"Answer","text":"Kommo est conforme RGPD. Les données sont hébergées sur des serveurs sécurisés. On configure les permissions pour que chaque utilisateur n'accède qu'à ce qu'il doit voir."}},{"@type":"Question","name":"On peut tester avant ?","acceptedAnswer":{"@type":"Answer","text":"Oui, Kommo offre 14 jours d'essai gratuit. On peut aussi vous faire une démo personnalisée sur vos propres cas d'usage."}},{"@type":"Question","name":"Qu'est-ce qui se passe après l'installation ?","acceptedA
1nswer":{"@type":"Answer","text":"Vous avez 30 jours d'assistance inclus pour les ajustements et questions. Ensuite, on propose un support mensuel optionnel pour le suivi et l'optimisation continue."}},{"@type":"Question","name":"Quelle est la différence entre Kommo et les CRM classiques ?","acceptedAnswer":{"@type":"Answer","text":"Kommo est un CRM conversationnel : il centralise WhatsApp, Instagram et Messenger dans une seule inbox. Les CRM classiques comme Salesforce ou HubSpot sont conçus pour l'email et les formulaires. Kommo est jusqu'à 8x moins cher et 3x plus rapide à implémenter."}},{"@type":"Question","name":"Peut-on avoir plusieurs agents sur un seul numéro WhatsApp ?","acceptedAnswer":{"@type":"Answer","text":"Oui, avec WhatsApp Business API intégrée à Kommo, vous pouvez avoir plusieurs commerciaux qui répondent depuis le même numéro. Chaque conversation est attribuée automatiquement au bon agent, avec l'historique complet visible."}},{"@type":"Question","name":"Kommo fonctionne-t-il pour l'immobilier au Maroc ?","acceptedA
1nswer":{"@type":"Answer","text":"Oui, nous avons un pack CRM immobilier dédié. Il inclut l'import depuis les portails, le matching IA mandats/acquéreurs, les relances WhatsApp automatiques et un pipeline adapté au cycle long de l'immobilier. Nos clients constatent +40% de ventes en moyenne."}},{"@type":"Question","name":"Comment automatiser les relances clients avec Kommo ?","acceptedAnswer":{"@type":"Answer","text":"Kommo permet de créer des workflows d'automatisation sans code : message de bienvenue automatique, relance à J+1, J+3, J+7, création de tâche si pas de réponse, attribution au commercial. Vous gagnez en moyenne 10h par semaine."}}]}</script>
1<section class="relative min-h-[100svh] flex flex-col justify-center overflow-hidden bg-gradient-to-b from-white via-violet-50/30 to-white pt-20 pb-8 lg:pt-24 lg:pb-12"><div class="absolute inset-0 overflow-hidden pointer-events-none"><div class="absolute top-1/4 -left-32 w-[400px] h-[400px] bg-violet-200/20 rounded-full blur-3xl"></div><div class="absolute bottom-1/4 -right-32 w-[400px] h-[400px] bg-purple-200/20 rounded-full blur-3xl"></div><div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[600px] h-[600px] bg-violet-100/10 rounded-full blur-3xl"></div><div class="absolute inset-0 opacity-[0.015]" style="background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23000000' fill-opacity='1'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")"></div></div><div class="relative z-10 w-full max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"><div class="text-center max-w-5xl mx-auto"><div class="mb-5" style="opacity:0;transform:translateY(20px)"><span data-slot="badge" data-variant="secondary" class="inline-flex items-center justify-center rounded-full border w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden [a&]:hover:bg-secondary/90 px-4 py-2 text-sm font-medium bg-violet-100/80 text-violet-700 border-violet-200/50 backdrop-blur-sm"><span class="relative flex h-2 w-2 mr-2"><span class="animate-ping absolute inline-flex h-full w-full rounded-full bg-violet-400 opacity-75"></span><span class="relative inline-flex rounded-full h-2 w-2 bg-violet-500"></span></span>Partenaire Officiel Kommo au Maroc</span></div><h1 class="font-heading text-3xl sm:text-4xl md:text-5xl font-bold tracking-tight text-gray-900 mb-4" style="opacity:0;transform:translateY(20px)"><span class="block">Vos leads se perdent dans WhatsApp.</span><span class="block mt-1 bg-gradient-to-r from-violet-600 via-purple-600 to-violet-600 bg-clip-text text-transparent">Nous les transformons en clients.</span></h1><div class="text-base md:text-lg lg:text-xl text-gray-600 max-w-3xl mx-auto mb-6 space-y-1" style="opacity:0;transform:translateY(20px)"><p>Centralisez WhatsApp, Instagram et tous vos canaux dans un seul CRM.</p><p>Automatisez vos relances. Laissez l'IA qualifier vos prospects pendant que vous dormez.</p></div><div class="flex flex-col sm:flex-row items-center justify-center gap-3 sm:gap-4 mb-16" style="opacity:0;transform:translateY(20px)"><a class="group inline-flex items-center justify-center gap-2 whitespace-nowrap font-medium transition-all duration-300 ease-out focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--primary)] focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 relative text-white hover:bg-[var(--primary-dark)] px-8 min-w-[200px] h-12 text-sm bg-gradient-to-r from-violet-600 to-purple-600 hover:from-violet-700 hover:to-purple-700 shadow-lg shadow-violet-500/25 hover:shadow-xl hover:shadow-violet-500/30 rounded-full" href="/contact"><span class="flex items-center gap-2">Voir la démo gratuite<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-4 h-4 ml-2" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></a><a class="group inline-flex items-center justify-center gap-2 whitespace-nowrap font-medium transition-all duration-300 ease-out focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--primary)] focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 relative border-2 px-8 min-w-[200px] h-12 text-sm rounded-full border-violet-300 text-violet-700 hover:bg-violet-600 hover:text-white hover:border-violet-600" href="https://wa.me/212661096272" target="_blank" rel="noopener noreferrer"><span class="flex items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-circle w-4 h-4 mr-2" aria-hidden="true"><path d="M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719"></path></svg>Discuter sur WhatsApp</span></a></div></div><div class="max-w-4xl mx-auto" style="opacity:0;transform:scale(0.95)"><div class="relative flex items-center justify-center w-full max-w-3xl mx-auto h-[220px] md:h-[260px]"><div class="absolute inset-0 flex items-center justify-center pointer-events-none"><div class="absolute w-[120px] h-[120px] md:w-[150px] md:h-[150px] rounded-full border border-violet-300/40" style="opacity:0;transform:scale(0)"></div><div class="absolute w-[200px] h-[200px] md:w-[240px] md:h-[240px] rounded-full border border-dashed border-violet-200/60" style="opacity:0;transform:scale(0)"></div><div class="absolute w-[280px] h-[280px] md:w-[340px] md:h-[340px] rounded-full border border-dashed border-violet-100/40" style="opacity:0;transform:scale(0)"></div></div><div class="absolute left-4 md:left-16 lg:left-24 flex flex-col items-center gap-4 md:gap-5"><div class="z-10 flex items-center justify-center rounded-full bg-gradient-to-b from-white via-white to-gray-50/80 border-2 border-white/80 ring-1 ring-gray-200/50 h-12 w-12 md:h-14 md:w-14" style="transform:scale(0);box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1), 2 0 2px 4px -2px rgba(0, 0, 0, 0.1), 3 0 10px 25px -5px #25D36630, 4 0 0 0 1px rgba(255, 255, 255, 0.8) inset, 5 0 -2px 6px 0 rgba(0, 0, 0, 0.03) inset;opacity:0"><div class="w-6 h-6 md:w-7 md:h-7 drop-shadow-sm" style="color:#25D366"><svg viewBox="0 0 24 24" fill="currentColor" class="w-full h-full"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.
5198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z"></path></svg></div></div><div class="z-10 flex items-center justify-center rounded-full bg-gradient-to-b from-white via-white to-gray-50/80 border-2 border-white/80 ring-1 ring-gray-200/50 h-12 w-12 md:h-14 md:w-14" style="transform:scale(0);box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1), 6 0 2px 4px -2px rgba(0, 0, 0, 0.1), 7 0 10px 25px -5px #E4405F30, 8 0 0 0 1px rgba(255, 255, 255, 0.8) inset, 9 0 -2px 6px 0 rgba(0, 0, 0, 0.03) inset;opacity:0"><div class="w-6 h-6 md:w-7 md:h-7 drop-shadow-sm" style="color:#E4405F"><svg viewBox="0 0 24 24" fill="currentColor" class="w-full h-full"><path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z"></path></svg></div></div><div class="z-10 flex items-center justify-center rounded-full bg-gradient-to-b from-white via-white to-gray-50/80 border-2 border-white/80 ring-1 ring-gray-200/50 h-12 w-12 md:h-14 md:w-14" style="transform:scale(0);box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1), 10 0 2px 4px -2px rgba(0, 0, 0, 0.1), 11 0 10px 25px -5px #0084FF30, 12 0 0 0 1px rgba(255, 255, 255, 0.8) inset, 13 0 -2px 6px 0 rgba(0, 0, 0, 0.03) inset;opacity:0"><div class="w-6 h-6 md:w-7 md:h-7 drop-shadow-sm" style="color:#0084FF"><svg viewBox="0 0 24 24" fill="currentColor" class="w-full h-full"><path d="M12 0C5.373 0 0 4.974 0 11.111c0 3.498 1.744 6.614 4.469 8.654V24l4.088-2.242c1.092.3 2.246.464 3.443.464 6.627 0 12-4.975 12-11.111C24 4.974 18.627 0 12 0zm1.191 14.963l-3.055-3.26-5.963 3.26L10.732 8l3.131 3.259L19.752 8l-6.561 6.963z"></path></svg></div></div></div><div class="z-20 flex items-center justify-center rounded-2xl overflow-hidden shadow-2xl shadow-violet-500/30 ring-4 ring-white/50 ring-offset-4 ring-offset-violet-100/50 h-16 w-16 md:h-18 md:w-18" style="opacity:0;transform:scale(0)"><img alt="Kommo CRM" width="96" height="96" decoding="async" data-nimg="1" class="w-full h-full object-contain" style="color:transparent" srcSet="/_next/image?url=%2Fkommo-logo.webp&w=96&q=75 1x, /_next/image?url=%2Fkommo-logo.webp&w=256&q=75 2x" src="/_next/image?url=%2Fkommo-logo.webp&w=256&q=75"/></div><div class="absolute right-4 md:right-16 lg:right-24 flex flex-col items-center gap-4 md:gap-5"><div class="z-10 flex items-center justify-center rounded-full bg-gradient-to-b from-white via-white to-gray-50/80 border-2 border-white/80 ring-1 ring-gray-200/50 h-12 w-12 md:h-14 md:w-14" style="transform:scale(0);box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1), 14 0 2px 4px -2px rgba(0, 0, 0, 0.1), 15 0 10px 25px -5px #0088CC30, 16 0 0 0 1px rgba(255, 255, 255, 0.8) inset, 17 0 -2px 6px 0 rgba(0, 0, 0, 0.03) inset;opacity:0"><div class="w-6 h-6 md:w-7 md:h-7 drop-shadow-sm" style="color:#0088CC"><svg viewBox="0 0 24 24" fill="currentColor" class="w-full h-full"><path d="M11.944 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0a12 12 0 0 0-.056 0zm4.962 7.224c.1-.002.321.023.465.14a.506.506 0 0 1 .171.325c.016.093.036.306.02.472-.18 1.898-.9
1762 6.502-1.36 8.627-.168.9-.499 1.201-.82 1.23-.696.065-1.225-.46-1.9-.902-1.056-.693-1.653-1.124-2.678-1.8-1.185-.78-.417-1.21.258-1.91.177-.184 3.247-2.977 3.307-3.23.007-.032.014-.15-.056-.212s-.174-.041-.249-.024c-.106.024-1.793 1.14-5.061 3.345-.48.33-.913.49-1.302.48-.428-.008-1.252-.241-1.865-.44-.752-.245-1.349-.374-1.297-.789.027-.216.325-.437.893-.663 3.498-1.524 5.83-2.529 6.998-3.014 3.332-1.386 4.025-1.627 4.476-1.635z"></path></svg></div></div><div class="z-10 flex items-center justify-center rounded-full bg-gradient-to-b from-white via-white to-gray-50/80 border-2 border-white/80 ring-1 ring-gray-200/50 h-12 w-12 md:h-14 md:w-14" style="transform:scale(0);box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1), 18 0 2px 4px -2px rgba(0, 0, 0, 0.1), 19 0 10px 25px -5px #6366F130, 20 0 0 0 1px rgba(255, 255, 255, 0.8) inset, 21 0 -2px 6px 0 rgba(0, 0, 0, 0.03) inset;opacity:0"><div class="w-6 h-6 md:w-7 md:h-7 drop-shadow-sm" style="color:#6366F1"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-full h-full"><rect width="20" height="16" x="2" y="4" rx="2"></rect><path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"></path></svg></div></div><div class="z-10 flex items-center justify-center rounded-full bg-gradient-to-b from-white via-white to-gray-50/80 border-2 border-white/80 ring-1 ring-gray-200/50 h-12 w-12 md:h-14 md:w-14" style="transform:scale(0);box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1), 22 0 2px 4px -2px rgba(0, 0, 0, 0.1), 23 0 10px 25px -5px #10B98130, 24 0 0 0 1px rgba(255, 255, 255, 0.8) inset, 25 0 -2px 6px 0 rgba(0, 0, 0, 0.03) inset;opacity:0"><div class="w-6 h-6 md:w-7 md:h-7 drop-shadow-sm" style="color:#10B981"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-full h-full"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"></path><path d="M8 10h.01"></path><path d="M12 10h.01"></path><path d="M16 10h.01"></path></svg></div></div></div><svg fill="none" width="0" height="0" xmlns="http://www.w3.org/2000/svg" class="pointer-events-none absolute top-0 left-0 transform-gpu stroke-2" viewBox="0 0 0 0"><path d="" stroke="gray" stroke-width="2" stroke-opacity="0.15" stroke-linecap="round"></path><path d="" stroke-width="2" stroke="url(#_R_5l2auibtb_)" stroke-opacity="1" stroke-linecap="round"></path><defs><linearGradient class="transform-gpu" id="_R_5l2auibtb_" gradientUnits="userSpaceOnUse" x1="0%" x2="0%" y1="0%" y2="0%"><stop stop-color="#25D366" stop-opacity="0"></stop><stop stop-color="#25D366"></stop><stop offset="32.5%" stop-color="#8b5cf6"></stop><stop offset="100%" stop-color="#8b5cf6" stop-opacity="0"></stop></linearGradient></defs></svg><svg fill="none" width="0" height="0" xmlns="http://www.w3.org/2000/svg" class="pointer-events-none absolute top-0 left-0 transform-gpu stroke-2" viewBox="0 0 0 0"><path d="" stroke="gray" stroke-width="2" stroke-opacity="0.15" stroke-linecap="round"></path><path d="" stroke-width="2" stroke="url(#_R_6l2auibtb_)" stroke-opacity="1" stroke-linecap="round"></path><defs><linearGradient class="transform-gpu" id="_R_6l2auibtb_" gradientUnits="userSpaceOnUse" x1="0%" x2="0%" y1="0%" y2="0%"><stop stop-color="#E4405F" stop-opacity="0"></stop><stop stop-color="#E4405F"></stop><stop offset="32.5%" stop-color="#8b5cf6"></stop><stop offset="100%" stop-color="#8b5cf6" stop-opacity="0"></stop></linearGradient></defs></svg><svg fill="none" width="0" height="0" xmlns="http://www.w3.org/2000/svg" class="pointer-events-none absolute top-0 left-0 transform-gpu stroke-2" viewBox="0 0 0 0"><path d="" stroke="gray" stroke-width="2" stroke-opacity="0.15" stroke-linecap="round"></path><path d="" stroke-width="2" stroke="url(#_R_7l2auibtb_)" stroke-opacity="1" stroke-linecap="round"></path><defs><linearGradient class="transform-gpu" id="_R_7l2auibtb_" gradientUnits="userSpaceOnUse" x1="0%" x2="0%" y1="0%" y2="0%"><stop stop-color="#0084FF" stop-opacity="0"></stop><stop stop-color="#0084FF"></stop><stop offset="32.5%" stop-color="#8b5cf6"></stop><stop offset="100%" stop-color="#8b5cf6" stop-opacity="0"></stop></linearGradient></defs></svg><svg fill="none" width="0" height="0" xmlns="http://www.w3.org/2000/svg" class="pointer-events-none absolute top-0 left-0 transform-gpu stroke-2" viewBox="0 0 0 0"><path d="" stroke="gray" stroke-width="2" stroke-opacity="0.15" stroke-linecap="round"></path>
25<path d="" stroke-width="2" stroke="url(#_R_8l2auibtb_)" stroke-opacity="1" stroke-linecap="round"></path><defs><linearGradient class="transform-gpu" id="_R_8l2auibtb_" gradientUnits="userSpaceOnUse" x1="0%" x2="0%" y1="0%" y2="0%"><stop stop-color="#0088CC" stop-opacity="0"></stop><stop stop-color="#0088CC"></stop><stop offset="32.5%" stop-color="#8b5cf6"></stop><stop offset="100%" stop-color="#8b5cf6" stop-opacity="0"></stop></linearGradient></defs></svg><svg fill="none" width="0" height="0" xmlns="http://www.w3.org/2000/svg" class="pointer-events-none absolute top-0 left-0 transform-gpu stroke-2" viewBox="0 0 0 0"><path d="" stroke="gray" stroke-width="2" stroke-opacity="0.15" stroke-linecap="round"></path><path d="" stroke-width="2" stroke="url(#_R_9l2auibtb_)" stroke-opacity="1" stroke-linecap="round"></path><defs><linearGradient class="transform-gpu" id="_R_9l2auibtb_" gradientUnits="userSpaceOnUse" x1="0%" x2="0%" y1="0%" y2="0%"><stop stop-color="#6366F1" stop-opacity="0"></stop><stop stop-color="#6366F1"></stop><stop offset="32.5%" stop-color="#8b5cf6"></stop><stop offset="100%" stop-color="#8b5cf6" stop-opacity="0"></stop></linearGradient></defs></svg><svg fill="none" width="0" height="0" xmlns="http://www.w3.org/2000/svg" class="pointer-events-none absolute top-0 left-0 transform-gpu stroke-2" viewBox="0 0 0 0"><path d="" stroke="gray" stroke-width="2" stroke-opacity="0.15" stroke-linecap="round"></path><path d="" stroke-width="2" stroke="url(#_R_al2auibtb_)" stroke-opacity="1" stroke-linecap="round"></path><defs><linearGradient class="transform-gpu" id="_R_al2auibtb_" gradientUnits="userSpaceOnUse" x1="0%" x2="0%" y1="0%" y2="0%"><stop stop-color="#10B981" stop-opacity="0"></stop><stop stop-color="#10B981"></stop><stop offset="32.5%" stop-color="#8b5cf6"></stop><stop offset="100%" stop-color="#8b5cf6" stop-opacity="0"></stop></linearGradient></defs></svg></div></div><div class="flex flex-wrap justify-center gap-8 md:gap-16 mt-10" style="opacity:0;transform:translateY(20px)"><div class="text-center"><div class="text-2xl md:text-3xl font-bold bg-gradient-to-r from-violet-600 to-purple-600 bg-clip-text text-transparent">170K+</div><div class="text-sm text-gray-500">leads générés</div></div><div class="text-center"><div class="text-2xl md:text-3xl font-bold bg-gradient-to-r from-violet-600 to-purple-600 bg-clip-text text-transparent">30+</div><div class="text-sm text-gray-500">success stories</div></div><div class="text-center"><div class="text-2xl md:text-3xl font-bold bg-gradient-to-r from-violet-600 to-purple-600 bg-clip-text text-transparent">9+</div><div class="text-sm text-gray-500">pays servis</div></div></div></div></section><section class="py-8 md:py-12 border-y border-border/40"><div class="container mx-auto px-4"><div class="relative overflow-hidden py-4"><div class="pointer-events-none absolute left-0 top-0 bottom-0 w-20 md:w-40 bg-gradient-to-r from-background to-transparent z-10"></div><div class="pointer-events-none absolute right-0 top-0 bottom-0 w-20 md:w-40 bg-gradient-to-l from-background to-transparent z-10"></div><div class="flex"><div class="flex shrink-0 items-center gap-10 md:gap-14 lg:gap-20 pr-10 md:pr-14 lg:pr-20"><div class="flex-shrink-0 flex items-center justify-center"><img alt="Kommo Partner" loading="lazy" width="180" height="60" decoding="async" data-nimg="1" class="h-7 md:h-9 lg:h-10 w-auto object-contain brightness-0 opacity-80 hover:opacity-100 transition-opacity duration-300" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fdi6oybeht%2Fimage%2Fupload%2Fv1773337187%2Fkommo-maroc%2Fkommo-partner.png&w=256&q=75 1x, /_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fdi6oybeht%2Fimage%2Fupload%2Fv1773337187%2Fkommo-maroc%2Fkommo-partner.png&w=384&q=75 2x" src="/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fdi6oybeht%2Fimage%2Fupload%2Fv1773337187%2Fkommo-maroc%2Fkommo-partner.png&w=384&q=75"/></div><div class="flex-shrink-0 flex items-center justify-center"><img alt="Google Partner" loading="lazy" width="180" height="60" decoding="async" data-nimg="1" class="h-7 md:h-9 lg:h-10 w-auto object-contain brightness-0 opacity-80 hover:opacity-100 transition-opacity duration-300" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fdi6oybeht%2Fimage%2Fupload%2Fv1773337189%2Fkommo-maroc%2Fgoogle-partner.png&w=256&q=75 1x, /_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fdi6oybeht%2Fimage%2Fupload%2Fv1773337189%2Fkommo-maroc%2Fgoogle-partner.png&w=384&q=75 2x" src="/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fdi6oybeht%2Fimage%2Fupload%2Fv1773337189%2Fkommo-maroc%2Fgoogle-partner.png&w=384&q=75"/></div><div class="flex-shrink-0 flex items-center justify-center"><img alt="Meta Business Partner" loading="lazy" width="180" height="60" decoding="async" data-nimg="1" class="h-7 md:h-9 lg:h-10 w-auto object-contain brightness-0 opacity-80 hover:opacity-100 transition-opacity duration-300" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fdi6oybeht%2Fimage%2Fupload%2Fv1773337191%2Fkommo-maroc%2Fmeta-business-partner.png&w=256&q=75 1x, /_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fdi6oybeht%2Fimage%2Fupload%2Fv1773337191%2Fkommo-maroc%2Fmeta-business-partner.png&w=384&q=75 2x" src="/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fdi6oybeht%2Fimage%2Fupload%2Fv1773337191%2Fkommo-maroc%2Fmeta-business-partner.png&w=384&q=75"/></div><div class="flex-shrink-0 flex items-center justify-center"><img alt="Shopify Partner" loading="lazy" width="180" height="60" decoding="async" data-nimg="1" class="h-7 md:h-9 lg:h-10 w-auto object-contain brightness-0 opacity-80 hover:opacity-100 transition-opacity duration-300" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fdi6oybeht%2Fimage%2Fupload%2Fv1773337192%2Fkommo-maroc%2Fshopify-partner.png&w=256&q=75 1x, /_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fdi6oybeht%2Fimage%2Fupload%2Fv1773337192%2Fkommo-maroc%2Fshopify-partner.png&w=384&q=75 2x" src="/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fdi6oybeht%2Fimage%2Fupload%2Fv1773337192%2Fkommo-maroc%2Fshopify-partner.png&w=384&q=75"/></div><div class="flex-shrink-0 flex items-center justify-center"><img alt="AWS" loading="lazy" width="180" height="60" decoding="async" data-nimg="1" class="h-7 md:h-9 lg:h-10 w-auto object-contain brightness-0 opacity-80 hover:opacity-100 transition-opacity duration-300" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fdi6oybeht%2Fimage%2Fupload%2Fv1773337194%2Fkommo-maroc%2Faws-logo.png&w=256&q=75 1x, /_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fdi6oybeht%2Fimage%2Fupload%2Fv1773337194%2Fkommo-maroc%2Faws-logo.png&w=384&q=75 2x" src="/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fdi6oybeht%2Fimage%2Fupload%2Fv1773337194%2Fkommo-maroc%2Faws-logo.png&w=384&q=75"/></div><div class="flex-shrink-0 flex items-center justify-center"><img alt="Inspirigence Group" loading="lazy" width="180" height="60" decoding="async" data-nimg="1" class="h-7 md:h-9 lg:h-10 w-auto object-contain brightness-0 opacity-80 hover:opacity-100 transition-opacity duration-300" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fdi6oybeht%2Fimage%2Fupload%2Fv1773337196%2Fkommo-maroc%2Finspirigence-group.png&w=256&q=75 1x, /_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fdi6oybeht%2Fimage%2Fupload%2Fv1773337196%2Fkommo-maroc%2Finspirigence-group.png&w=384&q=75 2x" src="/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fdi6oybeht%2Fimage%2Fupload%2Fv1773337196%2Fkommo-maroc%2Finspirigence-group.png&w=384&q=75"/></div></div><div class="flex shrink-0 items-center gap-10 md:gap-14 lg:gap-20 pr-10 md:pr-14 lg:pr-20"><div class="flex-shrink-0 flex items-center justify-center"><img alt="Kommo Partner" loading="lazy" width="180" height="60" decoding="async" data-nimg="1" class="h-7 md:h-9 lg:h-10 w-auto object-contain brightness-0 opacity-80 hover:opacity-100 transition-opacity duration-300" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fdi6oybeht%2Fimage%2Fupload%2Fv1773337187%2Fkommo-maroc%2Fkommo-partner.png&w=256&q=75 1x, /_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fdi6oybeht%2Fimage%2Fupload%2Fv1773337187%2Fkommo-maroc%2Fkommo-partner.png&w=384&q=75 2x" src="/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fdi6oybeht%2Fimage%2Fupload%2Fv1773337187%2Fkommo-maroc%2Fkommo-partner.png&w=384&q=75"/></div><div class="flex-shrink-0 flex items-center justify-center"><img alt="Google Partner" loading="lazy" width="180" height="60" decoding="async" data-nimg="1" class="h-7 md:h-9 lg:h-10 w-auto object-contain brightness-0 opacity-80 hover:opacity-100 transition-opacity duration-300" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fdi6oybeht%2Fimage%2Fupload%2Fv1773337189%2Fkommo-maroc%2Fgoogle-partner.png&w=256&q=75 1x, /_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fdi6oybeht%2Fimage%2Fupload%2Fv1773337189%2Fkommo-maroc%2Fgoogle-partner.png&w=384&q=75 2x" src="/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fdi6oybeht%2Fimage%2Fupload%2Fv1773337189%2Fkommo-maroc%2Fgoogle-partner.png&w=384&q=75"/></div><div class="flex-shrink-0 flex items-center justify-center"><img alt="Meta Business Partner" loading="lazy" width="180" height="60" decoding="async" data-nimg="1" class="h-7 md:h-9 lg:h-10 w-auto object-contain brightness-0 opacity-80 hover:opacity-100 transition-opacity duration-300" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fdi6oybeht%2Fimage%2Fupload%2Fv1773337191%2Fkommo-maroc%2Fmeta-business-partner.png&w=256&q=75 1x, /_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fdi6oybeht%2Fimage%2Fupload%2Fv1773337191%2Fkommo-maroc%2Fmeta-business-partner.png&w=384&q=75 2x" src="/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fdi6oybeht%2Fimage%2Fupload%2Fv1773337191%2Fkommo-maroc%2Fmeta-business-partner.png&w=384&q=75"/></div><div class="flex-shrink-0 flex items-center justify-center"><img alt="Shopify Partner" loading="lazy" width="180" height="60" decoding="async" data-nimg="1" class="h-7 md:h-9 lg:h-10 w-auto object-contain brightness-0 opacity-80 hover:opacity-100 transition-opacity duration-300" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fdi6oybeht%2Fimage%2Fupload%2Fv1773337192%2Fkommo-maroc%2Fshopify-partner.png&w=256&q=75 1x, /_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fdi6oybeht%2Fimage%2Fupload%2Fv1773337192%2Fkommo-maroc%2Fshopify-partner.png&w=384&q=75 2x" src="/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fdi6oybeht%2Fimage%2Fupload%2Fv1773337192%2Fkommo-maroc%2Fshopify-partner.png&w=384&q=75"/></div><div class="flex-shrink-0 flex items-center justify-center"><img alt="AWS" loading="lazy" width="180" height="60" decoding="async" data-nimg="1" class="h-7 md:h-9 lg:h-10 w-auto object-contain brightness-0 opacity-80 hover:opacity-100 transition-opacity duration-300" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fdi6oybeht%2Fimage%2Fupload%2Fv1773337194%2Fkommo-maroc%2Faws-logo.png&w=256&q=75 1x, /_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fdi6oybeht%2Fimage%2Fupload%2Fv1773337194%2Fkommo-maroc%2Faws-logo.png&w=384&q=75 2x" src="/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fdi6oybeht%2Fimage%2Fupload%2Fv1773337194%2Fkommo-maroc%2Faws-logo.png&w=384&q=75"/></div><div class="flex-shrink-0 flex items-center justify-center"><img alt="Inspirigence Group" loading="lazy" width="180" height="60" decoding="async" data-nimg="1" class="h-7 md:h-9 lg:h-10 w-auto object-contain brightness-0 opacity-80 hover:opacity-100 transition-opacity duration-300" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fdi6oybeht%2Fimage%2Fupload%2Fv1773337196%2Fkommo-maroc%2Finspirigence-group.png&w=256&q=75 1x, /_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fdi6oybeht%2Fimage%2Fupload%2Fv1773337196%2Fkommo-maroc%2Finspirigence-group.png&w=384&q=75 2x" src="/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fdi6oybeht%2Fimage%2Fupload%2Fv1773337196%2Fkommo-maroc%2Finspirigence-group.png&w=384&q=75"/></div></div><div class="flex shrink-0 items-center gap-10 md:gap-14 lg:gap-20 pr-10 md:pr-14 lg:pr-20"><div class="flex-shrink-0 flex items-center justify-center"><img alt="Kommo Partner" loading="lazy" width="180" height="60" decoding="async" data-nimg="1" class="h-7 md:h-9 lg:h-10 w-auto object-contain brightness-0 opacity-80 hover:opacity-100 transition-opacity duration-300" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fdi6oybeht%2Fimage%2Fupload%2Fv1773337187%2Fkommo-maroc%2Fkommo-partner.png&w=256&q=75 1x, /_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fdi6oybeht%2Fimage%2Fupload%2Fv1773337187%2Fkommo-maroc%2Fkommo-partner.png&w=384&q=75 2x" src="/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fdi6oybeht%2Fimage%2Fupload%2Fv1773337187%2Fkommo-maroc%2Fkommo-partner.png&w=384&q=75"/></div><div class="flex-shrink-0 flex items-center justify-center"><img alt="Google Partner" loading="lazy" width="180" height="60" decoding="async" data-nimg="1" class="h-7 md:h-9 lg:h-10 w-auto object-contain brightness-0 opacity-80 hover:opacity-100 transition-opacity duration-300" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fdi6oybeht%2Fimage%2Fupload%2Fv1773337189%2Fkommo-maroc%2Fgoogle-partner.png&w=256&q=75 1x, /_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fdi6oybeht%2Fimage%2Fupload%2Fv1773337189%2Fkommo-maroc%2Fgoogle-partner.png&w=384&q=75 2x" src="/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fdi6oybeht%2Fimage%2Fupload%2Fv1773337189%2Fkommo-maroc%2Fgoogle-partner.png&w=384&q=75"/></div><div class="flex-shrink-0 flex items-center justify-center"><img alt="Meta Business Partner" loading="lazy" width="180" height="60" decoding="async" data-nimg="1" class="h-7 md:h-9 lg:h-10 w-auto object-contain brightness-0 opacity-80 hover:opacity-100 transition-opacity duration-300" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fdi6oybeht%2Fimage%2Fupload%2Fv1773337191%2Fkommo-maroc%2Fmeta-business-partner.png&w=256&q=75 1x, /_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fdi6oybeht%2Fimage%2Fupload%2Fv1773337191%2Fkommo-maroc%2Fmeta-business-partner.png&w=384&q=75 2x" src="/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fdi6oybeht%2Fimage%2Fupload%2Fv1773337191%2Fkommo-maroc%2Fmeta-business-partner.png&w=384&q=75"/></div><div class="flex-shrink-0 flex items-center justify-center"><img alt="Shopify Partner" loading="lazy" width="180" height="60" decoding="async" data-nimg="1" class="h-7 md:h-9 lg:h-10 w-auto object-contain brightness-0 opacity-80 hover:opacity-100 transition-opacity duration-300" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fdi6oybeht%2Fimage%2Fupload%2Fv1773337192%2Fkommo-maroc%2Fshopify-partner.png&w=256&q=75 1x, /_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fdi6oybeht%2Fimage%2Fupload%2Fv1773337192%2Fkommo-maroc%2Fshopify-partner.png&w=384&q=75 2x" src="/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fdi6oybeht%2Fimage%2Fupload%2Fv1773337192%2Fkommo-maroc%2Fshopify-partner.png&w=384&q=75"/></div><div class="flex-shrink-0 flex items-center justify-center"><img alt="AWS" loading="lazy" width="180" height="60" decoding="async" data-nimg="1" class="h-7 md:h-9 lg:h-10 w-auto object-contain brightness-0 opacity-80 hover:opacity-100 transition-opacity duration-300" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fdi6oybeht%2Fimage%2Fupload%2Fv1773337194%2Fkommo-maroc%2Faws-logo.png&w=256&q=75 1x, /_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fdi6oybeht%2Fimage%2Fupl
25oad%2Fv1773337194%2Fkommo-maroc%2Faws-logo.png&w=384&q=75 2x" src="/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fdi6oybeht%2Fimage%2Fupload%2Fv1773337194%2Fkommo-maroc%2Faws-logo.png&w=384&q=75"/></div><div class="flex-shrink-0 flex items-center justify-center"><img alt="Inspirigence Group" loading="lazy" width="180" height="60" decoding="async" data-nimg="1" class="h-7 md:h-9 lg:h-10 w-auto object-contain brightness-0 opacity-80 hover:opacity-100 transition-opacity duration-300" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fdi6oybeht%2Fimage%2Fupload%2Fv1773337196%2Fkommo-maroc%2Finspirigence-group.png&w=256&q=75 1x, /_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fdi6oybeht%2Fimage%2Fupload%2Fv1773337196%2Fkommo-maroc%2Finspirigence-group.png&w=384&q=75 2x" src="/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fdi6oybeht%2Fimage%2Fupload%2Fv1773337196%2Fkommo-maroc%2Finspirigence-group.png&w=384&q=75"/></div></div><div class="flex shrink-0 items-center gap-10 md:gap-14 lg:gap-20 pr-10 md:pr-14 lg:pr-20"><div class="flex-shrink-0 flex items-center justify-center"><img alt="Kommo Partner" loading="lazy" width="180" height="60" decoding="async" data-nimg="1" class="h-7 md:h-9 lg:h-10 w-auto object-contain brightness-0 opacity-80 hover:opacity-100 transition-opacity duration-300" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fdi6oybeht%2Fimage%2Fupload%2Fv1773337187%2Fkommo-maroc%2Fkommo-partner.png&w=256&q=75 1x, /_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fdi6oybeht%2Fimage%2Fupload%2Fv1773337187%2Fkommo-maroc%2Fkommo-partner.png&w=384&q=75 2x" src="/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fdi6oybeht%2Fimage%2Fupload%2Fv1773337187%2Fkommo-maroc%2Fkommo-partner.png&w=384&q=75"/></div><div class="flex-shrink-0 flex items-center justify-center"><img alt="Google Partner" loading="lazy" width="180" height="60" decoding="async" data-nimg="1" class="h-7 md:h-9 lg:h-10 w-auto object-contain brightness-0 opacity-80 hover:opacity-100 transition-opacity duration-300" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fdi6oybeht%2Fimage%2Fupload%2Fv1773337189%2Fkommo-maroc%2Fgoogle-partner.png&w=256&q=75 1x, /_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fdi6oybeht%2Fimage%2Fupload%2Fv1773337189%2Fkommo-maroc%2Fgoogle-partner.png&w=384&q=75 2x" src="/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fdi6oybeht%2Fimage%2Fupload%2Fv1773337189%2Fkommo-maroc%2Fgoogle-partner.png&w=384&q=75"/></div><div class="flex-shrink-0 flex items-center justify-center"><img alt="Meta Business Partner" loading="lazy" width="180" height="60" decoding="async" data-nimg="1" class="h-7 md:h-9 lg:h-10 w-auto object-contain brightness-0 opacity-80 hover:opacity-100 transition-opacity duration-300" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fdi6oybeht%2Fimage%2Fupload%2Fv1773337191%2Fkommo-maroc%2Fmeta-business-partner.png&w=256&q=75 1x, /_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fdi6oybeht%2Fimage%2Fupload%2Fv1773337191%2Fkommo-maroc%2Fmeta-business-partner.png&w=384&q=75 2x" src="/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fdi6oybeht%2Fimage%2Fupload%2Fv1773337191%2Fkommo-maroc%2Fmeta-business-partner.png&w=384&q=75"/></div><div class="flex-shrink-0 flex items-center justify-center"><img alt="Shopify Partner" loading="lazy" width="180" height="60" decoding="async" data-nimg="1" class="h-7 md:h-9 lg:h-10 w-auto object-contain brightness-0 opacity-80 hover:opacity-100 transition-opacity duration-300" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fdi6oybeht%2Fimage%2Fupload%2Fv1773337192%2Fkommo-maroc%2Fshopify-partner.png&w=256&q=75 1x, /_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fdi6oybeht%2Fimage%2Fupload%2Fv1773337192%2Fkommo-maroc%2Fshopify-partner.png&w=384&q=75 2x" src="/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fdi6oybeht%2Fimage%2Fupload%2Fv1773337192%2Fkommo-maroc%2Fshopify-partner.png&w=384&q=75"/></div><div class="flex-shrink-0 flex items-center justify-center"><img alt="AWS" loading="lazy" width="180" height="60" decoding="async" data-nimg="1" class="h-7 md:h-9 lg:h-10 w-auto object-contain brightness-0 opacity-80 hover:opacity-100 transition-opacity duration-300" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fdi6oybeht%2Fimage%2Fupload%2Fv1773337194%2Fkommo-maroc%2Faws-logo.png&w=256&q=75 1x, /_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fdi6oybeht%2Fimage%2Fupload%2Fv1773337194%2Fkommo-maroc%2Faws-logo.png&w=384&q=75 2x" src="/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fdi6oybeht%2Fimage%2Fupload%2Fv1773337194%2Fkommo-maroc%2Faws-logo.png&w=384&q=75"/></div><div class="flex-shrink-0 flex items-center justify-center"><img alt="Inspirigence Group" loading="lazy" width="180" height="60" decoding="async" data-nimg="1" class="h-7 md:h-9 lg:h-10 w-auto object-contain brightness-0 opacity-80 hover:opacity-100 transition-opacity duration-300" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fdi6oybeht%2Fimage%2Fupload%2Fv1773337196%2Fkommo-maroc%2Finspirigence-group.png&w=256&q=75 1x, /_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fdi6oybeht%2Fimage%2Fupload%2Fv1773337196%2Fkommo-maroc%2Finspirigence-group.png&w=384&q=75 2x" src="/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fdi6oybeht%2Fimage%2Fupload%2Fv1773337196%2Fkommo-maroc%2Finspirigence-group.png&w=384&q=75"/></div></div></div></div></div></section><section class="relative py-24 lg:py-32 overflow-hidden bg-gradient-to-b from-white via-violet-50/30 to-white"><div class="absolute inset-0 overflow-hidden pointer-events-none"><div class="absolute top-1/4 -left-32 w-[400px] h-[400px] bg-violet-200/20 rounded-full blur-3xl"></div><div class="absolute bottom-1/4 -right-32 w-[400px] h-[400px] bg-purple-200/20 rounded-full blur-3xl"></div></div><div class="relative z-10 w-full max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"><div class="text-center mb-16" style="opacity:0;transform:translateY(20px)"><div class="mb-5" style="opacity:0;transform:translateY(20px)"><span data-slot="badge" data-variant="secondary" class="inline-flex items-center justify-center rounded-full border w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden [a&]:hover:bg-secondary/90 px-4 py-2 text-sm font-medium bg-red-100/80 text-red-700 border-red-200/50 backdrop-blur-sm"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-triangle-alert h-3.5 w-3.5 mr-2" aria-hidden="true"><path d="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3"></path><path d="M12 9v4"></path><path d="M12 17h.01"></path></svg>Le problème</span></div><h2 class="font-heading text-3xl sm:text-4xl md:text-5xl font-bold tracking-tight text-gray-900 mb-4" style="opacity:0;transform:translateY(20px)">Vous reconnaissez<!-- --> <span class="bg-gradient-to-r from-violet-600 via-purple-600 to-violet-600 bg-clip-text text-transparent">cette situation ?</span></h2></div><div class="grid md:grid-cols-2 gap-6 max-w-4xl mx-auto"><div class="group" style="opacity:0;transform:translateY(30px)"><div class="relative h-full p-6 rounded-xl bg-white border border-gray-200/60 transition-all duration-300 overflow-hidden hover:border-red-200/80 hover:shadow-lg hover:shadow-red-500/5"><div class="flex items-start gap-4"><div class="h-10 w-10 rounded-lg flex items-center justify-center flex-shrink-0" style="background-color:#ef444415"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-smartphone h-5 w-5" aria-hidden="true" style="color:#ef4444"><rect width="14" height="20" x="5" y="2" rx="2" ry="2"></rect><path d="M12 18h.01"></path></svg></div><div><h3 class="text-base font-semibold text-gray-900 mb-2">Vos leads arrivent de partout</h3><p class="text-gray-500 text-sm leading-relaxed">WhatsApp perso, DM Instagram, formulaires, emails... et vous en perdez la moitié.</p></div></div></div></div><div class="group" style="opacity:0;transform:translateY(30px)"><div class="relative h-full p-6 rounded-xl bg-white border border-gray-200/60 transition-all duration-300 overflow-hidden hover:border-red-200/80 hover:shadow-lg hover:shadow-red-500/5"><div class="flex items-start gap-4"><div class="h-10 w-10 rounded-lg flex items-center justify-center flex-shrink-0" style="background-color:#f59e0b15"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-refresh-cw h-5 w-5" aria-hidden="true" style="color:#f59e0b"><path d="M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8"></path><path d="M21 3v5h-5"></path><path d="M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16"></path><path d="M8 16H3v5"></path></svg></div><div><h3 class="text-base font-semibold text-gray-900 mb-2">Le suivi se fait "au feeling"</h3><p class="text-gray-500 text-sm leading-relaxed">Pas de prochaine action claire. Des relances oubliées. Des prospects qui refroidissent.</p></div></div></div></div><div class="group" style="opacity:0;transform:translateY(30px)"><div class="relative h-full p-6 rounded-xl bg-white border border-gray-200/60 transition-all duration-300 overflow-hidden hover:border-red-200/80 hover:shadow-lg hover:shadow-red-500/5"><div class="flex items-start gap-4"><div class="h-10 w-10 rounded-lg flex items-center justify-center flex-shrink-0" style="background-color:#8b5cf615"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chart-column h-5 w-5" aria-hidden="true" style="color:#8b5cf6"><path d="M3 3v16a2 2 0 0 0 2 2h16"></path><path d="M18 17V9"></path><path d="M13 17V5"></path><path d="M8 17v-3"></path></svg></div><div><h3 class="text-base font-semibold text-gray-900 mb-2">Zéro visibilité sur vos ventes</h3><p class="text-gray-500 text-sm leading-relaxed">Impossible de savoir quel canal convertit, quel commercial performe, où ça bloque.</p></div></div></div></div><div class="group" style="opacity:0;transform:translateY(30px)"><div class="relative h-full p-6 rounded-xl bg-white border border-gray-200/60 transition-all duration-300 overflow-hidden hover:border-red-200/80 hover:shadow-lg hover:shadow-red-500/5"><div class="flex items-start gap-4"><div class="h-10 w-10 rounded-lg flex items-center justify-center flex-shrink-0" style="background-color:#3b82f615"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-clock h-5 w-5" aria-hidden="true" style="color:#3b82f6"><path d="M12 6v6l4 2"></path><circle cx="12" cy="12" r="10"></circle></svg></div><div><h3 class="text-base font-semibold text-gray-900 mb-2">Vous passez vos journées à éteindre des feux</h3><p class="text-gray-500 text-sm leading-relaxed">Au lieu de closer des deals, vous courez après les infos, les historiques, les numéros éparpillés.</p></div></div></div></div></div><div class="text-center mt-12" style="opacity:0;transform:translateY(20px)"><p class="text-lg md:text-xl text-gray-600">Ce n'est pas un problème de motivation.</p><p class="text-lg md:text-xl font-semibold text-gray-900 mt-1">C'est un problème de<!-- --> <span class="bg-gradient-to-r from-violet-600 to-purple-600 bg-clip-text text-transparent">système.</span></p></div></div></section><section class="relative py-24 lg:py-32 overflow-hidden bg-gradient-to-b from-white via-violet-50/30 to-white"><div class="absolute inset-0 overflow-hidden pointer-events-none"><div class="absolute top-1/4 -left-32 w-[400px] h-[400px] bg-violet-200/20 rounded-full blur-3xl"></div><div class="absolute bottom-1/4 -right-32 w-[400px] h-[400px] bg-purple-200/20 rounded-full blur-3xl"></div><div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[600px] h-[600px] bg-violet-100/10 rounded-full blur-3xl"></div></div><div class="relative z-10 w-full max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"><div class="text-center mb-16" style="opacity:0;transform:translateY(20px)"><div class="mb-5" style="opacity:0;transform:translateY(20px)"><span data-slot="badge" data-variant="secondary" class="inline-flex items-center justify-center rounded-full border w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden [a&]:hover:bg-secondary/90 px-4 py-2 text-sm font-medium bg-violet-100/80 text-violet-700 border-violet-200/50 backdrop-blur-sm"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-zap h-3.5 w-3.5 mr-2" aria-hidden="true"><path d="M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z"></path></svg>Tout-en-un</span></div><h2 class="font-heading text-3xl sm:text-4xl md:text-5xl font-bold tracking-tight text-gray-900 mb-4" style="opacity:0;transform:translateY(20px)"><span class="block">Un CRM conçu pour</span><span class="block mt-1 bg-gradient-to-r from-violet-600 via-purple-600 to-violet-600 bg-clip-text text-transparent">vendre, pas pour administrer</span></h2><p class="text-base md:text-lg lg:text-xl text-gray-600 max-w-2xl mx-auto" style="opacity:0;transform:translateY(20px)">Kommo réunit tout ce dont vous avez besoin pour transformer vos conversations en revenus.</p></div><div class="grid md:grid-cols-2 lg:grid-cols-3 gap-6"><div class="group" style="opacity:0;transform:translateY(30px)"><div class="relative h-full rounded-xl bg-gray-50/50 border border-gray-200/60 transition-all duration-300 overflow-hidden hover:border-gray-300/80 hover:bg-gray-50/80"><div class="relative h-32 flex items-center justify-center bg-gradient-to-b from-gray-100/50 to-transparent border-b border-gray-200/40">
25<svg width="160" height="100" viewBox="0 0 160 100" fill="none" class="opacity-25 group-hover:opacity-40 transition-opacity duration-500"><ellipse cx="80" cy="50" rx="35" ry="25" fill="#3b82f6" fill-opacity="0.05"></ellipse><g opacity="0.7"><rect x="20" y="20" width="18" height="18" rx="5" stroke="#3b82f6" stroke-width="1.2"></rect><circle cx="29" cy="29" r="4" stroke="#3b82f6" stroke-width="0.8"></circle><rect x="20" y="55" width="18" height="14" rx="2" stroke="#3b82f6" stroke-width="1.2"></rect><path d="M20 57L29 64L38 57" stroke="#3b82f6" stroke-width="1"></path><rect x="22" y="80" width="14" height="14" rx="4" stroke="#3b82f6" stroke-width="1.2"></rect><circle cx="29" cy="87" r="3" stroke="#3b82f6" stroke-width="0.8"></circle></g><path d="M40 29C55 29 60 45 75 48" stroke="#3b82f6" stroke-width="1.5" stroke-linecap="round" opacity="0.6"><animate attributeName="stroke-dasharray" values="0,100;50,50;100,0" dur="3s" repeatCount="indefinite"></animate></path><path d="M40 62C55 62 60 52 75 50" stroke="#3b82f6" stroke-width="1.5" stroke-linecap="round" opacity="0.5"></path><path d="M38 87C55 87 65 58 75 52" stroke="#3b82f6" stroke-width="1.5" stroke-linecap="round" opacity="0.4"></path><rect x="70" y="38" width="28" height="24" rx="4" stroke="#3b82f6" stroke-width="1.5" fill="#3b82f6" fill-opacity="0.08"></rect><rect x="73" y="41" width="22" height="4" rx="1" fill="#3b82f6" fill-opacity="0.3"></rect><rect x="73" y="48" width="18" height="3" rx="1" fill="#3b82f6" fill-opacity="0.2"></rect><rect x="73" y="54" width="15" height="3" rx="1" fill="#3b82f6" fill-opacity="0.15"></rect><path d="M100 50H125" stroke="#3b82f6" stroke-width="1.5" stroke-linecap="round"></path><path d="M120 45L128 50L120 55" stroke="#3b82f6" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><circle cx="138" cy="50" r="10" stroke="#3b82f6" stroke-width="1.5" fill="#3b82f6" fill-opacity="0.1"></circle><circle cx="138" cy="50" r="4" fill="#3b82f6" fill-opacity="0.4"></circle></svg></div><div class="p-5"><div class="flex items-center gap-3 mb-3"><div class="h-8 w-8 rounded-lg flex items-center justify-center flex-shrink-0" style="background-color:#3b82f615"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-inbox h-4 w-4" aria-hidden="true" style="color:#3b82f6"><polyline points="22 12 16 12 14 15 10 15 8 12 2 12"></polyline><path d="M5.45 5.11 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z"></path></svg></div><h3 class="text-base font-semibold text-gray-900">Tous vos messages. Un seul écran.</h3></div><p class="text-gray-500 text-sm leading-relaxed mb-4">WhatsApp, Instagram, Facebook, Telegram, email â chaque conversation centralisée avec l'historique complet du client. Ne ratez plus jamais un lead. Répondez en moins de 5 minutes.</p><div class="flex items-center justify-between"><span class="px-2 py-1 rounded text-xs font-medium" style="background-color:#3b82f610;color:#3b82f6">0 message perdu</span><a aria-label="En savoir plus" class="inline-flex items-center text-gray-400 hover:text-gray-600 text-sm transition-colors" href="/contact"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4 group-hover:translate-x-0.5 transition-transform" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div></div></div></div><div class="group" style="opacity:0;transform:translateY(30px)"><div class="relative h-full rounded-xl bg-gray-50/50 border border-gray-200/60 transition-all duration-300 overflow-hidden hover:border-gray-300/80 hover:bg-gray-50/80"><div class="relative h-32 flex items-center justify-center bg-gradient-to-b from-gray-100/50 to-transparent border-b border-gray-200/40"><svg width="160" height="100" viewBox="0 0 160 100" fill="none" class="opacity-25 group-hover:opacity-40 transition-opacity duration-500"><text x="30" y="15" font-size="6" fill="#8b5cf6" opacity="0.5" font-family="sans-serif" font-weight="500">LEAD</text><text x="70" y="15" font-size="6" fill="#8b5cf6" opacity="0.5" font-family="sans-serif" font-weight="500">QUAL</text><text x="108" y="15" font-size="6" fill="#8b5cf6" opacity="0.5" font-family="sans-serif" font-weight="500">WON</text><rect x="15" y="20" width="40" height="65" rx="6" stroke="#8b5cf6" stroke-width="1" fill="#8b5cf6" fill-opacity="0.02"></rect><rect x="60" y="20" width="40" height="65" rx="6" stroke="#8b5cf6" stroke-width="1" fill="#8b5cf6" fill-opacity="0.03"></rect><rect x="105" y="20" width="40" height="65" rx="6" stroke="#8b5cf6" stroke-width="1" fill="#8b5cf6" fill-opacity="0.04"></rect><rect x="20" y="26" width="30" height="14" rx="3" fill="#8b5cf6" fill-opacity="0.15" stroke="#8b5cf6" stroke-width="0.5"></rect><rect x="22" y="30" width="18" height="2" rx="1" fill="#8b5cf6" fill-opacity="0.3"></rect><rect x="22" y="34" width="12" height="2" rx="1" fill="#8b5cf6" fill-opacity="0.2"></rect><rect x="20" y="44" width="30" height="14" rx="3" fill="#8b5cf6" fill-opacity="0.12" stroke="#8b5cf6" stroke-width="0.5"></rect><rect x="22" y="48" width="16" height="2" rx="1" fill="#8b5cf6" fill-opacity="0.25"></rect><rect x="22" y="52" width="10" height="2" rx="1" fill="#8b5cf6" fill-opacity="0.15"></rect><rect x="20" y="62" width="30" height="14" rx="3" fill="#8b5cf6" fill-opacity="0.08" stroke="#8b5cf6" stroke-width="0.5"></rect><rect x="65" y="26" width="30" height="14" rx="3" fill="#8b5cf6" fill-opacity="0.2" stroke="#8b5cf6" stroke-width="0.5"></rect><rect x="67" y="30" width="20" height="2" rx="1" fill="#8b5cf6" fill-opacity="0.35"></rect><rect x="67" y="34" width="14" height="2" rx="1" fill="#8b5cf6" fill-opacity="0.25"></rect><rect x="65" y="44" width="30" height="14" rx="3" fill="#8b5cf6" fill-opacity="0.15" stroke="#8b5cf6" stroke-width="0.5"></rect><rect x="110" y="26" width="30" height="14" rx="3" fill="#8b5cf6" fill-opacity="0.35" stroke="#8b5cf6" stroke-width="1"></rect><rect x="112" y="30" width="22" height="2" rx="1" fill="#8b5cf6" fill-opacity="0.5"></rect><rect x="112" y="34" width="16" height="2" rx="1" fill="#8b5cf6" fill-opacity="0.35"></rect><path d="M52 50L58 50" stroke="#8b5cf6" stroke-width="1.2" stroke-linecap="round" opacity="0.6"></path><path d="M55 47L59 50L55 53" stroke="#8b5cf6" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="none" opacity="0.6"></path><path d="M97 50L103 50" stroke="#8b5cf6" stroke-width="1.2" stroke-linecap="round" opacity="0.6"></path><path d="M100 47L104 50L100 53" stroke="#8b5cf6" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="none" opacity="0.6"></path><circle cx="133" cy="33" r="4" fill="#8b5cf6" fill-opacity="0.3"></circle><path d="M131 33L132.5 34.5L135.5 31.5" stroke="#8b5cf6" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path></svg></div><div class="p-5"><div class="flex items-center gap-3 mb-3"><div class="h-8 w-8 rounded-lg flex items-center justify-center flex-shrink-0" style="background-color:#8b5cf615"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-branch h-4 w-4" aria-hidden="true" style="color:#8b5cf6"><line x1="6" x2="6" y1="3" y2="15"></line><circle cx="18" cy="6" r="3"></circle><circle cx="6" cy="18" r="3"></circle><path d="M18 9a9 9 0 0 1-9 9"></path></svg></div><h3 class="text-base font-semibold text-gray-900">Visualisez votre chiffre d'affaires</h3></div><p class="text-gray-500 text-sm leading-relaxed mb-4">Glissez-déposez vos deals d'une étape à l'autre. Voyez instantanément ce qui est chaud, ce qui bloque, ce qui va closer. Prévisibilité sur vos ventes.</p><div class="flex items-center justify-between"><span class="px-2 py-1 rounded text-xs font-medium" style="background-color:#8b5cf610;color:#8b5cf6">Pipeline visuel</span><a aria-label="En savoir plus" class="inline-flex items-center text-gray-400 hover:text-gray-600 text-sm transition-colors" href="/contact"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4 group-hover:translate-x-0.5 transition-transform" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div></div></div></div><div class="group" style="opacity:0;transform:translateY(30px)"><div class="relative h-full rounded-xl bg-gray-50/50 border border-gray-200/60 transition-all duration-300 overflow-hidden hover:border-gray-300/80 hover:bg-gray-50/80"><div class="relative h-32 flex items-center justify-center bg-gradient-to-b from-gray-100/50 to-transparent border-b border-gray-200/40">
25<svg width="160" height="100" viewBox="0 0 160 100" fill="none" class="opacity-25 group-hover:opacity-40 transition-opacity duration-500"><path d="M20 80L20 70L40 70" stroke="#f59e0b" stroke-width="0.5" opacity="0.2"></path><path d="M140 80L140 70L120 70" stroke="#f59e0b" stroke-width="0.5" opacity="0.2"></path><circle cx="25" cy="50" r="12" stroke="#f59e0b" stroke-width="1.5" fill="#f59e0b" fill-opacity="0.1"></circle><path d="M22 45L31 50L22 55Z" fill="#f59e0b" fill-opacity="0.4"></path><path d="M37 50L55 50" stroke="#f59e0b" stroke-width="1.5" stroke-linecap="round"></path><path d="M70 50L80 38L90 50L80 62Z" stroke="#f59e0b" stroke-width="1.5" fill="#f59e0b" fill-opacity="0.08"></path><text x="77" y="53" font-size="8" fill="#f59e0b" opacity="0.6" font-family="sans-serif">?</text><path d="M55 50L70 50" stroke="#f59e0b" stroke-width="1.5" stroke-linecap="round"></path><path d="M80 38L80 25L110 25" stroke="#f59e0b" stroke-width="1.5" stroke-linecap="round"></path><text x="83" y="22" font-size="5" fill="#f59e0b" opacity="0.4" font-family="sans-serif">YES</text><rect x="110" y="15" width="28" height="20" rx="4" stroke="#f59e0b" stroke-width="1.5" fill="#f59e0b" fill-opacity="0.15"></rect><path d="M122 19L118 26H124L120 33" stroke="#f59e0b" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M80 62L80 75L110 75" stroke="#f59e0b" stroke-width="1.5" stroke-linecap="round" stroke-dasharray="4 2"></path><text x="83" y="72" font-size="5" fill="#f59e0b" opacity="0.4" font-family="sans-serif">NO</text><rect x="110" y="65" width="28" height="20" rx="4" stroke="#f59e0b" stroke-width="1.5" fill="#f59e0b" fill-opacity="0.08"></rect><circle cx="124" cy="75" r="6" stroke="#f59e0b" stroke-width="1" fill="none"></circle><path d="M124 72V75L126 77" stroke="#f59e0b" stroke-width="1" stroke-linecap="round"></path><path d="M138 25L148 25L148 50" stroke="#f59e0b" stroke-width="1.5" stroke-linecap="round"></path><path d="M138 75L148 75L148 50" stroke="#f59e0b" stroke-width="1.5" stroke-linecap="round"></path><circle cx="148" cy="50" r="6" stroke="#f59e0b" stroke-width="1.5" fill="#f59e0b" fill-opacity="0.3"></circle><circle cx="148" cy="50" r="3" fill="#f59e0b" fill-opacity="0.5"></circle><circle cx="46" cy="50" r="2" fill="#f59e0b" fill-opacity="0.4"></circle><circle cx="63" cy="50" r="2" fill="#f59e0b" fill-opacity="0.4"></circle></svg></div><div class="p-5"><div class="flex items-center gap-3 mb-3"><div class="h-8 w-8 rounded-lg flex items-center justify-center flex-shrink-0" style="background-color:#f59e0b15"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-zap h-4 w-4" aria-hidden="true" style="color:#f59e0b"><path d="M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z"></path></svg></div><h3 class="text-base font-semibold text-gray-900">Vos relances se font toutes seules</h3></div><p class="text-gray-500 text-sm leading-relaxed mb-4">Message de bienvenue automatique. Relance à J+1. Tâche créée si pas de réponse. Attribution au bon commercial. Gagnez jusqu'à 10h par semaine.</p><div class="flex items-center justify-between"><span class="px-2 py-1 rounded text-xs font-medium" style="background-color:#f59e0b10;color:#f59e0b">-10h/semaine</span><a aria-label="En savoir plus" class="inline-flex items-center text-gray-400 hover:text-gray-600 text-sm transition-colors" href="/contact"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4 group-hover:translate-x-0.5 transition-transform" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div></div></div></div><div class="group" style="opacity:0;transform:translateY(30px)"><div class="relative h-full rounded-xl bg-gray-50/50 border border-gray-200/60 transition-all duration-300 overflow-hidden hover:border-gray-300/80 hover:bg-gray-50/80"><div class="relative h-32 flex items-center justify-center bg-gradient-to-b from-gray-100/50 to-transparent border-b border-gray-200/40">
25<svg width="160" height="100" viewBox="0 0 160 100" fill="none" class="opacity-25 group-hover:opacity-40 transition-opacity duration-500"><rect x="25" y="10" width="110" height="80" rx="8" stroke="#ec4899" stroke-width="1" fill="#ec4899" fill-opacity="0.02"></rect><rect x="25" y="10" width="110" height="16" rx="8" fill="#ec4899" fill-opacity="0.05"></rect><rect x="25" y="18" width="110" height="8" fill="#ec4899" fill-opacity="0.05"></rect><circle cx="35" cy="18" r="3" fill="#ec4899" fill-opacity="0.3"></circle><rect x="42" y="16" width="40" height="4" rx="2" fill="#ec4899" fill-opacity="0.2"></rect><rect x="32" y="32" width="65" height="18" rx="10" fill="#ec4899" fill-opacity="0.12"></rect><rect x="38" y="37" width="45" height="3" rx="1.5" fill="#ec4899" fill-opacity="0.25"></rect><rect x="38" y="43" width="30" height="3" rx="1.5" fill="#ec4899" fill-opacity="0.18"></rect><circle cx="32" cy="56" r="6" fill="#ec4899" fill-opacity="0.15" stroke="#ec4899" stroke-width="0.8"></circle><path d="M29 56H35M32 54V58" stroke="#ec4899" stroke-width="1" stroke-linecap="round" opacity="0.5"></path><rect x="70" y="55" width="55" height="14" rx="8" fill="#ec4899" fill-opacity="0.2"></rect><rect x="76" y="60" width="35" height="3" rx="1.5" fill="#ec4899" fill-opacity="0.35"></rect><rect x="32" y="74" width="40" height="12" rx="6" fill="#ec4899" fill-opacity="0.08" stroke="#ec4899" stroke-width="0.8"></rect><circle cx="42" cy="80" r="2.5" fill="#ec4899" fill-opacity="0.25"><animate attributeName="opacity" values="0.2;0.5;0.2" dur="1s" repeatCount="indefinite"></animate></circle><circle cx="52" cy="80" r="2.5" fill="#ec4899" fill-opacity="0.35"><animate attributeName="opacity" values="0.3;0.6;0.3" dur="1s" repeatCount="indefinite" begin="0.2s"></animate></circle><circle cx="62" cy="80" r="2.5" fill="#ec4899" fill-opacity="0.45"><animate attributeName="opacity" values="0.4;0.7;0.4" dur="1s" repeatCount="indefinite" begin="0.4s"></animate></circle><g opacity="0.5"><path d="M120 25L122 30L127 32L122 34L120 39L118 34L113 32L118 30Z" fill="#ec4899" fill-opacity="0.4"></path></g></svg></div><div class="p-5"><div class="flex items-center gap-3 mb-3"><div class="h-8 w-8 rounded-lg flex items-center justify-center flex-shrink-0" style="background-color:#ec489915"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bot h-4 w-4" aria-hidden="true" style="color:#ec4899"><path d="M12 8V4H8"></path><rect width="16" height="12" x="4" y="8" rx="2"></rect><path d="M2 14h2"></path><path d="M20 14h2"></path><path d="M15 13v2"></path><path d="M9 13v2"></path></svg></div><h3 class="text-base font-semibold text-gray-900">Qualifiez vos leads 24h/24</h3></div><p class="text-gray-500 text-sm leading-relaxed mb-4">Un assistant IA qui répond instantanément, pose les bonnes questions, et transmet les prospects chauds à votre équipe. Plus de leads perdus la nuit ou le weekend.</p><div class="flex items-center justify-between"><span class="px-2 py-1 rounded text-xs font-medium" style="background-color:#ec489910;color:#ec4899">24/7</span><a aria-label="En savoir plus" class="inline-flex items-center text-gray-400 hover:text-gray-600 text-sm transition-colors" href="/contact"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4 group-hover:translate-x-0.5 transition-transform" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div></div></div></div><div class="group" style="opacity:0;transform:translateY(30px)"><div class="relative h-full rounded-xl bg-gray-50/50 border border-gray-200/60 transition-all duration-300 overflow-hidden hover:border-gray-300/80 hover:bg-gray-50/80"><div class="relative h-32 flex items-center justify-center bg-gradient-to-b from-gray-100/50 to-transparent border-b border-gray-200/40">
25<svg width="160" height="100" viewBox="0 0 160 100" fill="none" class="opacity-25 group-hover:opacity-40 transition-opacity duration-500"><rect x="60" y="35" width="40" height="30" rx="6" stroke="#10b981" stroke-width="1.5" fill="#10b981" fill-opacity="0.1"></rect><rect x="66" y="42" width="28" height="4" rx="2" fill="#10b981" fill-opacity="0.3"></rect><rect x="66" y="50" width="20" height="3" rx="1.5" fill="#10b981" fill-opacity="0.2"></rect><rect x="66" y="56" width="14" height="3" rx="1.5" fill="#10b981" fill-opacity="0.15"></rect><circle cx="30" cy="25" r="12" stroke="#10b981" stroke-width="1.2" fill="#10b981" fill-opacity="0.05"></circle><circle cx="30" cy="22" r="5" fill="#10b981" fill-opacity="0.2"></circle><path d="M22 35C22 31 25 28 30 28C35 28 38 31 38 35" stroke="#10b981" stroke-width="1" fill="none" opacity="0.3"></path><circle cx="130" cy="25" r="12" stroke="#10b981" stroke-width="1.2" fill="#10b981" fill-opacity="0.05"></circle><circle cx="130" cy="22" r="5" fill="#10b981" fill-opacity="0.2"></circle><path d="M122 35C122 31 125 28 130 28C135 28 138 31 138 35" stroke="#10b981" stroke-width="1" fill="none" opacity="0.3"></path><circle cx="30" cy="75" r="12" stroke="#10b981" stroke-width="1.2" fill="#10b981" fill-opacity="0.05"></circle><circle cx="30" cy="72" r="5" fill="#10b981" fill-opacity="0.2"></circle><path d="M22 85C22 81 25 78 30 78C35 78 38 81 38 85" stroke="#10b981" stroke-width="1" fill="none" opacity="0.3"></path><circle cx="130" cy="75" r="12" stroke="#10b981" stroke-width="1.5" fill="#10b981" fill-opacity="0.15"></circle><circle cx="130" cy="72" r="5" fill="#10b981" fill-opacity="0.35"></circle><path d="M122 85C122 81 125 78 130 78C135 78 138 81 138 85" stroke="#10b981" stroke-width="1.2" fill="none" opacity="0.4"></path><circle cx="138" cy="68" r="4" fill="#10b981" fill-opacity="0.4"></circle><path d="M136 68L137.5 69.5L140 67" stroke="white" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path><path d="M42 30C52 35 55 40 60 42" stroke="#10b981" stroke-width="1.2" stroke-linecap="round" opacity="0.4" stroke-dasharray="3 2"></path><path d="M118 30C108 35 105 40 100 42" stroke="#10b981" stroke-width="1.2" stroke-linecap="round" opacity="0.4" stroke-dasharray="3 2"></path><path d="M42 70C52 65 55 60 60 58" stroke="#10b981" stroke-width="1.2" stroke-linecap="round" opacity="0.4" stroke-dasharray="3 2"></path><path d="M118 70C108 65 105 60 100 58" stroke="#10b981" stroke-width="1.5" stroke-linecap="round" opacity="0.7"></path><circle cx="95" cy="62" r="2" fill="#10b981" fill-opacity="0.5"><animate attributeName="opacity" values="0.3;0.7;0.3" dur="1.5s" repeatCount="indefinite"></animate></circle></svg></div><div class="p-5"><div class="flex items-center gap-3 mb-3"><div class="h-8 w-8 rounded-lg flex items-center justify-center flex-shrink-0" style="background-color:#10b98115"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users h-4 w-4" aria-hidden="true" style="color:#10b981"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><path d="M16 3.128a4 4 0 0 1 0 7.744"></path><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><circle cx="9" cy="7" r="4"></circle></svg></div><h3 class="text-base font-semibold text-gray-900">Chaque lead a un responsable</h3></div><p class="text-gray-500 text-sm leading-relaxed mb-4">Attribution automatique (round-robin, par région, par produit). Permissions par rôle. Performance de chaque commercial visible. Responsabilisation totale.</p><div class="flex items-center justify-between"><span class="px-2 py-1 rounded text-xs font-medium" style="background-color:#10b98110;color:#10b981">0 lead orphelin</span><a aria-label="En savoir plus" class="inline-flex items-center text-gray-400 hover:text-gray-600 text-sm transition-colors" href="/contact"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4 group-hover:translate-x-0.5 transition-transform" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div></div></div></div><div class="group" style="opacity:0;transform:translateY(30px)"><div class="relative h-full rounded-xl bg-gray-50/50 border border-gray-200/60 transition-all duration-300 overflow-hidden hover:border-gray-300/80 hover:bg-gray-50/80"><div class="relative h-32 flex items-center justify-center bg-gradient-to-b from-gray-100/50 to-transparent border-b border-gray-200/40">
25<svg width="160" height="100" viewBox="0 0 160 100" fill="none" class="opacity-25 group-hover:opacity-40 transition-opacity duration-500"><rect x="15" y="15" width="90" height="60" rx="4" stroke="#06b6d4" stroke-width="1" fill="#06b6d4" fill-opacity="0.02"></rect><text x="18" y="25" font-size="5" fill="#06b6d4" opacity="0.4" font-family="sans-serif">100</text><text x="18" y="45" font-size="5" fill="#06b6d4" opacity="0.4" font-family="sans-serif">50</text><text x="18" y="65" font-size="5" fill="#06b6d4" opacity="0.4" font-family="sans-serif">0</text><path d="M30 25H100M30 45H100M30 65H100" stroke="#06b6d4" stroke-width="0.5" opacity="0.15"></path><path d="M30 65L30 58L45 50L60 55L75 40L90 45L100 30L100 65Z" fill="#06b6d4" fill-opacity="0.08"></path><path d="M30 58L45 50L60 55L75 40L90 45L100 30" stroke="#06b6d4" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><circle cx="30" cy="58" r="3" fill="#06b6d4" fill-opacity="0.5"></circle><circle cx="45" cy="50" r="3" fill="#06b6d4" fill-opacity="0.5"></circle><circle cx="60" cy="55" r="3" fill="#06b6d4" fill-opacity="0.5"></circle><circle cx="75" cy="40" r="3" fill="#06b6d4" fill-opacity="0.5"></circle><circle cx="90" cy="45" r="3" fill="#06b6d4" fill-opacity="0.5"></circle><circle cx="100" cy="30" r="4" fill="#06b6d4" fill-opacity="0.7"></circle><circle cx="100" cy="30" r="8" stroke="#06b6d4" stroke-width="1" fill="none" opacity="0.3"></circle><rect x="85" y="15" width="22" height="12" rx="2" fill="#06b6d4" fill-opacity="0.2"></rect><text x="90" y="23" font-size="6" fill="#06b6d4" opacity="0.7" font-family="sans-serif" font-weight="500">+45%</text><rect x="115" y="15" width="35" height="60" rx="4" stroke="#06b6d4" stroke-width="1" fill="#06b6d4" fill-opacity="0.02"></rect><rect x="120" y="22" width="25" height="12" rx="2" fill="#06b6d4" fill-opacity="0.05"></rect><rect x="122" y="26" width="18" height="4" rx="1" fill="#06b6d4" fill-opacity="0.25"></rect><text x="120" y="20" font-size="4" fill="#06b6d4" opacity="0.4" font-family="sans-serif">CONV</text><circle cx="132" cy="50" r="8" stroke="#06b6d4" stroke-width="3" fill="none" opacity="0.15"></circle><circle cx="132" cy="50" r="8" stroke="#06b6d4" stroke-width="3" fill="none" stroke-dasharray="38 50" stroke-linecap="round" opacity="0.5"></circle><text x="129" y="52" font-size="5" fill="#06b6d4" opacity="0.5" font-family="sans-serif">72</text><rect x="120" y="62" width="25" height="8" rx="2" fill="#06b6d4" fill-opacity="0.1"></rect><path d="M124 67L127 64L130 66L134 62L138 65" stroke="#06b6d4" stroke-width="1" stroke-linecap="round" opacity="0.5"></path><circle cx="30" cy="82" r="3" fill="#06b6d4" fill-opacity="0.4"></circle><text x="36" y="84" font-size="5" fill="#06b6d4" opacity="0.4" font-family="sans-serif">Conversions</text><rect x="75" y="80" width="8" height="4" rx="1" fill="#06b6d4" fill-opacity="0.2"></rect><text x="86" y="84" font-size="5" fill="#06b6d4" opacity="0.4" font-family="sans-serif">Revenue</text></svg></div><div class="p-5"><div class="flex items-center gap-3 mb-3"><div class="h-8 w-8 rounded-lg flex items-center justify-center flex-shrink-0" style="background-color:#06b6d415"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chart-column h-4 w-4" aria-hidden="true" style="color:#06b6d4"><path d="M3 3v16a2 2 0 0 0 2 2h16"></path><path d="M18 17V9"></path><path d="M13 17V5"></path><path d="M8 17v-3"></path></svg></div><h3 class="text-base font-semibold text-gray-900">Les chiffres qui comptent, sans effort</h3></div><p class="text-gray-500 text-sm leading-relaxed mb-4">Conversion par source. Temps de réponse moyen. Win rate par commercial. Raisons de perte. Optimisez ce qui marche. Corrigez ce qui bloque.</p><div class="flex items-center justify-between"><span class="px-2 py-1 rounded text-xs font-medium" style="background-color:#06b6d410;color:#06b6d4">Temps réel</span><a aria-label="En savoir plus" class="inline-flex items-center text-gray-400 hover:text-gray-600 text-sm transition-colors" href="/contact"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4 group-hover:translate-x-0.5 transition-transform" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div></div></div></div></div><div class="flex justify-center mt-16" style="opacity:0;transform:translateY(20px)"><span data-slot="badge" data-variant="secondary" class="inline-flex items-center justify-center rounded-full border w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden [a&]:hover:bg-secondary/90 px-4 py-2 text-sm font-medium bg-violet-100/80 text-violet-700 border-violet-200/50 backdrop-blur-sm"><span class="relative flex h-2 w-2 mr-2"><span class="animate-ping absolute inline-flex h-full w-full rounded-full bg-green-400 opacity-75"></span><span class="relative inline-flex rounded-full h-2 w-2 bg-green-500"></span></span>Utilisé par +500 entreprises au Maroc</span></div></div></section><section class="relative py-24 lg:py-32 overflow-hidden bg-gradient-to-b from-white via-violet-50/30 to-white"><div class="absolute inset-0 overflow-hidden pointer-events-none"><div class="absolute top-1/4 -right-32 w-[400px] h-[400px] bg-violet-200/20 rounded-full blur-3xl"></div><div class="absolute bottom-1/4 -left-32 w-[400px] h-[400px] bg-purple-200/20 rounded-full blur-3xl"></div></div><div class="relative z-10 w-full max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"><div class="grid lg:grid-cols-2 gap-12 lg:gap-20 items-center"><div style="opacity:0;transform:translateY(20px)"><span data-slot="badge" data-variant="secondary" class="inline-flex items-center justify-center rounded-full border w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden [a&]:hover:bg-secondary/90 mb-6 px-4 py-2 text-sm font-medium bg-violet-100/80 text-violet-700 border-violet-200/50 backdrop-blur-sm">Inbox unifié</span><h2 class="font-heading text-3xl sm:text-4xl lg:text-[2.75rem] font-bold tracking-tight text-gray-900 mb-2 leading-[1.15]">Là où vos clients</h2><h2 class="font-heading text-3xl sm:text-4xl lg:text-[2.75rem] font-bold tracking-tight mb-6 leading-[1.15] bg-gradient-to-r from-violet-600 via-purple-600 to-violet-600 bg-clip-text text-transparent">vous parlent déjà </h2><p class="text-base md:text-lg text-gray-600 mb-8 leading-relaxed max-w-md">70% des conversations commerciales au Maroc passent par WhatsApp. On connecte tous les autres aussi.</p><ul class="space-y-3 mb-10"><li class="flex items-center gap-3 text-sm text-gray-600" style="opacity:0;transform:translateX(-10px)"><div class="flex-shrink-0 h-1.5 w-1.5 rounded-full bg-violet-500"></div>Répondez 3x plus vite avec une vue unifiée</li><li class="flex items-center gap-3 text-sm text-gray-600" style="opacity:0;transform:translateX(-10px)"><div class="flex-shrink-0 h-1.5 w-1.5 rounded-full bg-violet-500"></div>Historique complet de chaque client, tous canaux</li><li class="flex items-center gap-3 text-sm text-gray-600" style="opacity:0;transform:translateX(-10px)"><div class="flex-shrink-0 h-1.5 w-1.5 rounded-full bg-violet-500"></div>Attribution automatique aux bons commerciaux</li><li class="flex items-center gap-3 text-sm text-gray-600" style="opacity:0;transform:translateX(-10px)"><div class="flex-shrink-0 h-1.5 w-1.5 rounded-full bg-violet-500"></div>Zéro message perdu, zéro prospect oublié</li></ul><div class="flex flex-wrap items-center gap-2 mb-8"><div class="group h-10 w-10 rounded-xl flex items-center justify-center border border-gray-200/60 bg-white/80 hover:border-violet-300 hover:bg-violet-50/50 transition-all" title="WhatsApp" style="opacity:0"><div class="w-5 h-5 text-gray-500 group-hover:text-violet-600 transition-colors"><svg viewBox="0 0 24 24" fill="currentColor" class="w-full h-full"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.
25198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z"></path></svg></div></div><div class="group h-10 w-10 rounded-xl flex items-center justify-center border border-gray-200/60 bg-white/80 hover:border-violet-300 hover:bg-violet-50/50 transition-all" title="Instagram" style="opacity:0"><div class="w-5 h-5 text-gray-500 group-hover:text-violet-600 transition-colors"><svg viewBox="0 0 24 24" fill="currentColor" class="w-full h-full"><path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z"></path></svg></div></div><div class="group h-10 w-10 rounded-xl flex items-center justify-center border border-gray-200/60 bg-white/80 hover:border-violet-300 hover:bg-violet-50/50 transition-all" title="Messenger" style="opacity:0"><div class="w-5 h-5 text-gray-500 group-hover:text-violet-600 transition-colors"><svg viewBox="0 0 24 24" fill="currentColor" class="w-full h-full"><path d="M12 0C5.373 0 0 4.974 0 11.111c0 3.498 1.744 6.614 4.469 8.654V24l4.088-2.242c1.092.3 2.246.464 3.443.464 6.627 0 12-4.975 12-11.111C24 4.974 18.627 0 12 0zm1.191 14.963l-3.055-3.26-5.963 3.26L10.732 8l3.131 3.259L19.752 8l-6.561 6.963z"></path></svg></div></div><div class="group h-10 w-10 rounded-xl flex items-center justify-center border border-gray-200/60 bg-white/80 hover:border-violet-300 hover:bg-violet-50/50 transition-all" title="Telegram" style="opacity:0"><div class="w-5 h-5 text-gray-500 group-hover:text-violet-600 transition-colors"><svg viewBox="0 0 24 24" fill="currentColor" class="w-full h-full"><path d="M11.944 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0a12 12 0 0 0-.056 0zm4.962 7.224c.1-.002.321.023.465.14a.506.506 0 0 1 .171.325c.016.093.036.306.02.472-.18 1.898-.962 6.502-1.36 8.627-.168.9-.499 1.201-.82 1.23-.696.065-1.225-.46-1.9-.902-1.056-.693-1.653-1.124-2.678-1.8-1.185-.78-.417-1.21.258-1.91.177-.184 3.247-2.977 3.307-3.23.007-.032.014-.15-.056-.212s-.174-.041-.249-.024c-.106.024-1.793 1.14-5.061 3.345-.48.33-.913.49-1.302.48-.428-.008-1.252-.241-1.865-.44-.752-.245-1.349-.374-1.297-.789.027-.216.325-.437.893-.663 3.498-1.524 5.83-2.529 6.998-3.014 3.332-1.386 4.025-1.627 4.476-1.635z"></path></svg></div></div><div class="group h-10 w-10 rounded-xl flex items-center justify-center border border-gray-200/60 bg-white/80 hover:border-violet-300 hover:bg-violet-50/50 transition-all" title="Email" style="opacity:0"><div class="w-5 h-5 text-gray-500 group-hover:text-violet-600 transition-colors"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-full h-full"><rect width="20" height="16" x="2" y="4" rx="2"></rect><path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"></path></svg></div></div><div class="group h-10 w-10 rounded-xl flex items-center justify-center border border-gray-200/60 bg-white/80 hover:border-violet-300 hover:bg-violet-50/50 transition-all" title="Téléphonie" style="opacity:0"><div class="w-5 h-5 text-gray-500 group-hover:text-violet-600 transition-colors"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-full h-full"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path></svg></div></div></div><a class="inline-flex items-center gap-2 text-sm text-violet-600 font-medium hover:text-violet-700 group" href="/produit/inbox">En savoir plus<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4 group-hover:translate-x-0.5 transition-transform" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div><div class="relative" style="opacity:0;transform:translateY(20px)"><div class="relative bg-white rounded-2xl border border-gray-200/60 shadow-xl shadow-violet-500/5 overflow-hidden"><div class="flex items-center justify-between px-4 py-3 border-b border-gray-100 bg-gray-50/50"><div class="flex items-center gap-1.5"><div class="w-2.5 h-2.5 rounded-full bg-gray-300"></div><div class="w-2.5 h-2.5 rounded-full bg-gray-300"></div><div class="w-2.5 h-2.5 rounded-full bg-gray-300"></div></div><div class="text-xs text-gray-400">inbox.kommo.com</div><div class="w-12"></div></div><div class="flex items-center justify-between px-5 py-3 border-b border-gray-100"><div class="flex items-center gap-3"><span class="text-sm font-semibold text-gray-900">Conversations</span>
25<span class="px-2 py-0.5 bg-violet-100 text-violet-700 text-xs font-medium rounded-full">2<!-- --> nouveaux</span></div><div class="flex items-center gap-1.5"><div class="h-7 w-7 rounded-lg flex items-center justify-center bg-gray-50"><div class="w-3.5 h-3.5 text-gray-400"><svg viewBox="0 0 24 24" fill="currentColor" class="w-full h-full"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z"></path></svg></div></div><div class="h-7 w-7 rounded-lg flex items-center justify-center bg-gray-50"><div class="w-3.5 h-3.5 text-gray-400"><svg viewBox="0 0 24 24" fill="currentColor" class="w-full h-full"><path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z"></path></svg></div></div><div class="h-7 w-7 rounded-lg flex items-center justify-center bg-gray-50"><div class="w-3.5 h-3.5 text-gray-400"><svg viewBox="0 0 24 24" fill="currentColor" class="w-full h-full"><path d="M12 0C5.373 0 0 4.974 0 11.111c0 3.498 1.744 6.614 4.469 8.654V24l4.088-2.242c1.092.3 2.246.464 3.443.464 6.627 0 12-4.975 12-11.111C24 4.974 18.627 0 12 0zm1.191 14.963l-3.055-3.26-5.963 3.26L10.732 8l3.131 3.259L19.752 8l-6.561 6.963z"></path></svg></div></div><div class="h-7 w-7 rounded-lg flex items-center justify-center bg-gray-50"><div class="w-3.5 h-3.5 text-gray-400"><svg viewBox="0 0 24 24" fill="currentColor" class="w-full h-full"><path d="M11.944 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0a12 12 0 0 0-.056 0zm4.962 7.224c.1-.002.321.023.465.14a.506.506 0 0 1 .171.325c.016.093.036.306.02.472-.18 1.898-.962 6.502-1.36 8.627-.168.9-.499 1.201-.82 1.23-.696.065-1.225-.46-1.9-.902-1.056-.693-1.653-1.124-2.678-1.8-1.185-.78-.417-1.21.258-1.91.177-.184 3.247-2.977 3.307-3.23.007-.032.014-.15-.056-.212s-.174-.041-.249-.024c-.106.024-1.793 1.14-5.061 3.345-.48.33-.913.49-1.302.48-.428-.008-1.252-.241-1.865-.44-.752-.245-1.349-.374-1.297-.789.027-.216.325-.437.893-.663 3.498-1.524 5.83-2.529 6.998-3.014 3.332-1.386 4.025-1.627 4.476-1.635z"></path></svg></div></div></div></div><div><div class="flex items-center gap-3 px-5 py-3.5 border-b border-gray-50 last:border-b-0 bg-vi
25olet-50/30" style="opacity:0"><div class="h-10 w-10 rounded-full bg-gradient-to-br from-violet-100 to-purple-100 flex items-center justify-center text-violet-600 text-xs font-semibold flex-shrink-0">AM</div><div class="flex-1 min-w-0"><div class="flex items-center justify-between mb-0.5"><div class="flex items-center gap-2"><span class="text-sm font-semibold text-gray-900">Ahmed Mansouri</span><span class="text-[10px] text-gray-400">via <!-- -->WhatsApp</span></div><span class="text-[10px] text-gray-400">2m</span></div><p class="text-sm truncate text-gray-600">Bonjour, je voudrais plus d'informations sur...</p></div><div class="h-2 w-2 rounded-full bg-violet-500 flex-shrink-0"></div></div><div class="flex items-center gap-3 px-5 py-3.5 border-b border-gray-50 last:border-b-0 " style="opacity:0"><div class="h-10 w-10 rounded-full bg-gradient-to-br from-violet-100 to-purple-100 flex items-center justify-center text-violet-600 text-xs font-semibold flex-shrink-0">SL</div><div class="flex-1 min-w-0"><div class="flex items-center justify-between mb-0.5"><div class="flex items-center gap-2"><span class="text-sm font-medium text-gray-700">Sara Lahlou</span><span class="text-[10px] text-gray-400">via <!-- -->Instagram</span></div><span class="text-[10px] text-gray-400">15m</span></div><p class="text-sm truncate text-gray-400">Merci pour votre réponse rapide!</p></div></div><div class="flex items-center gap-3 px-5 py-3.5 border-b border-gray-50 last:border-b-0 bg-violet-50/30" style="opacity:0"><div class="h-10 w-10 rounded-full bg-gradient-to-br from-violet-100 to-purple-100 flex items-center justify-center text-violet-600 text-xs font-semibold flex-shrink-0">YK</div><div class="flex-1 min-w-0"><div class="flex items-center justify-between mb-0.5"><div class="flex items-center gap-2"><span class="text-sm font-semibold text-gray-900">Youssef Kadiri</span><span class="text-[10px] text-gray-400">via <!-- -->Email</span></div><span class="text-[10px] text-gray-400">1h</span></div><p class="text-sm truncate text-gray-600">Proposition commerciale - Suivi Q4</p></div><div class="h-2 w-2 rounded-full bg-violet-500 flex-shrink-0"></div></div><div class="flex items-center gap-3 px-5 py-3.5 border-b border-gray-50 last:border-b-0 " style="opacity:0"><div class="h-10 w-10 rounded-full bg-gradient-to-br from-violet-100 to-purple-100 flex items-center justify-center text-violet-600 text-xs font-semibold flex-shrink-0">FB</div><div class="flex-1 min-w-0"><div class="flex items-center justify-between mb-0.5"><div class="flex items-center gap-2"><span class="text-sm font-medium text-gray-700">Fatima Benali</span><span class="text-[10px] text-gray-400">via <!-- -->Messenger</span></div><span class="text-[10px] text-gray-400">2h</span></div><p class="text-sm truncate text-gray-400">Est-ce que vous avez cette référence en stock?</p></div></div></div><div class="px-5 py-3 bg-gray-50/50 border-t border-gray-100"><div class="flex items-center gap-2"><div class="flex-1 px-3 py-2 bg-white rounded-lg border border-gray-200 text-sm text-gray-400">Répondre...</div><button class="px-4 py-2 bg-violet-600 text-white text-sm font-medium rounded-lg hover:bg-violet-700 transition-colors">Envoyer</button></div></div></div><div class="absolute -left-4 top-1/4 flex items-center gap-2 bg-white rounded-full px-3 py-1.5 shadow-lg shadow-gray-200/50 border border-gray-100" style="opacity:0;transform:translateX(-10px)"><div class="w-4 h-4 text-gray-500"><svg viewBox="0 0 24 24" fill="currentColor" class="w-full h-full"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z"></path></svg></div><span class="text-xs font-medium text-gray-600">+24</span></div><div class="absolute -right-4 top-1/2 flex items-center gap-2 bg-white rounded-full px-3 py-1.5 shadow-lg shadow-gray-200/50 border border-gray-100" style="opacity:0;transform:translateX(10px)"><div class="w-4 h-4 text-gray-500"><svg viewBox="0 0 24 24" fill="currentColor" class="w-full h-full"><path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259
250-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z"></path></svg></div><span class="text-xs font-medium text-gray-600">+8</span></div><div class="absolute -bottom-3 left-1/4 flex items-center gap-2 bg-white rounded-full px-3 py-1.5 shadow-lg shadow-gray-200/50 border border-gray-100" style="opacity:0;transform:translateY(10px)"><div class="w-4 h-4 text-gray-500"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-full h-full"><rect width="20" height="16" x="2" y="4" rx="2"></rect><path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"></path></svg></div><span class="text-xs font-medium text-gray-600">+12</span></div></div></div></div></section><section class="relative py-24 lg:py-32 overflow-hidden bg-gradient-to-b from-white via-violet-50/30 to-white"><div class="absolute inset-0 overflow-hidden pointer-events-none"><div class="absolute top-1/4 -left-32 w-[400px] h-[400px] bg-violet-200/20 rounded-full blur-3xl"></div><div class="absolute bottom-1/4 -right-32 w-[400px] h-[400px] bg-purple-200/20 rounded-full blur-3xl"></div><div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[600px] h-[600px] bg-violet-100/10 rounded-full blur-3xl"></div></div><div class="relative z-10 w-full max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"><div class="text-center mb-16" style="opacity:0;transform:translateY(20px)"><div class="mb-5" style="opacity:0;transform:translateY(20px)"><span data-slot="badge" data-variant="secondary" class="inline-flex items-center justify-center rounded-full border w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden [a&]:hover:bg-secondary/90 px-4 py-2 text-sm font-medium bg-violet-100/80 text-violet-700 border-violet-200/50 backdrop-blur-sm"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-zap h-3.5 w-3.5 mr-2" aria-hidden="true"><path d="M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z"></path></svg>Nos Services</span></div><h2 class="font-heading text-3xl sm:text-4xl md:text-5xl font-bold tracking-tight text-gray-900 mb-4" style="opacity:0;transform:translateY(20px)"><span class="block">On ne vous vend pas un logiciel.</span><span class="block mt-1 bg-gradient-to-r from-violet-600 via-purple-600 to-violet-600 bg-clip-text text-transparent">On installe un système.</span></h2><p class="text-base md:text-lg lg:text-xl text-gray-600 max-w-2xl mx-auto" style="opacity:0;transform:translateY(20px)">Kommo, c'est puissant. Mais mal configuré, c'est une usine à gaz. On le configure pour que ça marche dès le premier jour.</p><div class="flex justify-center gap-8 mt-8" style="opacity:0;transform:translateY(20px)"><div class="flex items-center gap-2"><div class="h-8 w-8 rounded-lg flex items-center justify-center bg-violet-100/80"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-4 w-4 text-violet-600" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg></div><div class="text-left"><div class="text-sm font-semibold text-gray-900">4.9/5</div><div class="text-xs text-gray-500">Note clients</div></div></div><div class="flex items-center gap-2"><div class="h-8 w-8 rounded-lg flex items-center justify-center bg-violet-100/80"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-clock h-4 w-4 text-violet-600" aria-hidden="true"><path d="M12 6v6l4 2"></path><circle cx="12" cy="12" r="10"></circle></svg></div><div class="text-left"><div class="text-sm font-semibold text-gray-900">5 ans</div><div class="text-xs text-gray-500">Expérience</div></div></div></div></div><div class="space-y-8"><div class="group" style="opacity:0;transform:translateY(40px)"><div class="relative rounded-2xl border transition-all duration-300 overflow-hidden bg-white border-gray-200/80 hover:border-gray-300 hover:shadow-md"><div class="flex flex-col lg:flex-row"><div class="lg:w-2/5 p-8 lg:p-10 flex flex-col justify-center items-center border-b lg:border-b-0 lg:border-r border-gray-100/80" style="background:linear-gradient(145deg, #64748b04 0%, #64748b02 100%)"><div class="w-full h-28 mb-6"><div class="relative w-full h-full flex items-center justify-center"><div class="flex items-center gap-2"><div class="flex flex-col items-center" style="opacity:0;transform:scale(0)"><div class="w-10 h-10 rounded-lg flex items-center justify-center" style="background-color:#64748b15"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-circle w-5 h-5" aria-hidden="true" style="color:#64748b"><path d="M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719"></path></svg></div><div class="absolute h-0.5 mt-5" style="background-color:#64748b30;margin-left:48px;width:0px"></div></div><div class="flex flex-col items-center" style="opacity:0;transform:scale(0)"><div class="w-10 h-10 rounded-lg flex items-center justify-center" style="background-color:#64748b20"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-branch w-5 h-5" aria-hidden="true" style="color:#64748b"><line x1="6" x2="6" y1="3" y2="15"></line><circle cx="18" cy="6" r="3"></circle><circle cx="6" cy="18" r="3"></circle><path d="M18 9a9 9 0 0 1-9 9"></path></svg></div><div class="absolute h-0.5 mt-5" style="background-color:#64748b30;margin-left:48px;width:0px"></div></div><div class="flex flex-col items-center" style="opacity:0;transform:scale(0)"><div class="w-10 h-10 rounded-lg flex items-center justify-center" style="background-color:#64748b25"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-settings w-5 h-5" aria-hidden="true" style="color:#64748b"><path d="M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915"></path><circle cx="12" cy="12" r="3"></circle></svg></div><div class="absolute h-0.5 mt-5" style="background-color:#64748b30;margin-left:48px;width:0px"></div></div><div class="flex flex-col items-center" style="opacity:0;transform:scale(0)"><div class="w-10 h-10 rounded-lg flex items-center justify-center" style="background-color:#64748b30"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check w-5 h-5" aria-hidden="true" style="color:#64748b"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg></div></div></div><div class="absolute -top-2 -right-2 w-6 h-6 rounded-full flex items-center justify-center" style="background-color:#64748b15"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-zap w-3 h-3" aria-hidden="true" style="color:#64748b"><path d="M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z"></path></svg></div></div></div><div class="text-center"><div class="text-2xl lg:text-3xl font-bold mb-1 text-gray-800">-10h</div><div class="text-sm text-gray-500">/semaine de travail manuel</div></div></div><div class="lg:w-3/5 p-8 lg:p-10"><div class="mb-4"><div class="flex items-center gap-3 mb-2"><h3 class="text-xl lg:text-2xl font-bold text-gray-900">CRM & Automatisation</h3><span class="px-2.5 py-1 rounded-full text-xs font-medium bg-gray-100 text-gray-600">Setup complet</span></div><p class="text-base lg:text-lg font-medium text-gray-600">Le socle de votre machine de vente</p></div><p class="text-gray-600 leading-relaxed mb-6">Pipelines sur-mesure. Champs personnalisés. Automations commerciales. Tout configuré selon votre process.</p><div class="grid sm:grid-cols-2 gap-3 mb-8"><div class="flex items-start gap-2" style="opacity:0;transform:translateX(-10px)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check h-5 w-5 flex-shrink-0 mt-0.5 text-gray-400" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg><span class="text-sm text-gray-600">Architecture CRM adaptée à votre business</span></div><div class="flex items-start gap-2" style="opacity:0;transform:translateX(-10px)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check h-5 w-5 flex-shrink-0 mt-0.5 text-gray-400" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg><span class="text-sm text-gray-600">Connexion de tous vos canaux (WhatsApp, Instagram, email...)</span></div><div class="flex items-start gap-2" style="opacity:0;transform:translateX(-10px)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check h-5 w-5 flex-shrink-0 mt-0.5 text-gray-400" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg><span class="text-sm text-gray-600">Scénarios d'automatisation (relances, tâches, attribution)</span></div><div class="flex items-start gap-2" style="opacity:0;transform:translateX(-10px)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check h-5 w-5 flex-shrink-0 mt-0.5 text-gray-400" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg><span class="text-sm text-gray-600">Dashboard avec vos KPIs</span></div></div><div class="flex flex-col sm:flex-row items-start sm:items-center gap-4"><a class="inline-flex items-center justify-center px-6 py-3 rounded-full text-sm font-semibold transition-all duration-200 bg-gray-900 text-white hover:bg-gray-800" href="/services/crm-automatisation">Découvrir cette offre<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4 ml-2 transition-transform group-hover:translate-x-1" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a class="inline-flex items-center text-sm text-gray-500 hover:text-gray-700 transition-colors" href="/contact">Poser une question<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-3.5 w-3.5 ml-1" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div></div></div></div></div><div class="group" style="opacity:0;transform:translateY(40px)"><div class="relative rounded-2xl border transition-all duration-300 overflow-hidden bg-gradient-to-br from-gray-50 via-white to-violet-50/30 border-gray-200 ring-1 ring-violet-100/50"><div class="absolute top-0 right-8 z-10"><div class="bg-gray-900 text-white text-xs font-semibold px-4 py-1.5 rounded-b-lg shadow-lg"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-3 w-3 inline mr-1 fill-current" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg>Recommandé</div></div><div class="flex flex-col lg:flex-row"><div class="lg:w-2/5 p-8 lg:p-10 flex flex-col justify-center items-center border-b lg:border-b-0 lg:border-r border-gray-100/80" style="background:linear-gradient(145deg, #7c3aed04 0%, #7c3aed02 100%)"><div class="w-full h-28 mb-6"><div class="relative w-full h-full flex items-center justify-center"><div class="flex items-center gap-3"><div class="flex flex-col gap-1.5" style="opacity:0;transform:translateX(-20px)"><div class="flex items-center gap-1.5"><div class="w-6 h-6 rounded-full flex items-center justify-center" style="background-color:#7c3aed10"><div class="w-2.5 h-2.5 rounded-full" style="background-color:#7c3aed30"></div></div><div class="h-4 rounded-r-lg rounded-tl-lg" style="width:28px;background-color:#7c3aed12"></div></div><div class="flex items-center gap-1.5"><div class="w-6 h-6 rounded-full flex items-center justify-center" style="background-color:#7c3aed13"><div class="w-2.5 h-2.5 rounded-full" style="background-color:#7c3aed30"></div></div><div class="h-4 rounded-r-lg rounded-tl-lg" style="width:24px;background-color:#7c3aed16"></div></div><div class="flex items-center gap-1.5"><div class="w-6 h-6 rounded-full flex items-center justify-center" style="background-color:#7c3aed16"><div class="w-2.5 h-2.5 rounded-full" style="background-color:#7c3aed30"></div></div><div class="h-4 rounded-r-lg rounded-tl-lg" style="width:20px;background-color:#7c3aed20"></div></div></div><div class="relative" style="transform:scale(0)"><div class="w-12 h-12 rounded-xl flex items-center justify-center" style="background-color:#7c3aed15"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bot w-6 h-6" aria-hidden="true" styl
25e="color:#7c3aed"><path d="M12 8V4H8"></path><rect width="16" height="12" x="4" y="8" rx="2"></rect><path d="M2 14h2"></path><path d="M20 14h2"></path><path d="M15 13v2"></path><path d="M9 13v2"></path></svg></div><div class="absolute -top-1 -right-1 w-4 h-4 rounded-full flex items-center justify-center" style="background-color:#7c3aed20"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles w-2.5 h-2.5" aria-hidden="true" style="color:#7c3aed"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg></div></div><div class="flex flex-col gap-1.5" style="opacity:0;transform:translateX(20px)"><div class="flex items-center gap-1.5"><div class="h-5 rounded-lg flex items-center px-2 gap-1" style="background-color:#7c3aed18"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check w-3 h-3" aria-hidden="true" style="color:#7c3aed"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg><span class="text-[8px] font-medium" style="color:#7c3aed">Qualifié</span></div></div><div class="flex items-center gap-1.5"><div class="h-5 rounded-lg flex items-center px-2 gap-1" style="background-color:#7c3aed10"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check w-3 h-3" aria-hidden="true" style="color:#7c3aed60"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg><span class="text-[8px] font-medium" style="color:#7c3aed60">Lead</span></div></div><div class="flex items-center gap-1 px-1.5 py-0.5 rounded" style="background-color:#7c3aed08"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-clock w-2.5 h-2.5" aria-hidden="true" style="color:#7c3aed60"><path d="M12 6v6l4 2"></path><circle cx="12" cy="12" r="10"></circle></svg><span class="text-[7px] font-medium" style="color:#7c3aed60">24/7</span></div></div></div></div></div><div class="text-center"><div class="text-2xl lg:text-3xl font-bold mb-1 text-gray-800">24/7</div><div class="text-sm text-gray-500">qualification automatique</div></div><div class="mt-4"><span class="inline-flex items-center gap-1.5 px-3 py-1.5 rounded-full bg-emerald-50/80 text-emerald-700 text-xs font-medium"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check h-3.5 w-3.5" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg>Choisi par 60% de nos clients</span></div></div><div class="lg:w-3/5 p-8 lg:p-10"><div class="mb-4"><div class="flex items-center gap-3 mb-2"><h3 class="text-xl lg:text-2xl font-bold text-gray-900">Chatbots IA</h3><span class="px-2.5 py-1 rounded-full text-xs font-medium bg-gray-100 text-gray-600">Le plus populaire</span></div><p class="text-base lg:text-lg font-medium text-gray-600">Un commercial qui ne dort jamais</p></div><p class="text-gray-600 leading-relaxed mb-6">Bots de qualification, de relance, de calcul de devis. Agent IA Kommo configuré sur votre offre.</p><div class="grid sm:grid-cols-2 gap-3 mb-8"><div class="flex items-start gap-2" style="opacity:0;transform:translateX(-10px)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check h-5 w-5 flex-shrink-0 mt-0.5 text-gray-400" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg><span class="text-sm text-gray-600">Bot de qualification (questions + routing)</span></div><div class="flex items-start gap-2" style="opacity:0;transform:translateX(-10px)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check h-5 w-5 flex-shrink-0 mt-0.5 text-gray-400" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg><span class="text-sm text-gray-600">Bot de relance automatique</span></div><div class="flex items-start gap-2" style="opacity:0;transform:translateX(-10px)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check h-5 w-5 flex-shrink-0 mt-0.5 text-gray-400" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg><span class="text-sm text-gray-600">Simulateur devis/prix</span></div><div class="flex items-start gap-2" style="opacity:0;transform:translateX(-10px)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check h-5 w-5 flex-shrink-0 mt-0.5 text-gray-400" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg><span class="text-sm text-gray-600">Agent IA avec votre catalogue produits</span></div></div><div class="flex flex-col sm:flex-row items-start sm:items-center gap-4"><a class="inline-flex items-center justify-center px-6 py-3 rounded-full text-sm font-semibold transition-all duration-200 bg-gradient-to-r from-violet-600 to-purple-600 text-white hover:from-violet-700 hover:to-purple-700 shadow-lg shadow-violet-500/25 hover:shadow-xl" href="/services/chatbots-ia">Choisir ce pack<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4 ml-2 transition-transform group-hover:translate-x-1" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a class="inline-flex items-center text-sm text-gray-500 hover:text-gray-700 transition-colors" href="/contact">Poser une question<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-3.5 w-3.5 ml-1" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div></div></div></div></div><div class="group" style="opacity:0;transform:translateY(40px)"><div class="relative rounded-2xl border transition-all duration-300 overflow-hidden bg-white border-gray-200/80 hover:border-gray-300 hover:shadow-md"><div class="flex flex-col lg:flex-row"><div class="lg:w-2/5 p-8 lg:p-10 flex flex-col justify-center items-center border-b lg:border-b-0 lg:border-r border-gray-100/80" style="background:linear-gradient(145deg, #92400e04 0%, #92400e02 100%)"><div class="w-full h-28 mb-6"><div class="relative w-full h-full flex items-center justify-center"><div class="flex items-center gap-6"><div class="flex flex-col items-center gap-1" style="opacity:0;transform:translateX(-20px)"><div class="w-10 h-10 rounded-full flex items-center justify-center" style="background-color:#92400e12"><div class="w-4 h-4 rounded-full" style="background-color:#92400e30"></div></div><span class="text-[9px] text-gray-400">Client</span></div><div class="flex flex-col gap-1">
25<div class="flex items-center" style="transform:scaleX(0)"><div class="w-8 h-0.5" style="background-color:#92400e15"></div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles w-3 h-3 mx-1" aria-hidden="true" style="color:#92400e40"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg><div class="w-8 h-0.5" style="background-color:#92400e15"></div></div><div class="flex items-center" style="transform:scaleX(0)"><div class="w-8 h-0.5" style="background-color:#92400e40"></div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles w-3 h-3 mx-1" aria-hidden="true" style="color:#92400e"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg><div class="w-8 h-0.5" style="background-color:#92400e40"></div></div><div class="flex items-center" style="transform:scaleX(0)"><div class="w-8 h-0.5" style="background-color:#92400e15"></div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles w-3 h-3 mx-1" aria-hidden="true" style="color:#92400e40"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg><div class="w-8 h-0.5" style="background-color:#92400e15"></div></div></div><div class="flex flex-col gap-1" style="opacity:0;transform:translateX(20px)"><div class="w-8 h-6 rounded flex items-center justify-center" style="background-color:#92400e08"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-house w-3 h-3" aria-hidden="true" style="color:#92400e50"><path d="M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8"></path><path d="M3 10a2 2 0 0 1 .709-1.528l7-6a2 2 0 0 1 2.582 0l7 6A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path></svg></div><div class="w-8 h-6 rounded flex items-center justify-center" style="background-color:#92400e20"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-house w-3 h-3" aria-hidden="true" style="color:#92400e"><path d="M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8"></path><path d="M3 10a2 2 0 0 1 .709-1.528l7-6a2 2 0 0 1 2.582 0l7 6A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path></svg></div><div class="w-8 h-6 rounded flex items-center justify-center" style="background-color:#92400e08"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-house w-3 h-3" aria-hidden="true" style="color:#92400e50"><path d="M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8"></path><path d="M3 10a2 2 0 0 1 .709-1.528l7-6a2 2 0 0 1 2.582 0l7 6A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path></svg></div></div></div></div></div><div class="text-center"><div class="text-2xl lg:text-3xl font-bold mb-1 text-gray-800">+40%</div><div class="text-sm text-gray-500">
25ventes en moyenne</div></div><div class="mt-4"><span class="inline-flex items-center gap-1.5 px-3 py-1.5 rounded-full bg-emerald-50/80 text-emerald-700 text-xs font-medium"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check h-3.5 w-3.5" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg>+40% de ventes chez nos clients</span></div></div><div class="lg:w-3/5 p-8 lg:p-10"><div class="mb-4"><div class="flex items-center gap-3 mb-2"><h3 class="text-xl lg:text-2xl font-bold text-gray-900">CRM Immobilier</h3><span class="px-2.5 py-1 rounded-full text-xs font-medium bg-gray-100 text-gray-600">Secteur Immo</span></div><p class="text-base lg:text-lg font-medium text-gray-600">Spécialement conçu pour l'immobilier marocain</p></div><p class="text-gray-600 leading-relaxed mb-6">Pipeline adapté au cycle de vente long. Matching IA entre mandats et acquéreurs. Relances personnalisées.</p><div class="grid sm:grid-cols-2 gap-3 mb-8"><div class="flex items-start gap-2" style="opacity:0;transform:translateX(-10px)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check h-5 w-5 flex-shrink-0 mt-0.5 text-gray-400" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg><span class="text-sm text-gray-600">Import depuis les portails tels que Mubawab, Avito, Sarouty</span></div><div class="flex items-start gap-2" style="opacity:0;transform:translateX(-10px)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check h-5 w-5 flex-shrink-0 mt-0.5 text-gray-400" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg><span class="text-sm text-gray-600">Matching IA mandats/acquéreurs</span></div><div class="flex items-start gap-2" style="opacity:0;transform:translateX(-10px)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check h-5 w-5 flex-shrink-0 mt-0.5 text-gray-400" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg><span class="text-sm text-gray-600">Workflows de suivi acquéreur</span></div><div class="flex items-start gap-2" style="opacity:0;transform:translateX(-10px)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check h-5 w-5 flex-shrink-0 mt-0.5 text-gray-400" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg><span class="text-sm text-gray-600">Reporting par type de bien</span></div></div><div class="flex flex-col sm:flex-row items-start sm:items-center gap-4"><a class="inline-flex items-center justify-center px-6 py-3 rounded-full text-sm font-semibold transition-all duration-200 bg-gray-900 text-white hover:bg-gray-800" href="/services/immobilier">Découvrir cette offre<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4 ml-2 transition-transform group-hover:translate-x-1" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a class="inline-flex items-center text-sm text-gray-500 hover:text-gray-700 transition-colors" href="/contact">Poser une question<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-3.5 w-3.5 ml-1" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div></div></div></div></div><div class="group" style="opacity:0;transform:translateY(40px)"><div class="relative rounded-2xl border transition-all duration-300 overflow-hidden bg-white border-gray-200/80 hover:border-gray-300 hover:shadow-md"><div class="flex flex-col lg:flex-row"><div class="lg:w-2/5 p-8 lg:p-10 flex flex-col justify-center items-center border-b lg:border-b-0 lg:border-r border-gray-100/80" style="background:linear-gradient(145deg, #04785704 0%, #04785702 100%)"><div class="w-full h-28 mb-6"><div class="relative w-full h-full flex items-center justify-center"><div class="flex flex-col items-center gap-2"><div class="flex items-center gap-1 mb-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-rocket w-4 h-4" aria-hidden="true" style="color:#047857"><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><span class="text-[9px] font-semibold" style="color:#047857">5 JOURS</span></div><div class="flex items-center justify-between gap-2"><div class="flex flex-col items-center" style="opacity:0;transform:translateY(10px)"><div class="w-7 h-7 rounded-full flex items-center justify-center" style="background-color:#04785710"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-settings w-3.5 h-3.5" aria-hidden="true" style="color:#047857"><path d="M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915"></path><circle cx="12" cy="12" r="3"></circle></svg></div><span class="text-[7px] mt-1 font-medium" style="color:#04785780">Audit</span></div><div class="flex flex-col items-center" style="opacity:0;transform:translateY(10px)"><div class="w-7 h-7 rounded-full flex items-center justify-center" style="background-color:#04785713"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-branch w-3.5 h-3.5" aria-hidden="true" style="color:#047857"><line x1="6" x2="6" y1="3" y2="15"></line><circle cx="18" cy="6" r="3"></circle><circle cx="6" cy="18" r="3"></circle><path d="M18 9a9 9 0 0 1-9 9"></path></svg></div><span class="text-[7px] mt-1 font-medium" style="color:#04785780">Config</span></div><div class="flex flex-col items-center" style="opacity:0;transform:translateY(10px)"><div class="w-7 h-7 rounded-full flex items-center justify-center" style="background-color:#04785716"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-circle w-3.5 h-3.5" aria-hidden="true" style="color:#047857"><path d="M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719"></path></svg></div><span class="text-[7px] mt-1 font-medium" style="color:#04785780">Data</span></div><div class="flex flex-col items-center" style="opacity:0;transform:translateY(10px)"><div class="w-7 h-7 rounded-full flex items-center justify-center" style="background-color:#04785719"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-zap w-3.5 h-3.5" aria-hidden="true" style="color:#047857"><path d="M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z"></path></svg></div><span class="text-[7px] mt-1 font-medium" style="color:#04785780">Test</span></div><div class="flex flex-col items-center" style="opacity:0;transform:translateY(10px)"><div class="w-7 h-7 rounded-full flex items-center justify-center" style="background-color:#04785725"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check w-3.5 h-3.5" aria-hidden="true" style="color:#047857"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg></div><span class="text-[7px] mt-1 font-medium" style="color:#047857">Live!</span></div></div><div class="flex items-center gap-1 mt-1" style="opacity:0"><div class="w-1.5 h-1.5 rounded-full" style="background-color:#04785740"></div><span class="text-[8px]" style="color:#04785760">Opérationnel</span></div></div></div></div><div class="text-center"><div class="text-2xl lg:text-3xl font-bold mb-1 text-gray-800">5 jours</div><div class="text-sm text-gray-500">pour être opérationnel</div></div></div><div class="lg:w-3/5 p-8 lg:p-10"><div class="mb-4"><div class="flex items-center gap-3 mb-2"><h3 class="text-xl lg:text-2xl font-bold text-gray-900">Implémentation Express</h3><span class="px-2.5 py-1 rounded-full text-xs font-medium bg-gray-100 text-gray-600">Rapide</span></div><p class="text-base lg:text-lg font-medium text-gray-600">Opérationnel en 5 jours</p></div><p class="text-gray-600 leading-relaxed mb-6">Pas 3 mois de consulting. 5 jours pour un CRM fonctionnel et une équipe formée.</p><div class="grid sm:grid-cols-2 gap-3 mb-8"><div class="flex items-start gap-2" style="opacity:0;transform:translateX(-10px)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check h-5 w-5 flex-shrink-0 mt-0.5 text-gray-400" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg><span class="text-sm text-gray-600">Audit de vos process existants</span></div><div class="flex items-start gap-2" style="opacity:0;transform:translateX(-10px)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check h-5 w-5 flex-shrink-0 mt-0.5 text-gray-400" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg><span class="text-sm text-gray-600">Configuration complète</span></div><div class="flex items-start gap-2" style="opacity:0;transform:translateX(-10px)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check h-5 w-5 flex-shrink-0 mt-0.5 text-gray-400" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg><span class="text-sm text-gray-600">Formation de votre équipe</span></div><div class="flex items-start gap-2" style="opacity:0;transform:translateX(-10px)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check h-5 w-5 flex-shrink-0 mt-0.5 text-gray-400" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg><span class="text-sm text-gray-600">30 jours de support inclus</span></div></div><div class="flex flex-col sm:flex-row items-start sm:items-center gap-4"><a class="inline-flex items-center justify-center px-6 py-3 rounded-full text-sm font-semibold transition-all duration-200 bg-gray-900 text-white hover:bg-gray-800" href="/services/implementation">Découvrir cette offre<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4 ml-2 transition-transform group-hover:translate-x-1" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a class="inline-flex items-center text-sm text-gray-500 hover:text-gray-700 transition-colors" href="/contact">Poser une question<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-3.5 w-3.5 ml-1" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div></div></div></div></div></div><div class="mt-20" style="opacity:0;transform:translateY(20px)"><div class="relative overflow-hidden rounded-2xl border border-violet-200/50 bg-gradient-to-br from-violet-50/80 via-violet-100/50 to-purple-50/60 px-6 py-12 sm:px-12 sm:py-16 lg:px-16 lg:py-20"><div class="absolute inset-0 overflow-hidden pointer-events-none"><div class="absolute -top-32 -right-32 w-72 h-72 bg-violet-300/25 rounded-full blur-3xl"></div><div class="absolute -bottom-32 -left-32 w-72 h-72 bg-purple-300/20 rounded-full blur-3xl"></div><div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-96 h-96 bg-violet-200/15 rounded-full blur-3xl"></div></div><div class="relative z-10 text-center max-w-2xl mx-auto"><h3 class="font-heading text-2xl sm:text-3xl md:text-4xl font-bold tracking-tight text-gray-900 mb-3"><span class="block">Besoin d'une solution</span><span class="bg-gradient-to-r from-violet-600 via-purple-600 to-violet-600 bg-clip-text text-transparent">sur mesure?</span></h3><p class="text-base sm:text-lg text-gray-600 mb-8 max-w-lg mx-auto">Discutons de votre projet et créons ensemble la solution parfaite pour votre entreprise.</p><div class="flex flex-col sm:flex-row items-center justify-center gap-4"><a class="inline-flex items-center justify-center min-w-[200px] h-12 px-6 bg-gradient-to-r from-violet-600 to-purple-600 text-white rounded-full font-semibold text-sm shadow-lg shadow-violet-500/25 transition-all duration-200 hover:from-violet-700 hover:to-purple-700 hover:shadow-xl hover:shadow-violet-500/30" href="/contact">Demander un Audit Gratuit</a><a class="inline-flex items-center justify-center min-w-[200px] h-12 px-6 bg-white text-gray-700 border border-gray-300 rounded-full font-semibold text-sm transition-all duration-200 hover:bg-gray-50 hover:border-gray-400 hover:text-gray-900" href="/contact">
25Planifier un Appel<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4 ml-2" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div></div></div></div><div class="flex justify-center mt-12" style="opacity:0;transform:translateY(20px)"><span data-slot="badge" data-variant="secondary" class="inline-flex items-center justify-center rounded-full border w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden [a&]:hover:bg-secondary/90 px-4 py-2 text-sm font-medium bg-violet-100/80 text-violet-700 border-violet-200/50 backdrop-blur-sm"><span class="relative flex h-2 w-2 mr-2"><span class="animate-ping absolute inline-flex h-full w-full rounded-full bg-green-400 opacity-75"></span><span class="relative inline-flex rounded-full h-2 w-2 bg-green-500"></span></span>Partenaire Officiel Kommo au Maroc</span></div></div></section><section class="relative py-24 lg:py-32 overflow-hidden bg-gradient-to-b from-white via-violet-50/30 to-white"><div class="absolute inset-0 overflow-hidden pointer-events-none"><div class="absolute top-1/4 -left-32 w-[400px] h-[400px] bg-violet-200/20 rounded-full blur-3xl"></div><div class="absolute bottom-1/4 -right-32 w-[400px] h-[400px] bg-purple-200/20 rounded-full blur-3xl"></div><div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[600px] h-[600px] bg-violet-100/10 rounded-full blur-3xl"></div></div><div class="relative z-10 w-full max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"><div class="text-center mb-16" style="opacity:0;transform:translateY(20px)"><div class="mb-5" style="opacity:0;transform:translateY(20px)"><span data-slot="badge" data-variant="secondary" class="inline-flex items-center justify-center rounded-full border w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden [a&]:hover:bg-secondary/90 px-4 py-2 text-sm font-medium bg-violet-100/80 text-violet-700 border-violet-200/50 backdrop-blur-sm"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-3.5 w-3.5 mr-2 fill-current" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg>Ils nous font confiance</span></div><h2 class="font-heading text-3xl sm:text-4xl md:text-5xl font-bold tracking-tight text-gray-900 mb-4" style="opacity:0;transform:translateY(20px)"><span class="block">Ils ont transformé leur</span><span class="bg-gradient-to-r from-violet-600 via-purple-600 to-violet-600 bg-clip-text text-transparent">gestion commerciale</span></h2><p class="text-base md:text-lg lg:text-xl text-gray-600 max-w-2xl mx-auto" style="opacity:0;transform:translateY(20px)">Découvrez comment nos clients ont optimisé leurs ventes et leur relation client avec Kommo.</p></div><div class="flex flex-wrap justify-center gap-6 md:gap-8 mb-16" style="opacity:0;transform:translateY(20px)"><div class="flex items-center gap-3 px-5 py-3 rounded-xl bg-white/60 border border-gray-200/60 backdrop-blur-sm shadow-sm" style="opacity:0;transform:scale(0.9)"><div class="h-10 w-10 rounded-lg bg-violet-100/80 flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-5 w-5 text-violet-600" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg></div><div class="text-left"><div class="text-xl md:text-2xl font-bold text-gray-900">4.9</div><div class="text-xs md:text-sm text-gray-500">Note Google</div></div></div><div class="flex items-center gap-3 px-5 py-3 rounded-xl bg-white/60 border border-gray-200/60 backdrop-blur-sm shadow-sm" style="opacity:0;transform:scale(0.9)"><div class="h-10 w-10 rounded-lg bg-violet-100/80 flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check h-5 w-5 text-violet-600" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg></div><div class="text-left"><div class="text-xl md:text-2xl font-bold text-gray-900">97%</div><div class="text-xs md:text-sm text-gray-500">Satisfaction</div></div></div><div class="flex items-center gap-3 px-5 py-3 rounded-xl bg-white/60 border border-gray-200/60 backdrop-blur-sm shadow-sm" style="opacity:0;transform:scale(0.9)"><div class="h-10 w-10 rounded-lg bg-violet-100/80 flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users h-5 w-5 text-violet-600" aria-hidden="true"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><path d="M16 3.128a4 4 0 0 1 0 7.744"></path><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><circle cx="9" cy="7" r="4"></circle></svg></div><div class="text-left"><div class="text-xl md:text-2xl font-bold text-gray-900">37+</div><div class="text-xs md:text-sm text-gray-500">Clients satisfaits</div></div></div></div><div class="grid md:grid-cols-3 gap-6"><div class="group" style="opacity:0;transform:translateY(30px)"><div class="relative h-full rounded-xl bg-gray-50/50 border border-gray-200/60 transition-all duration-300 overflow-hidden hover:border-gray-300/80 hover:bg-gray-50/80"><div class="relative h-28 flex items-center justify-center border-b border-gray-200/40" style="background:linear-gradient(145deg, #8b5cf608 0%, #8b5cf603 100%)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-quote absolute top-3 left-4 h-6 w-6 opacity-10" aria-hidden="true" style="color:#8b5cf6"><path d="M16 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z"></path><path d="M5 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-quote absolute bottom-3 right-4 h-6 w-6 opacity-10 rotate-180" aria-hidden="true" style="color:#8b5cf6"><path d="M16 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z"></path><path d="M5 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z"></path></svg><div class="text-center"><div class="text-2xl font-bold mb-1" style="color:#8b5cf6">+100%</div><div class="text-xs text-gray-500">Efficacité</div></div></div><div class="p-5 flex flex-col h-[calc(100%-7rem)]"><div class="flex items-center justify-between mb-4"><div class="flex items-center gap-2"><div class="h-8 w-8 rounded-lg flex items-center justify-center flex-shrink-0" style="background-color:#8b5cf615"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-trending-up h-4 w-4" aria-hidden="true" style="color:#8b5cf6"><path d="M16 7h6v6"></path><path d="m22 7-8.5 8.5-5-5L2 17"></path></svg></div><span class="px-2 py-0.5 rounded text-xs font-medium" style="background-color:#8b5cf610;color:#8b5cf6">CRM & Automation</span></div><div class="flex items-center gap-0.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-3 w-3 fill-yellow-400 text-yellow-400" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-3 w-3 fill-yellow-400 text-yellow-400" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-3 w-3 fill-yellow-400 text-yellow-400" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-3 w-3 fill-yellow-400 text-yellow-400" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-3 w-3 fill-yellow-400 text-yellow-400" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg></div></div><p class="text-gray-500 text-sm leading-relaxed flex-grow">â<!-- -->Service impeccable et approche innovante. Grâce au CRM et à l'automatisation mis en place par Inspirigence, notre entreprise a gagné en efficacité, en performance et en satisfaction client !<!-- -->â</p><div class="flex items-center gap-3 pt-4 mt-4 border-t border-gray-100"><div class="h-10 w-10 rounded-full flex items-center justify-center text-white font-semibold text-sm shadow-sm flex-shrink-0" style="background:linear-gradient(135deg, #8b5cf6, #8b5cf6dd)">M</div><div><div class="font-semibold text-gray-900 text-sm">Mohamed Oubaid</div><div class="text-xs text-gray-500">Directeur<!-- -->, <!-- -->Tech Solutions</div></div></div></div></div></div><div class="group" style="opacity:0;transform:translateY(30px)"><div class="relative h-full rounded-xl bg-gray-50/50 border border-gray-200/60 transition-all duration-300 overflow-hidden hover:border-gray-300/80 hover:bg-gray-50/80"><div class="relative h-28 flex items-center justify-center border-b border-gray-200/40" style="background:linear-gradient(145deg, #10b98108 0%, #10b98103 100%)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-quote absolute top-3 left-4 h-6 w-6 opacity-10" aria-hidden="true" style="color:#10b981"><path d="M16 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z"></path><path d="M5 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-quote absolute bottom-3 right-4 h-6 w-6 opacity-10 rotate-180" aria-hidden="true" style="color:#10b981"><path d="M16 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z"></path><path d="M5 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z"></path></svg><div class="text-center"><div class="text-2xl font-bold mb-1" style="color:#10b981">100%</div><div class="text-xs text-gray-500">Engagements tenus</div></div></div><div class="p-5 flex flex-col h-[calc(100%-7rem)]"><div class="flex items-center justify-between mb-4"><div class="flex items-center gap-2"><div class="h-8 w-8 rounded-lg flex items-center justify-center flex-shrink-0" style="background-color:#10b98115"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-target h-4 w-4" aria-hidden="true" style="color:#10b981"><circle cx="12" cy="12" r="10"></circle><circle cx="12" cy="12" r="6"></circle><circle cx="12" cy="12" r="2"></circle></svg></div><span class="px-2 py-0.5 rounded text-xs font-medium" style="background-color:#10b98110;color:#10b981">Business</span></div><div class="flex items-center gap-0.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-3 w-3 fill-yellow-400 text-yellow-400" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.12
252 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-3 w-3 fill-yellow-400 text-yellow-400" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-3 w-3 fill-yellow-400 text-yellow-400" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-3 w-3 fill-yellow-400 text-yellow-400" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-3 w-3 fill-yellow-400 text-yellow-400" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg></div></div><p class="text-gray-500 text-sm leading-relaxed flex-grow">â<!-- -->Ãquipe professionnelle avec une grande valeur ajoutée pour les entreprises. Approche orientée résultats, sans ménager aucun effort pour atteindre leurs engagements.<!-- -->â</p><div class="flex items-center gap-3 pt-4 mt-4 border-t border-gray-100"><div class="h-10 w-10 rounded-full flex items-center justify-center text-white font-semibold text-sm shadow-sm flex-shrink-0" style="background:linear-gradient(135deg, #10b981, #10b981dd)">N</div><div><div class="font-semibold text-gray-900 text-sm">Nawfal Marcil</div><div class="text-xs text-gray-500">CEO<!-- -->, <!-- -->Marcil Group</div></div></div></div></div></div><div class="group" style="opacity:0;transform:translateY(30px)"><div class="relative h-full rounded-xl bg-gray-50/50 border border-gray-200/60 transition-all duration-300 overflow-hidden hover:border-gray-300/80 hover:bg-gray-50/80"><div class="relative h-28 flex items-center justify-center border-b border-gray-200/40" style="background:linear-gradient(145deg, #f59e0b08 0%, #f59e0b03 100%)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-quote absolute top-3 left-4 h-6 w-6 opacity-10" aria-hidden="true" style="color:#f59e0b"><path d="M16 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z"></path><path d="M5 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-quote absolute bottom-3 right-4 h-6 w-6 opacity-10 rotate-180" aria-hidden="true" style="color:#f59e0b"><path d="M16 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z"></path><path d="M5 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z"></path></svg><div class="text-center"><div class="text-2xl font-bold mb-1" style="color:#f59e0b">Jour 1</div><div class="text-xs text-gray-500">Résultats visibles</div></div></div><div class="p-5 flex flex-col h-[calc(100%-7rem)]"><div class="flex items-center justify-between mb-4"><div class="flex items-center gap-2"><div class="h-8 w-8 rounded-lg flex items-center justify-center flex-shrink-0" style="background-color:#f59e0b15"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-zap h-4 w-4" aria-hidden="true" style="color:#f59e0b"><path d="M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z"></path></svg></div><span class="px-2 py-0.5 rounded text-xs font-medium" style="background-color:#f59e0b10;color:#f59e0b">Wellness</span></div><div class="flex items-center gap-0.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-3 w-3 fill-yellow-400 text-yellow-400" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-3 w-3 fill-yellow-400 text-yellow-400" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-3 w-3 fill-yellow-400 text-yellow-400" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-3 w-3 fill-yellow-400 text-yellow-400" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-3 w-3 fill-yellow-400 text-yellow-400" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg></div></div><p class="text-gray-500 text-sm leading-relaxed flex-grow">â<!-- -->J'ai contacté Inspirigence pour m'aider avec mon centre de bien-être. J'avais des leads de très mauvaise qualité, mais dès le premier jour, l'équipe a pris les choses en main et j'ai remarqué une différence significative.<!-- -->â</p><div class="flex items-center gap-3 pt-4 mt-4 border-t border-gray-100"><div class="h-10 w-10 rounded-full flex items-center justify-center text-white font-semibold text-sm shadow-sm flex-shrink-0" style="background:linear-gradient(135deg, #f59e0b, #f59e0bdd)">A</div><div><div class="font-semibold text-gray-900 text-sm">Asmaa Lamloum</div><div class="text-xs text-gray-500">Gérante<!-- -->, <!-- -->Centre Bien-être</div></div></div></div></div></div></div><div class="flex justify-center mt-16" style="opacity:0;transform:translateY(20px)"><span data-slot="badge" data-variant="secondary" class="inline-flex items-center justify-center rounded-full border w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden [a&]:hover:bg-secondary/90 px-4 py-2 text-sm font-medium bg-violet-100/80 text-violet-700 border-violet-200/50 backdrop-blur-sm"><span class="relative flex h-2 w-2 mr-2"><span class="animate-ping absolute inline-flex h-full w-full rounded-full bg-green-400 opacity-75"></span><span class="relative inline-flex rounded-full h-2 w-2 bg-green-500"></span></span>Avis vérifiés Google Business</span></div></div></section><section class="relative py-24 lg:py-32 bg-gradient-to-b from-white via-violet-50/30 to-white overflow-hidden"><div class="absolute inset-0 pointer-events-none"><div class="absolute top-1/4 -right-40 w-[400px] h-[400px] rounded-full bg-gradient-to-br from-[var(--primary)] to-[var(--accent)] opacity-[0.05] blur-[100px]"></div><div class="absolute bottom-1/4 -left-40 w-[300px] h-[300px] rounded-full bg-gradient-to-br from-[var(--accent)] to-[var(--primary)] opacity-[0.05] blur-[80px]"></div></div><div class="relative mx-auto max-w-7xl px-4 sm:px-6 lg:px-8"><div class="text-center mb-16" style="opacity:0;transform:translateY(40px)"><span class="inline-flex items-center gap-2 px-4 py-2 rounded-full glass border border-[var(--primary)]/10 text-[var(--primary)] text-sm font-medium mb-6" style="opacity:0;transform:scale(0.9)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chart-column h-4 w-4" aria-hidden="true"><path d="M3 3v16a2 2 0 0 0 2 2h16"></path><path d="M18 17V9"></path><path d="M13 17V5"></path><path d="M8 17v-3"></path></svg>Comparaison Côte à Côte</span><h2 class="text-4xl sm:text-5xl lg:text-6xl font-bold mb-6 tracking-tight">Pourquoi choisir<!-- --> <span class="gradient-text">Kommo</span> ?</h2><p class="text-lg sm:text-xl text-muted-foreground max-w-2xl mx-auto leading-relaxed">Comparez les coûts réels d'implémentation et de licences entre les principaux CRM du marché.</p></div><div class="overflow-hidden rounded-2xl glass border border-[var(--border)] mb-12" style="opacity:0;transform:translateY(40px)"><div class="hidden md:block overflow-x-auto"><table class="w-full"><thead><tr class="border-b border-[var(--border)] bg-[var(--surface)]/50"><th class="text-left py-5 px-6 text-sm font-semibold text-[var(--foreground)]">Plateforme</th><th class="text-left py-5 px-6 text-sm font-semibold text-[var(--foreground)]">Implémentation</th><th class="text-left py-5 px-6 text-sm font-semibold text-[var(--foreground)]">Licences An 1</th><th class="text-left py-5 px-6 text-sm font-semibold text-[var(--foreground)]">Total An 1</th><th class="text-left py-5 px-6 text-sm font-semibold text-[var(--foreground)]">Complexité</th></tr></thead><tbody><tr class="border-b border-[var(--border)] last:border-b-0 transition-colors bg-gradient-to-r from-[var(--primary)]/5 to-transparent" style="opacity:0;transform:translateX(-20px)"><td class="py-5 px-6"><div class="flex items-center gap-3"><span class="font-semibold text-[var(--primary)]">Kommo</span><span class="px-2 py-0.5 rounded-full bg-[var(--primary)] text-white text-xs font-medium">Recommandé</span></div></td><td class="py-5 px-6 text-muted-foreground">2 400 - 5 250 $</td><td class="py-5 px-6 text-muted-foreground">5 100 $</td><td class="py-5 px-6"><span class="font-semibold text-[var(--primary)]">7 500 - 10 350 $</span></td><td class="py-5 px-6"><div class="flex items-center gap-0.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-4 w-4 fill-yellow-400 text-yellow-400" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-4 w-4 fill-yellow-400 text-yellow-400" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-4 w-4 fill-gray-200 text-gray-200" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-4 w-4 fill-gray-200 text-gray-200" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .2
2594.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-4 w-4 fill-gray-200 text-gray-200" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg></div></td></tr><tr class="border-b border-[var(--border)] last:border-b-0 transition-colors hover:bg-[var(--surface)]/30" style="opacity:0;transform:translateX(-20px)"><td class="py-5 px-6"><div class="flex items-center gap-3"><span class="font-semibold text-[var(--foreground)]">HubSpot</span></div></td><td class="py-5 px-6 text-muted-foreground">7 625 - 16 800 $</td><td class="py-5 px-6 text-muted-foreground">15 000 - 24 000 $</td><td class="py-5 px-6"><span class="font-semibold text-[var(--foreground)]">22 625 - 40 800 $</span></td><td class="py-5 px-6"><div class="flex items-center gap-0.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-4 w-4 fill-yellow-400 text-yellow-400" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-4 w-4 fill-yellow-400 text-yellow-400" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-4 w-4 fill-yellow-400 text-yellow-400" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-4 w-4 fill-gray-200 text-gray-200" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-4 w-4 fill-gray-200 text-gray-200" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg></div></td></tr><tr class="border-b border-[var(--border)] last:border-b-0 transition-colors hover:bg-[var(--surface)]/30" style="opacity:0;transform:translateX(-20px)"><td class="py-5 px-6"><div class="flex items-center gap-3"><span class="font-semibold text-[var(--foreground)]">
25Salesforce</span></div></td><td class="py-5 px-6 text-muted-foreground">11 550 - 27 750 $</td><td class="py-5 px-6 text-muted-foreground">24 000 - 60 000 $</td><td class="py-5 px-6"><span class="font-semibold text-[var(--foreground)]">35 550 - 87 750 $</span></td><td class="py-5 px-6"><div class="flex items-center gap-0.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-4 w-4 fill-yellow-400 text-yellow-400" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-4 w-4 fill-yellow-400 text-yellow-400" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-4 w-4 fill-yellow-400 text-yellow-400" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-4 w-4 fill-yellow-400 text-yellow-400" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-4 w-4 fill-yellow-400 text-yellow-400" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg></div></td></tr></tbody></table></div><div class="md:hidden divide-y divide-[var(--border)]"><div class="p-5 bg-gradient-to-r from-[var(--primary)]/5 to-transparent" style="opacity:0;transform:translateY(20px)"><div class="flex items-center justify-between mb-4"><div class="flex items-center gap-2"><span class="font-semibold text-lg text-[var(--primary)]">Kommo</span><span class="px-2 py-0.5 rounded-full bg-[var(--primary)] text-white text-xs font-medium">Recommandé</span></div><div class="flex items-center gap-0.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-4 w-4 fill-yellow-400 text-yellow-400" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-4 w-4 fill-yellow-400 text-yellow-400" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-4 w-4 fill-gray-200 text-gray-200" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-4 w-4 fill-gray-200 text-gray-200" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-4 w-4 fill-gray-200 text-gray-200" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg></div></div><div class="space-y-2 text-sm"><div class="flex justify-between"><span class="text-muted-foreground">Implémentation</span><span class="text-[var(--foreground)]">2 400 - 5 250 $</span></div><div class="flex justify-between"><span class="text-muted-foreground">Licences An 1</span><span class="text-[var(--foreground)]">5 100 $</span></div><div class="flex justify-between pt-2 border-t border-[var(--border)]"><span class="font-medium text-[var(--foreground)]">Total An 1</span><span class="font-semibold text-[var(--primary)]">7 500 - 10 350 $</span></div></div></div><div class="p-5 " style="opacity:0;transform:translateY(20px)"><div class="flex items-center justify-between mb-4"><div class="flex items-center gap-2"><span class="font-semibold text-lg text-[var(--foreground)]">HubSpot</span></div><div class="flex items-center gap-0.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-4 w-4 fill-yellow-400 text-yellow-400" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-4 w-4 fill-yellow-400 text-yellow-400" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-4 w-4 fill-yellow-400 text-yellow-400" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-4 w-4 fill-gray-200 text-gray-200" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-4 w-4 fill-gray-200 text-gray-200" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg></div></div><div class="space-y-2 text-sm"><div class="flex justify-between"><span class="text-muted-foreground">Implémentation</span><span class="text-[var(--foreground)]">7 625 - 16 800 $</span></div><div class="flex justify-between"><span class="text-muted-foreground">Licences An 1</span><span class="text-[var(--foreground)]">15 000 - 24 000 $</span></div><div class="flex justify-between pt-2 border-t border-[var(--border)]"><span class="font-medium text-[var(--foreground)]">Total An 1</span><span class="font-semibold text-[var(--foreground)]">22 625 - 40 800 $</span></div></div></div><div class="p-5 " style="opacity:0;transform:translateY(20px)"><div class="flex items-center justify-between mb-4"><div class="flex items-center gap-2"><span class="font-semibold text-lg text-[var(--foreground)]">
25Salesforce</span></div><div class="flex items-center gap-0.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-4 w-4 fill-yellow-400 text-yellow-400" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-4 w-4 fill-yellow-400 text-yellow-400" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-4 w-4 fill-yellow-400 text-yellow-400" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-4 w-4 fill-yellow-400 text-yellow-400" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-4 w-4 fill-yellow-400 text-yellow-400" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg></div></div><div class="space-y-2 text-sm"><div class="flex justify-between"><span class="text-muted-foreground">Implémentation</span><span class="text-[var(--foreground)]">11 550 - 27 750 $</span></div><div class="flex justify-between"><span class="text-muted-foreground">Licences An 1</span><span class="text-[var(--foreground)]">24 000 - 60 000 $</span></div><div class="flex justify-between pt-2 border-t border-[var(--border)]"><span class="font-medium text-[var(--foreground)]">Total An 1</span><span class="font-semibold text-[var(--foreground)]">35 550 - 87 750 $</span></div></div></div></div></div><div class="flex flex-wrap justify-center gap-4 md:gap-8" style="opacity:0;transform:translateY(30px)"><div class="flex items-center gap-2 px-4 py-2 rounded-full glass border border-[var(--primary)]/20" style="opacity:0;transform:scale(0.9)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check-big h-4 w-4 text-[var(--primary)]" aria-hidden="true"><path d="M21.801 10A10 10 0 1 1 17 3.335"></path><path d="m9 11 3 3L22 4"></path></svg><span class="text-sm font-medium text-[var(--foreground)]">Jusqu'
25à 8x moins cher que Salesforce</span></div><div class="flex items-center gap-2 px-4 py-2 rounded-full glass border border-[var(--primary)]/20" style="opacity:0;transform:scale(0.9)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check-big h-4 w-4 text-[var(--primary)]" aria-hidden="true"><path d="M21.801 10A10 10 0 1 1 17 3.335"></path><path d="m9 11 3 3L22 4"></path></svg><span class="text-sm font-medium text-[var(--foreground)]">Implémentation 3x plus rapide</span></div><div class="flex items-center gap-2 px-4 py-2 rounded-full glass border border-[var(--primary)]/20" style="opacity:0;transform:scale(0.9)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check-big h-4 w-4 text-[var(--primary)]" aria-hidden="true"><path d="M21.801 10A10 10 0 1 1 17 3.335"></path><path d="m9 11 3 3L22 4"></path></svg><span class="text-sm font-medium text-[var(--foreground)]">Interface simple, formation minimale</span></div></div><div class="mt-16 h-[1px] bg-gradient-to-r from-transparent via-[var(--primary)]/20 to-transparent" style="transform:scaleX(0)"></div></div></section><section class="relative py-24 lg:py-32 overflow-hidden bg-gradient-to-b from-white via-violet-50/30 to-white"><div class="absolute inset-0 overflow-hidden pointer-events-none"><div class="absolute top-1/4 -left-32 w-[400px] h-[400px] bg-violet-200/20 rounded-full blur-3xl"></div><div class="absolute bottom-1/4 -right-32 w-[400px] h-[400px] bg-purple-200/20 rounded-full blur-3xl"></div><div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[600px] h-[600px] bg-violet-100/10 rounded-full blur-3xl"></div></div><div class="relative z-10 w-full max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"><div class="text-center mb-16" style="opacity:0;transform:translateY(20px)"><div class="mb-5" style="opacity:0;transform:translateY(20px)"><span data-slot="badge" data-variant="secondary" class="inline-flex items-center justify-center rounded-full border w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden [a&]:hover:bg-secondary/90 px-4 py-2 text-sm font-medium bg-violet-100/80 text-violet-700 border-violet-200/50 backdrop-blur-sm"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-globe h-3.5 w-3.5 mr-2" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20"></path><path d="M2 12h20"></path></svg>Pourquoi Kommo Maroc</span></div><h2 class="font-heading text-3xl sm:text-4xl md:text-5xl font-bold tracking-tight text-gray-900 mb-4" style="opacity:0;transform:translateY(20px)"><span class="block">Un partenaire</span><span class="block mt-1 bg-gradient-to-r from-violet-600 via-purple-600 to-violet-600 bg-clip-text text-transparent">local et expert</span></h2><p class="text-base md:text-lg lg:text-xl text-gray-600 max-w-2xl mx-auto" style="opacity:0;transform:translateY(20px)">Contrairement aux agences internationales, nous connaissons le marché marocain. Nous parlons votre langue, comprenons vos défis et adaptons Kommo à vos besoins spécifiques.</p></div><div class="grid grid-cols-3 gap-4 md:gap-8 mb-16 max-w-3xl mx-auto" style="opacity:0;transform:translateY(20px)"><div class="text-center" style="opacity:0;transform:translateY(20px)"><div class="text-3xl md:text-4xl font-bold bg-gradient-to-r from-violet-600 to-purple-600 bg-clip-text text-transparent mb-1">5+</div><div class="text-sm font-semibold text-gray-900">Années d'expérience</div><div class="text-xs text-gray-500 hidden sm:block">CRM au Maroc et MENA</div></div><div class="text-center" style="opacity:0;transform:translateY(20px)"><div class="text-3xl md:text-4xl font-bold bg-gradient-to-r from-violet-600 to-purple-600 bg-clip-text text-transparent mb-1">9+</div><div class="text-sm font-semibold text-gray-900">Pays couverts</div><div class="text-xs text-gray-500 hidden sm:block">Maroc, Bahrain, Arabie Saoudite...</div></div><div class="text-center" style="opacity:0;transform:translateY(20px)"><div class="text-3xl md:text-4xl font-bold bg-gradient-to-r from-violet-600 to-purple-600 bg-clip-text text-transparent mb-1">200+</div><div class="text-sm font-semibold text-gray-900">Entreprises</div><div class="text-xs text-gray-500 hidden sm:block">Accompagnées avec succès</div></div></div><div class="grid md:grid-cols-2 lg:grid-cols-3 gap-6"><div class="group" style="opacity:0;transform:translateY(30px)"><div class="relative h-full p-6 rounded-xl bg-white border border-gray-200/60 transition-all duration-300 overflow-hidden hover:border-gray-300/80 hover:shadow-lg hover:shadow-violet-500/5"><div class="flex items-center gap-3 mb-4"><div class="h-10 w-10 rounded-lg flex items-center justify-center flex-shrink-0 transition-colors duration-300" style="background-color:#8b5cf615"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-map-pin h-5 w-5 transition-colors duration-300" aria-hidden="true" style="color:#8b5cf6"><path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"></path><circle cx="12" cy="10" r="3"></circle></svg></div><h3 class="text-base font-semibold text-gray-900">Support Local</h3></div><p class="text-gray-500 text-sm leading-relaxed">Ãquipe basée au Maroc (Rabat/Casablanca). Nous comprenons vos défis et votre marché.</p></div></div><div class="group" style="opacity:0;transform:translateY(30px)"><div class="relative h-full p-6 rounded-xl bg-white border border-gray-200/60 transition-all duration-300 overflow-hidden hover:border-gray-300/80 hover:shadow-lg hover:shadow-violet-500/5"><div class="flex items-center gap-3 mb-4"><div class="h-10 w-10 rounded-lg flex items-center justify-center flex-shrink-0 transition-colors duration-300" style="background-color:#3b82f615"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-clock h-5 w-5 transition-colors duration-300" aria-hidden="true" style="color:#3b82f6"><path d="M12 6v6l4 2"></path><circle cx="12" cy="12" r="10"></circle></svg></div><h3 class="text-base font-semibold text-gray-900">Horaires Maroc</h3></div><p class="text-gray-500 text-sm leading-relaxed">Disponibles GMT+1, du lundi au vendredi. Réponse garantie sous 4 heures ouvrées.</p></div></div><div class="group" style="opacity:0;transform:translateY(30px)"><div class="relative h-full p-6 rounded-xl bg-white border border-gray-200/60 transition-all duration-300 overflow-hidden hover:border-gray-300/80 hover:shadow-lg hover:shadow-violet-500/5"><div class="flex items-center gap-3 mb-4"><div class="h-10 w-10 rounded-lg flex items-center justify-center flex-shrink-0 transition-colors duration-300" style="background-color:#10b98115"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-languages h-5 w-5 transition-colors duration-300" aria-hidden="true" style="color:#10b981"><path d="m5 8 6 6"></path><path d="m4 14 6-6 2-3"></path><path d="M2 5h12"></path><path d="M7 2h1"></path><path d="m22 22-5-10-5 10"></path><path d="M14 18h6"></path></svg></div><h3 class="text-base font-semibold text-gray-900">Support FR/AR</h3></div><p class="text-gray-500 text-sm leading-relaxed">Accompagnement en français et arabe. Documentation et formation dans votre langue.</p></div></div><div class="group" style="opacity:0;transform:translateY(30px)"><div class="relative h-full p-6 rounded-xl bg-white border border-gray-200/60 transition-all duration-300 overflow-hidden hover:border-gray-300/80 hover:shadow-lg hover:shadow-violet-500/5"><div class="flex items-center gap-3 mb-4"><div class="h-10 w-10 rounded-lg flex items-center justify-center flex-shrink-0 transition-colors duration-300" style="background-color:#f59e0b15"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-headphones h-5 w-5 transition-colors duration-300" aria-hidden="true" style="color:#f59e0b"><path d="M3 14h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-7a9 9 0 0 1 18 0v7a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3"></path></svg></div><h3 class="text-base font-semibold text-gray-900">Accompagnement Dédié</h3></div><p class="text-gray-500 text-sm leading-relaxed">Un chef de projet dédié pour chaque implémentation. Suivi personnalisé garanti.</p></div></div><div class="group" style="opacity:0;transform:translateY(30px)"><div class="relative h-full p-6 rounded-xl bg-white border border-gray-200/60 transition-all duration-300 overflow-hidden hover:border-gray-300/80 hover:shadow-lg hover:shadow-violet-500/5"><div class="flex items-center gap-3 mb-4"><div class="h-10 w-10 rounded-lg flex items-center justify-center flex-shrink-0 transition-colors duration-300" style="background-color:#ec489915"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-graduation-cap h-5 w-5 transition-colors duration-300" aria-hidden="true" style="color:#ec4899"><path d="M21.42 10.922a1 1 0 0 0-.019-1.838L12.83 5.18a2 2 0 0 0-1.66 0L2.6 9.08a1 1 0 0 0 0 1.832l8.57 3.908a2 2 0 0 0 1.66 0z"></path><path d="M22 10v6"></path><path d="M6 12.5V16a6 3 0 0 0 12 0v-3.5"></path></svg></div><h3 class="text-base font-semibold text-gray-900">Formation Complète</h3></div><p class="text-gray-500 text-sm leading-relaxed">Formation équipe incluse dans tous nos packs. Sessions live + documentation vidéo.</p></div></div><div class="group" style="opacity:0;transform:translateY(30px)"><div class="relative h-full p-6 rounded-xl bg-white border border-gray-200/60 transition-all duration-300 overflow-hidden hover:border-gray-300/80 hover:shadow-lg hover:shadow-violet-500/5"><div class="flex items-center gap-3 mb-4"><div class="h-10 w-10 rounded-lg flex items-center justify-center flex-shrink-0 transition-colors duration-300" style="background-color:#06b6d415"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shield h-5 w-5 transition-colors duration-300" aria-hidden="true" style="color:#06b6d4"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"></path></svg></div><h3 class="text-base font-semibold text-gray-900">Expertise Certifiée</h3></div><p class="text-gray-500 text-sm leading-relaxed">Partenaire officiel Kommo avec 5+ ans d'expérience et 30+ implémentations réussies.</p></div></div></div><div class="mt-16" style="opacity:0;transform:translateY(20px)"><div class="relative overflow-hidden rounded-2xl border border-violet-200/50 bg-gradient-to-br from-violet-50/80 via-violet-100/50 to-purple-50/60 px-6 py-10 sm:px-10 sm:py-12"><div class="absolute inset-0 overflow-hidden pointer-events-none"><div class="absolute -top-24 -right-24 w-48 h-48 bg-violet-300/25 rounded-full blur-3xl"></div><div class="absolute -bottom-24 -left-24 w-48 h-48 bg-purple-300/20 rounded-full blur-3xl"></div></div><div class="relative z-10 flex flex-col md:flex-row items-center justify-between gap-6 py-4"><div class="flex items-center gap-4"><div class="h-12 w-12 rounded-xl bg-violet-600 flex items-center justify-center flex-shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-award h-6 w-6 text-white" aria-hidden="true"><path d="m15.477 12.89 1.515 8.526a.5.5 0 0 1-.81.47l-3.58-2.687a1 1 0 0 0-1.197 0l-3.586 2.686a.5.5 0 0 1-.81-.469l1.514-8.526"></path><circle cx="12" cy="8" r="6"></circle></svg></div><div><h3 class="text-lg font-bold text-gray-900">Partenaire Officiel Kommo</h3><p class="text-sm text-gray-600">Certifié et reconnu pour notre expertise au Maroc</p></div></div><a class="inline-flex items-center justify-center px-6 py-3 bg-gradient-to-r from-violet-600 to-purple-600 text-white rounded-full font-semibold text-sm shadow-lg shadow-violet-500/25 transition-all duration-200 hover:from-violet-700 hover:to-purple-700 hover:shadow-xl hover:shadow-violet-500/30" href="/contact">Parler à un expert local<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4 ml-2" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div></div></div><div class="flex justify-center mt-12" style="opacity:0;transform:translateY(20px)"><span data-slot="badge" data-variant="secondary" class="inline-flex items-center justify-center rounded-full border w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden [a&]:hover:bg-secondary/90 px-4 py-2 text-sm font-medium bg-violet-100/80 text-violet-700 border-violet-200/50 backdrop-blur-sm"><span class="relative flex h-2 w-2 mr-2"><span class="animate-ping absolute inline-flex h-full w-full rounded-full bg-green-400 opacity-75"></span><span class="relative inline-flex rounded-full h-2 w-2 bg-green-500"></span></span>Support disponible du lundi au vendredi</span></div></div></section><section class="relative py-24 lg:py-32 overflow-hidden bg-gradient-to-b from-white via-violet-50/30 to-white"><div class="absolute inset-0 overflow-hidden pointer-events-none"><div class="absolute top-1/4 -left-32 w-[400px] h-[400px] bg-violet-200/20 rounded-full blur-3xl"></div><div class="absolute bottom-1/4 -right-32 w-[400px] h-[400px] bg-purple-200/20 rounded-full blur-3xl"></div><div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[600px] h-[600px] bg-violet-100/10 rounded-full blur-3xl"></div></div><div class="relative z-10 w-full max-w-4xl mx-auto px-4 sm:px-6 lg:px-8"><div class="text-center mb-16" style="opacity:0;transform:translateY(20px)"><div class="mb-5" style="opacity:0;transform:translateY(20px)"><span data-slot="badge" data-variant="secondary" class="inline-flex items-center justify-center rounded-full border w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden [a&]:hover:bg-secondary/90 px-4 py-2 text-sm font-medium bg-violet-100/80 text-violet-700 border-violet-200/50 backdrop-blur-sm"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-question-mark h-3.5 w-3.5 mr-2" aria-hidden="true"><circle cx="12" cy
25="12" r="10"></circle><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path><path d="M12 17h.01"></path></svg>FAQ</span></div><h2 class="font-heading text-3xl sm:text-4xl md:text-5xl font-bold tracking-tight text-gray-900 mb-4" style="opacity:0;transform:translateY(20px)"><span class="block">Questions</span><span class="block mt-1 bg-gradient-to-r from-violet-600 via-purple-600 to-violet-600 bg-clip-text text-transparent">fréquentes</span></h2><p class="text-base md:text-lg lg:text-xl text-gray-600 max-w-2xl mx-auto" style="opacity:0;transform:translateY(20px)">Tout ce que vous devez savoir sur Kommo et nos services.</p></div><div style="opacity:0;transform:translateY(20px)"><div class="space-y-3" data-orientation="vertical"><div style="opacity:0;transform:translateY(20px)"><div data-state="closed" data-orientation="vertical" class="group bg-white rounded-xl border transition-all duration-300 border-gray-200/60 hover:border-gray-300/80 hover:shadow-md"><button type="button" aria-controls="radix-_R_oclbauibtb_" aria-expanded="false" data-state="closed" data-orientation="vertical" id="radix-_R_8clbauibtb_" class="flex items-center justify-between w-full p-5 text-left" data-radix-collection-item=""><span class="font-semibold pr-4 transition-colors text-sm md:text-base text-gray-900 group-hover:text-violet-600">C'est quoi exactement Kommo ?</span><div class="flex-shrink-0 h-8 w-8 rounded-lg flex items-center justify-center transition-all duration-300 bg-gray-100 text-gray-500 group-hover:bg-violet-100 group-hover:text-violet-600"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-4 w-4 transition-transform duration-300" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></div></button><div data-state="closed" id="radix-_R_oclbauibtb_" hidden="" role="region" aria-labelledby="radix-_R_8clbauibtb_" data-orientation="vertical" class="overflow-hidden data-[state=open]:animate-accordion-down data-[state=closed]:animate-accordion-up" style="--radix-accordion-content-height:var(--radix-collapsible-content-height);--radix-accordion-content-width:var(--radix-collapsible-content-width)"></div></div></div><div style="opacity:0;transform:translateY(20px)"><div data-state="closed" data-orientation="vertical" class="group bg-white rounded-xl border transition-all duration-300 border-gray-200/60 hover:border-gray-300/80 hover:shadow-md"><button type="button" aria-controls="radix-_R_oklbauibtb_" aria-expanded="false" data-state="closed" data-orientation="vertical" id="radix-_R_8klbauibtb_" class="flex items-center justify-between w-full p-5 text-left" data-radix-collection-item=""><span class="font-semibold pr-4 transition-colors text-sm md:text-base text-gray-900 group-hover:text-violet-600">Combien ça coûte ?</span><div class="flex-shrink-0 h-8 w-8 rounded-lg flex items-center justify-center transition-all duration-300 bg-gray-100 text-gray-500 group-hover:bg-violet-100 group-hover:text-violet-600"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-4 w-4 transition-transform duration-300" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></div></button><div data-state="closed" id="radix-_R_oklbauibtb_" hidden="" role="region" aria-labelledby="radix-_R_8klbauibtb_" data-orientation="vertical" class="overflow-hidden data-[state=open]:animate-accordion-down data-[state=closed]:animate-accordion-up" style="--radix-accordion-content-height:var(--radix-collapsible-content-height);--radix-accordion-content-width:var(--radix-collapsible-content-width)"></div></div></div><div style="opacity:0;transform:translateY(20px)"><div data-state="closed" data-orientation="vertical" class="group bg-white rounded-xl border transition-all duration-300 border-gray-200/60 hover:border-gray-300/80 hover:shadow-md"><button type="button" aria-controls="radix-_R_oslbauibtb_" aria-expanded="false" data-state="closed" data-orientation="vertical" id="radix-_R_8slbauibtb_" class="flex items-center justify-between w-full p-5 text-left" data-radix-collection-item=""><span class="font-semibold pr-4 transition-colors text-sm md:text-base text-gray-900 group-hover:text-violet-600">Combien de temps pour être opérationnel ?</span><div class="flex-shrink-0 h-8 w-8 rounded-lg flex items-center justify-center transition-all duration-300 bg-gray-100 text-gray-500 group-hover:bg-violet-100 group-hover:text-violet-600"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-4 w-4 transition-transform duration-300" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></div></button><div data-state="closed" id="radix-_R_oslbauibtb_" hidden="" role="region" aria-labelledby="radix-_R_8slbauibtb_" data-orientation="vertical" class="overflow-hidden data-[state=open]:animate-accordion-down data-[state=closed]:animate-accordion-up" style="--radix-accordion-content-height:var(--radix-collapsible-content-height);--radix-accordion-content-width:var(--radix-collapsible-content-width)"></div></div></div><div style="opacity:0;transform:translateY(20px)"><div data-state="closed" data-orientation="vertical" class="group bg-white rounded-xl border transition-all duration-300 border-gray-200/60 hover:border-gray-300/80 hover:shadow-md"><button type="button" aria-controls="radix-_R_p4lbauibtb_" aria-expanded="false" data-state="closed" data-orientation="vertical" id="radix-_R_94lbauibtb_" class="flex items-center justify-between w-full p-5 text-left" data-radix-collection-item=""><span class="font-semibold pr-4 transition-colors text-sm md:text-base text-gray-900 group-hover:text-violet-600">
25On peut vraiment connecter WhatsApp ?</span><div class="flex-shrink-0 h-8 w-8 rounded-lg flex items-center justify-center transition-all duration-300 bg-gray-100 text-gray-500 group-hover:bg-violet-100 group-hover:text-violet-600"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-4 w-4 transition-transform duration-300" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></div></button><div data-state="closed" id="radix-_R_p4lbauibtb_" hidden="" role="region" aria-labelledby="radix-_R_94lbauibtb_" data-orientation="vertical" class="overflow-hidden data-[state=open]:animate-accordion-down data-[state=closed]:animate-accordion-up" style="--radix-accordion-content-height:var(--radix-collapsible-content-height);--radix-accordion-content-width:var(--radix-collapsible-content-width)"></div></div></div><div style="opacity:0;transform:translateY(20px)"><div data-state="closed" data-orientation="vertical" class="group bg-white rounded-xl border transition-all duration-300 border-gray-200/60 hover:border-gray-300/80 hover:shadow-md"><button type="button" aria-controls="radix-_R_pclbauibtb_" aria-expanded="false" data-state="closed" data-orientation="vertical" id="radix-_R_9clbauibtb_" class="flex items-center justify-between w-full p-5 text-left" data-radix-collection-item=""><span class="font-semibold pr-4 transition-colors text-sm md:text-base text-gray-900 group-hover:text-violet-600">La formation est incluse ?</span><div class="flex-shrink-0 h-8 w-8 rounded-lg flex items-center justify-center transition-all duration-300 bg-gray-100 text-gray-500 group-hover:bg-violet-100 group-hover:text-violet-600"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-4 w-4 transition-transform duration-300" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></div></button><div data-state="closed" id="radix-_R_pclbauibtb_" hidden="" role="region" aria-labelledby="radix-_R_9clbauibtb_" data-orientation="vertical" class="overflow-hidden data-[state=open]:animate-accordion-down data-[state=closed]:animate-accordion-up" style="--radix-accordion-content-height:var(--radix-collapsible-content-height);--radix-accordion-content-width:var(--radix-collapsible-content-width)"></div></div></div><div style="opacity:0;transform:translateY(20px)"><div data-state="closed" data-orientation="vertical" class="group bg-white rounded-xl border transition-all duration-300 border-gray-200/60 hover:border-gray-300/80 hover:shadow-md"><button type="button" aria-controls="radix-_R_pklbauibtb_" aria-expanded="false" data-state="closed" data-orientation="vertical" id="radix-_R_9klbauibtb_" class="flex items-center justify-between w-full p-5 text-left" data-radix-collection-item=""><span class="font-semibold pr-4 transition-colors text-sm md:text-base text-gray-900 group-hover:text-violet-600">Nos données sont sécurisées ?</span><div class="flex-shrink-0 h-8 w-8 rounded-lg flex items-center justify-center transition-all duration-300 bg-gray-100 text-gray-500 group-hover:bg-violet-100 group-hover:text-violet-600"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-4 w-4 transition-transform duration-300" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></div></button><div data-state="closed" id="radix-_R_pklbauibtb_" hidden="" role="region" aria-labelledby="radix-_R_9klbauibtb_" data-orientation="vertical" class="overflow-hidden data-[state=open]:animate-accordion-down data-[state=closed]:animate-accordion-up" style="--radix-accordion-content-height:var(--radix-collapsible-content-height);--radix-accordion-content-width:var(--radix-collapsible-content-width)"></div></div></div><div style="opacity:0;transform:translateY(20px)"><div data-state="closed" data-orientation="vertical" class="group bg-white rounded-xl border transition-all duration-300 border-gray-200/60 hover:border-gray-300/80 hover:shadow-md"><button type="button" aria-controls="radix-_R_pslbauibtb_" aria-expanded="false" data-state="closed" data-orientation="vertical" id="radix-_R_9slbauibtb_" class="flex items-center justify-between w-full p-5 text-left" data-radix-collection-item=""><span class="font-semibold pr-4 transition-colors text-sm md:text-base text-gray-900 group-hover:text-violet-600">On peut tester avant ?</span><div class="flex-shrink-0 h-8 w-8 rounded-lg flex items-center justify-center transition-all duration-300 bg-gray-100 text-gray-500 group-hover:bg-violet-100 group-hover:text-violet-600"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-4 w-4 transition-transform duration-300" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></div></button><div data-state="closed" id="radix-_R_pslbauibtb_" hidden="" role="region" aria-labelledby="radix-_R_9slbauibtb_" data-orientation="vertical" class="overflow-hidden data-[state=open]:animate-accordion-down data-[state=closed]:animate-accordion-up" style="--radix-accordion-content-height:var(--radix-collapsible-content-height);--radix-accordion-content-width:var(--radix-collapsible-content-width)"></div></div></div><div style="opacity:0;transform:translateY(20px)"><div data-state="closed" data-orientation="vertical" class="group bg-white rounded-xl border transition-all duration-300 border-gray-200/60 hover:border-gray-300/80 hover:shadow-md"><button type="button" aria-controls="radix-_R_q4lbauibtb_" aria-expanded="false" data-state="closed" data-orientation="vertical" id="radix-_R_a4lbau
25ibtb_" class="flex items-center justify-between w-full p-5 text-left" data-radix-collection-item=""><span class="font-semibold pr-4 transition-colors text-sm md:text-base text-gray-900 group-hover:text-violet-600">Qu'est-ce qui se passe après l'installation ?</span><div class="flex-shrink-0 h-8 w-8 rounded-lg flex items-center justify-center transition-all duration-300 bg-gray-100 text-gray-500 group-hover:bg-violet-100 group-hover:text-violet-600"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-4 w-4 transition-transform duration-300" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></div></button><div data-state="closed" id="radix-_R_q4lbauibtb_" hidden="" role="region" aria-labelledby="radix-_R_a4lbauibtb_" data-orientation="vertical" class="overflow-hidden data-[state=open]:animate-accordion-down data-[state=closed]:animate-accordion-up" style="--radix-accordion-content-height:var(--radix-collapsible-content-height);--radix-accordion-content-width:var(--radix-collapsible-content-width)"></div></div></div><div style="opacity:0;transform:translateY(20px)"><div data-state="closed" data-orientation="vertical" class="group bg-white rounded-xl border transition-all duration-300 border-gray-200/60 hover:border-gray-300/80 hover:shadow-md"><button type="button" aria-controls="radix-_R_qclbauibtb_" aria-expanded="false" data-state="closed" data-orientation="vertical" id="radix-_R_aclbauibtb_" class="flex items-center justify-between w-full p-5 text-left" data-radix-collection-item=""><span class="font-semibold pr-4 transition-colors text-sm md:text-base text-gray-900 group-hover:text-violet-600">Quelle est la différence entre Kommo et les CRM classiques ?</span><div class="flex-shrink-0 h-8 w-8 rounded-lg flex items-center justify-center transition-all duration-300 bg-gray-100 text-gray-500 group-hover:bg-violet-100 group-hover:text-violet-600"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-4 w-4 transition-transform duration-300" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></div></button><div data-state="closed" id="radix-_R_qclbauibtb_" hidden="" role="region" aria-labelledby="radix-_R_aclbauibtb_" data-orientation="vertical" class="overflow-hidden data-[state=open]:animate-accordion-down data-[state=closed]:animate-accordion-up" style="--radix-accordion-content-height:var(--radix-collapsible-content-height);--radix-accordion-content-width:var(--radix-collapsible-content-width)"></div></div></div><div style="opacity:0;transform:translateY(20px)"><div data-state="closed" data-orientation="vertical" class="group bg-white rounded-xl border transition-all duration-300 border-gray-200/60 hover:border-gray-300/80 hover:shadow-md"><button type="button" aria-controls="radix-_R_qklbauibtb_" aria-expanded="false" data-state="closed" data-orientation="vertical" id="radix-_R_aklbauibtb_" class="flex items-center justify-between w-full p-5 text-left" data-radix-collection-item=""><span class="font-semibold pr-4 transition-colors text-sm md:text-base text-gray-900 group-hover:text-violet-600">Peut-on avoir plusieurs agents sur un seul numéro WhatsApp ?</span><div class="flex-shrink-0 h-8 w-8 rounded-lg flex items-center justify-center transition-all duration-300 bg-gray-100 text-gray-500 group-hover:bg-violet-100 group-hover:text-violet-600"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-4 w-4 transition-transform duration-300" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></div></button><div data-state="closed" id="radix-_R_qklbauibtb_" hidden="" role="region" aria-labelledby="radix-_R_aklbauibtb_" data-orientation="vertical" class="overflow-hidden data-[state=open]:animate-accordion-down data-[state=closed]:animate-accordion-up" style="--radix-accordion-content-height:var(--radix-collapsible-content-height);--radix-accordion-content-width:var(--radix-collapsible-content-width)"></div></div></div><div style="opacity:0;transform:translateY(20px)"><div data-state="closed" data-orientation="vertical" class="group bg-white rounded-xl border transition-all duration-300 border-gray-200/60 hover:border-gray-300/80 hover:shadow-md"><button type="button" aria-controls="radix-_R_qslbauibtb_" aria-expanded="false" data-state="closed" data-orientation="vertical" id="radix-_R_aslbauibtb_" class="flex items-center justify-between w-full p-5 text-left" data-radix-collection-item=""><span class="font-semibold pr-4 transition-colors text-sm md:text-base text-gray-900 group-hover:text-violet-600">Kommo fonctionne-t-il pour l'immobilier au Maroc ?</span><div class="flex-shrink-0 h-8 w-8 rounded-lg flex items-center justify-center transition-all duration-300 bg-gray-100 text-gray-500 group-hover:bg-violet-100 group-hover:text-violet-600"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-4 w-4 transition-transform duration-300" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></div></button><div data-state="closed" id="radix-_R_qslbauibtb_" hidden="" role="region" aria-labelledby="radix-_R_aslbauibtb_" data-orientation="vertical" class="overflow-hidden data-[state=open]:animate-accordion-down data-[state=closed]:animate-accordion-up" style="--radix-accordion-content-height:var(--radix-collapsible-content-height);--radix-accordion-content-width:var(--radix-collapsible-content-width)"></div></div></div><div style="opacity:0;transform:translateY(20px)"><div data-state="closed" data-orientation="vertical" class="group bg-white rounded-xl border transition-all duration-300 border-gray-200/60 hover:border-gray-300/80 hover:shadow-md"><button type="button" aria-controls="radix-_R_r4lbauibtb_" aria-expanded="false" data-state="closed" data-orientation="vertical" id="radix-_R_b4lbauibtb_" class="flex items-center justify-between w-full p-5 text-left" data-radix-collection-item=""><span class="font-semibold pr-4 transition-colors text-sm md:text-base text-gray-900 group-hover:text-violet-600">Comment automatiser les relances clients avec Kommo ?</span><div class="flex-shrink-0 h-8 w-8 rounded-lg flex items-center justify-center transition-all duration-300 bg-gray-100 text-gray-500 group-hover:bg-violet-100 group-hover:text-violet-600"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-4 w-4 transition-transform duration-300" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></div></button><div data-state="closed" id="radix-_R_r4lbauibtb_" hidden="" role="region" aria-labelledby="radix-_R_b4lbauibtb_" data-orientation="vertical" class="overflow-hidden data-[state=open]:animate-accordion-down data-[state=closed]:animate-accordion-up" style="--radix-accordion-content-height:var(--radix-collapsible-content-height);--radix-accordion-content-width:var(--radix-collapsible-content-width)"></div></div></div></div></div><div class="mt-16" style="opacity:0;transform:translateY(20px)"><div class="relative overflow-hidden rounded-2xl border border-violet-200/50 bg-gradient-to-br from-violet-50/80 via-violet-100/50 to-purple-50/60 px-6 py-10 sm:px-10 sm:py-12"><div class="absolute inset-0 overflow-hidden pointer-events-none"><div class="absolute -top-24 -right-24 w-48 h-48 bg-violet-300/25 rounded-full blur-3xl"></div><div class="absolute -bottom-24 -left-24 w-48 h-48 bg-purple-300/20 rounded-full blur-3xl"></div></div><div class="relative z-10 text-center"><h3 class="font-heading text-xl sm:text-2xl font-bold text-gray-900 mb-2">Vous avez d'autres questions?</h3><p class="text-gray-600 mb-6">Notre équipe est disponible pour vous accompagner</p><div class="flex flex-col sm:flex-row items-center justify-center gap-4"><a class="inline-flex items-center justify-center min-w-[180px] h-12 px-6 bg-gradient-to-r from-violet-600 to-purple-600 text-white rounded-full font-semibold text-sm shadow-lg shadow-violet-500/25 transition-all duration-200 hover:from-violet-700 hover:to-purple-700 hover:shadow-xl hover:shadow-violet-500/30" href="/contact">Contactez-nous<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4 ml-2" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a target="_blank" rel="noopener noreferrer" class="inline-flex items-center justify-center min-w-[180px] h-12 px-6 bg-[#25D366] text-white rounded-full font-semibold text-sm shadow-lg shadow-green-500/25 transition-all duration-200 hover:bg-[#20bd5a] hover:shadow-xl" href="https://wa.me/212661096272"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-circle h-4 w-4 mr-2" aria-hidden="true"><path d="M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719"></path></svg>WhatsApp</a></div></div></div></div><div class="flex justify-center mt-12" style="opacity:0;transform:translateY(20px)"><span data-slot="badge" data-variant="secondary" class="inline-flex items-center justify-center rounded-full border w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden [a&]:hover:bg-secondary/90 px-4 py-2 text-sm font-medium bg-violet-100/80 text-violet-700 border-violet-200/50 backdrop-blur-sm"><span class="relative flex h-2 w-2 mr-2"><span class="animate-ping absolute inline-flex h-full w-full rounded-full bg-green-400 opacity-75"></span><span class="relative inline-flex rounded-full h-2 w-2 bg-green-500"></span></span>Réponse sous 4h ouvrées</span></div></div></section><section class="relative py-24 lg:py-32 overflow-hidden bg-violet-600"><div class="absolute inset-0 bg-gradient-to-br from-violet-600 via-violet-600 to-purple-700 opacity-100"></div><div class="absolute inset-0 overflow-hidden pointer-events-none"><div class="absolute -top-32 -right-32 w-96 h-96 bg-white/5 rounded-full blur-3xl"></div><div class="absolute -bottom-32 -left-32 w-96 h-96 bg-white/5 rounded-full blur-3xl"></div></div><div class="relative z-10 w-full max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center"><div class="mb-6" style="opacity:0;transform:translateY(20px)"><span class="inline-flex items-center gap-2 px-4 py-2 rounded-full bg-white/10 text-white/90 text-sm font-medium"><span class="relative flex h-2 w-2"><span class="animate-ping absolute inline-flex h-full w-full rounded-full bg-green-400 opacity-75"></span><span class="relative inline-flex rounded-full h-2 w-2 bg-green-400"></span></span>Prêt à transformer vos ventes?</span></div><h2 class="font-heading text-3xl sm:text-4xl md:text-5xl font-bold tracking-tight text-white mb-4" style="opacity:0;transform:translateY(20px)">Prêt à ne plus perdre<span class="block mt-1 text-white/90">de leads ?</span></h2><p class="text-base md:text-lg text-white mb-10 max-w-xl mx-auto" style="opacity:0;transform:translateY(20px)">Réservez 30 minutes avec un expert. On analyse votre situation et on vous montre ce que Kommo peut changer.</p><div class="flex flex-col sm:flex-row gap-4 justify-center items-center mb-10" style="opacity:0;transform:translateY(20px)"><a class="inline-flex items-center justify-center min-w-[220px] h-12 px-6 bg-white text-violet-700 rounded-full font-semibold text-sm transition-colors duration-200 hover:bg-gray-100" href="/contact">Demander ma démo gratuite<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4 ml-2" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a target="_blank" rel="noopener noreferrer" class="inline-flex items-center justify-center min-w-[160px] h-12 px-6 bg-white/10 text-white border border-white/20 rounded-full font-semibold text-sm transition-colors duration-200 hover:bg-white/20" href="https://wa.me/212661096272"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-circle h-4 w-4 mr-2" aria-hidden="true"><path d="M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719"></path></svg>WhatsApp</a></div><div class="flex flex-col sm:flex-row flex-wrap items-center justify-center gap-x-8 gap-y-3" style="opacity:0"><div class="flex items-center gap-2 text-sm text-white/80"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check h-4 w-4 text-green-400 flex-shrink-0" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg><span>Démo personnalisée sur vos cas d'usage</span></div><div class="flex items-center gap-2 text-sm text-white/80"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check h-4 w-4 text-green-400 flex-shrink-0" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg><span>Aucun engagement</span></div><div class="flex items-center gap-2 text-sm text-white/80"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check h-4 w-4 text-green-400 flex-shrink-0" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg><span>Réponse sous 24h</span></div></div></div></section><!--$--><!--/$--></main><footer class="bg-gray-50 border-t border-gray-200"><div class="border-b border-gray-200"><div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8 py-16"><div class="flex flex-col lg:flex-row items-center justify-between gap-8"><div><h2 class="text-3xl font-bold text-gray-900 mb-2">Prêt à transformer votre gestion commerciale ?</h2><p class="text-gray-600 text-lg">Réservez votre démo gratuite et voyez Kommo en action.</p></div><div class="flex flex-col sm:flex-row gap-4"><a class="group inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-full font-medium transition-all duration-300 ease-out focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--primary)] focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 relative bg-[var(--primary)] text-white shadow-lg hover:bg-[var(--primary-dark)] hover:shadow-xl hover:shadow-[var(--primary)]/40 h-14 px-8 text-lg" href="/contact"><span class="flex items-center gap-2">Demander une démo<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-5 w-5" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></a><a class="group inline-flex items-center ju
25stify-center gap-2 whitespace-nowrap rounded-full font-medium transition-all duration-300 ease-out focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--primary)] focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 relative bg-[#25D366] text-white hover:bg-[#20BD5A] shadow-lg shadow-[#25D366]/25 whatsapp-pulse h-14 px-8 text-lg" href="https://wa.me/212661096272" target="_blank" rel="noopener noreferrer"><span class="flex items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-circle h-5 w-5" aria-hidden="true"><path d="M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719"></path></svg>WhatsApp</span></a></div></div></div></div><div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8 py-16"><div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-8 lg:gap-12"><div class="col-span-2 lg:col-span-2"><a class="inline-flex items-center gap-2 mb-4" href="/"><img alt="Kommo Maroc" loading="lazy" width="260" height="70" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2FKMA_Header_B.png&w=384&q=75 1x, /_next/image?url=%2FKMA_Header_B.png&w=640&q=75 2x" src="/_next/image?url=%2FKMA_Header_B.png&w=640&q=75"/></a><div class="mb-4"><img alt="Kommo Partner" loading="lazy" width="120" height="40" decoding="async" data-nimg="1" class="h-8 w-auto" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fdi6oybeht%2Fimage%2Fupload%2Fv1773065691%2Fkommo-maroc%2Flogo.png&w=128&q=75 1x, /_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fdi6oybeht%2Fimage%2Fupload%2Fv1773065691%2Fkommo-maroc%2Flogo.png&w=256&q=75 2x" src="/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fdi6oybeht%2Fimage%2Fupload%2Fv1773065691%2Fkommo-maroc%2Flogo.png&w=256&q=75"/></div><p class="text-gray-600 mb-6 max-w-xs">Le CRM conversationnel qui transforme vos conversations en clients.</p><div class="space-y-3"><a href="tel:+212 661 096 272" class="flex items-center gap-3 text-gray-600 hover:text-violet-600 transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-phone h-4 w-4" aria-hidden="true"><path d="M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384"></path></svg>+212 661 096 272</a><a href="/cdn-cgi/l/email-protection#066f686069466f6875766f746f61636865632b65696875736a726f68612865696b" class="flex items-center gap-3 text-gray-600 hover:text-violet-600 transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-mail h-4 w-4" aria-hidden="true"><path d="m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7"></path><rect x="2" y="4" width="20" height="16" rx="2"></rect></svg><span class="__cf_email__" data-cfemail="e881868e87a881869b98819a818f8d868b8dc58b87869b9d849c81868fc68b8785">[email protected]</span></a><div class="flex items-start gap-3 text-gray-600"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-map-pin h-4 w-4 mt-1 flex-shrink-0" aria-hidden="true"><path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"></path><circle cx="12" cy="10" r="3"></circle></svg>36 Bis Avenue Tadla, Mabella - Rabat</div></div><div class="flex items-center gap-3 mt-6"><a href="https://wa.me/212661096272" target="_blank" rel="noopener noreferrer" class="h-10 w-10 rounded-full bg-gray-100 text-gray-600 hover:bg-[#25D366] hover:text-white flex items-center justify-center transition-all" aria-label="WhatsApp"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-circle h-5 w-5" aria-hidden="true"><path d="M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719"></path></svg></a><a href="https://www.instagram.com/kommo.morocco" target="_blank" rel="noopener noreferrer" class="h-10 w-10 rounded-full bg-gray-100 text-gray-600 hover:bg-gradient-to-br hover:from-[#833AB4] hover:via-[#FD1D1D] hover:to-[#F77737] hover:text-white flex items-center justify-center transition-all" aria-label="Instagram"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-instagram h-5 w-5" aria-hidden="true"><rect width="20" height="20" x="2" y="2" rx="5" ry="5"></rect><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"></path><line x1="17.5" x2="17.51" y1="6.5" y2="6.5"></line></svg></a><a href="https://www.linkedin.com/company/inspirigence" target="_blank" rel="noopener noreferrer" class="h-10 w-10 rounded-full bg-gray-100 text-gray-600 hover:bg-[#0077B5] hover:text-white flex items-center justify-center transition-all" aria-label="LinkedIn"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-linkedin h-5 w-5" aria-hidden="true"><path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"></path><rect width="4" height="12" x="2" y="9"></rect><circle cx="4" cy="4" r="2"></circle></svg></a><a href="https://www.facebook.com/Kommo.Morocco" target="_blank" rel="noopener noreferrer" class="h-10 w-10 rounded-full bg-gray-100 text-gray-600 hover:bg-[#1877F2] hover:text-white flex items-center justify-center transition-all" aria-label="Facebook"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-facebook h-5 w-5" aria-hidden="true"><path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"></path></svg></a><a href="https://www.youtube.com/@inspirigenceconsulting" target="_blank" rel="noopener noreferrer" class="h-10 w-10 rounded-full bg-gray-100 text-gray-600 hover:bg-[#FF0000] hover:text-white flex items-center justify-center transition-all" aria-label="YouTube"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-youtube h-5 w-5" aria-hidden="true"><path d="M2.5 17a24.12 24.12 0 0 1 0-10 2 2 0 0 1 1.4-1.4 49.56 49.56 0 0 1 16.2 0A2 2 0 0 1 21.5 7a24.12 24.12 0 0 1 0 10 2 2 0 0 1-1.4 1.4 49.55 49.5
255 0 0 1-16.2 0A2 2 0 0 1 2.5 17"></path><path d="m10 15 5-3-5-3z"></path></svg></a></div></div><div><h3 class="font-semibold text-gray-900 mb-4">Produit</h3><ul class="space-y-3"><li><a class="text-gray-600 hover:text-violet-600 transition-colors" href="/produit">Vue dâensemble</a></li><li><a class="text-gray-600 hover:text-violet-600 transition-colors" href="/produit/pipeline">Pipeline CRM</a></li><li><a class="text-gray-600 hover:text-violet-600 transition-colors" href="/produit/inbox">Inbox unifié</a></li><li><a class="text-gray-600 hover:text-violet-600 transition-colors" href="/produit/automatisation">Automatisation</a></li><li><a class="text-gray-600 hover:text-violet-600 transition-colors" href="/produit/integrations">Intégrations</a></li></ul></div><div><h3 class="font-semibold text-gray-900 mb-4">Canaux</h3><ul class="space-y-3"><li><a class="text-gray-600 hover:text-violet-600 transition-colors" href="/canaux/whatsapp">WhatsApp CRM</a></li><li><a class="text-gray-600 hover:text-violet-600 transition-colors" href="/canaux/instagram">Instagram</a></li><li><a class="text-gray-600 hover:text-violet-600 transition-colors" href="/canaux/facebook">Facebook Messenger</a></li><li><a class="text-gray-600 hover:text-violet-600 transition-colors" href="/canaux/telegram">Telegram</a></li><li><a class="text-gray-600 hover:text-violet-600 transition-colors" href="/canaux/email">Email</a></li><li><a class="text-gray-600 hover:text-violet-600 transition-colors" href="/canaux/telephonie">Téléphonie</a></li></ul></div><div><h3 class="font-semibold text-gray-900 mb-4">Services</h3><ul class="space-y-3"><li><a class="text-gray-600 hover:text-violet-600 transition-colors" href="/services/crm-automatisation">CRM & Automatisation</a></li><li><a class="text-gray-600 hover:text-violet-600 transition-colors" href="/services/chatbots-ia">Chatbots IA</a></li><li><a class="text-gray-600 hover:text-violet-600 transition-colors" href="/services/immobilier">CRM Immobilier</a></li><li><a class="text-gray-600 hover:text-violet-600 transition-colors" href="/services/implementation">Implémentation</a></li></ul></div><div><h3 class="font-semibold text-gray-900 mb-4">Entreprise</h3><ul class="space-y-3"><li><a class="text-gray-600 hover:text-violet-600 transition-colors" href="/a-propos">à propos</a></li><li><a class="text-gray-600 hover:text-violet-600 transition-colors" href="/cas-clients">Cas clients</a></li><li><a class="text-gray-600 hover:text-violet-600 transition-colors" href="/blog">Blog</a></li><li><a class="text-gray-600 hover:text-violet-600 transition-colors" href="/contact">Contact</a></li><li><a class="text-gray-600 hover:text-violet-600 transition-colors" href="/tarifs">Tarifs</a></li></ul></div></div></div><div class="border-t border-gray-200 bg-white"><div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8 py-6"><div class="flex flex-col md:flex-row items-center justify-between gap-4"><p class="text-gray-500 text-sm">© <!-- -->2026<!-- --> Inspirigence Group. Tous droits réservés.</p><div class="flex items-center gap-2 text-sm"><span class="text-gray-500">Site créé et géré par</span><a href="https://inspirigence.com" target="_blank" rel="noopener noreferrer" class="text-violet-600 hover:text-violet-700 hover:underline font-medium">Inspirigence Group</a></div><div class="flex items-center gap-4 text-sm text-gray-500"><a class="hover:text-gray-900 transition-colors" href="/mentions-legales">Mentions légales</a><a class="hover:text-gray-900 transition-colors" href="/confidentialite">Confidentialité</a><a class="hover:text-gray-900 transition-colors" href="/suppression-donnees">Suppression des données</a></div></div></div></div></footer><a href="https://wa.me/212661096272" target="_blank" rel="noopener noreferrer" class="fixed bottom-6 right-6 z-50 flex items-center gap-2 bg-[#25D366] text-white px-5 py-3 rounded-full shadow-lg hover:bg-[#20BD5A] transition-colors whatsapp-pulse lg:hidden" aria-label="Contacter sur WhatsApp" style="opacity:0;transform:translateY(20px) scale(0.8)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-circle h-6 w-6" aria-hidden="true"><path d="M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719"></path></svg><span class="font-medium">WhatsApp</span></a><a href="https://wa.me/212661096272" target="_blank" rel="noopener noreferrer" class="fixed bottom-6 right-6 z-50 hidden lg:flex items-center gap-3 bg-[#25D366] text-white pl-4 pr-5 py-3 rounded-full shadow-lg hover:bg-[#20BD5A] transition-all hover:scale-105 whatsapp-pulse" aria-label="Contacter sur WhatsApp" style="opacity:0;transform:translateX(20px) scale(0.8)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-circle h-6 w-6" aria-hidden="true"><path d="M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719"></path></svg><div class="flex flex-col"><span class="font-semibold text-sm">Besoin dâaide?</span><span class="text-xs text-white/80">Chat WhatsApp</span></div></a>
vendor: 108 bytes, line 25
25<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
25<script src="/_next/static/chunks/564fda5e3a4cf203.js" id="_R_" async=""></script>
25<script>(self.__next_f=self.__next_f||[]).push([0])</script>
25<script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\nc:I[20632,[\"/_next/static/chunks/2caa33a942c5f527.js\",\"/_next/static/chunks/59983278a34fd25c.js\"],\"default\"]\n:HL[\"/_next/static/chunks/baf2caf8bb0f508e.css\",\"style\"]\n:HL[\"/_next/static/chunks/dbc08939d52400ce.css\",\"style\"]\n:HL[\"/_next/static/media/83afe278b6a6bb3c-s.p.3a6ba036.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/a343f882a40d2cc9-s.p.71e1367e.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n2:Ta14,"])</script>
25<script>self.__next_f.push([1,"{\"@context\":\"https://schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https://inspirigence-consulting.com/#organization\",\"name\":\"Kommo Maroc\",\"alternateName\":\"Inspirigence Consulting\",\"url\":\"https://inspirigence-consulting.com\",\"logo\":{\"@type\":\"ImageObject\",\"@id\":\"https://inspirigence-consulting.com/#logo\",\"url\":\"https://res.cloudinary.com/di6oybeht/image/upload/v1773065691/kommo-maroc/logo.png\",\"contentUrl\":\"https://res.cloudinary.com/di6oybeht/image/upload/v1773065691/kommo-maroc/logo.png\",\"caption\":\"Kommo Maroc\"},\"description\":\"Partenaire officiel Kommo au Maroc. Implémentation CRM conversationnel, automatisation des ventes et chatbots IA pour les entreprises marocaines et la région MENA.\",\"email\":\"[email protected]\",\"telephone\":\"+212 661 096 272\",\"contactPoint\":[{\"@type\":\"ContactPoint\",\"telephone\":\"+212 661 096 272\",\"contactType\":\"sales\",\"areaServed\":[\"MA\",\"BH\",\"SA\"],\"availableLanguage\":[\"French\",\"Arabic\",\"English\"]}],\"sameAs\":[\"https://www.linkedin.com/company/inspirigence\",\"https://www.instagram.com/kommo.morocco\",\"https://www.facebook.com/Kommo.Morocco\",\"https://www.youtube.com/@inspirigenceconsulting\"]},{\"@type\":\"ProfessionalService\",\"@id\":\"https://inspirigence-consulting.com/#business\",\"name\":\"Kommo Maroc\",\"image\":\"https://res.cloudinary.com/di6oybeht/image/upload/v1773065691/kommo-maroc/logo.png\",\"url\":\"https://inspirigence-consulting.com\",\"telephone\":\"+212 661 096 272\",\"email\":\"[email protected]\",\"description\":\"Cabinet de consulting spécialisé dans l'implémentation du CRM Kommo au Maroc. Services de CRM, automatisation, chatbots IA et solutions sectorielles.\",\"parentOrganization\":{\"@id\":\"https://inspirigence-consulting.com/#organization\"},\"address\":{\"@type\":\"PostalAddress\",\"streetAddress\":\"36 Bis Avenue Tadla, Mabella\",\"addressLocality\":\"Rabat\",\"addressRegion\":\"Rabat-Salé-Kénitra\",\"postalCode\":\"10160\",\"addressCountry\":\"MA\"},\"geo\":{\"@type\":\"GeoCoordinates\",\"latitude\":33.9716,\"longitude\":-6.8498},\"openingHoursSpecification\":[{\"@type\":\"OpeningHoursSpecification\",\"dayOfWeek\":[\"Monday\",\"Tuesday\",\"Wednesday\",\"Thursday\",\"Friday\"],\"opens\":\"09:00\",\"closes\":\"18:00\"}],\"priceRange\":\"$$\",\"aggregateRating\":{\"@type\":\"AggregateRating\",\"ratingValue\":\"4.9\",\"bestRating\":\"5\",\"worstRating\":\"1\",\"ratingCount\":\"37\"}},{\"@type\":\"WebSite\",\"@id\":\"https://inspirigence-consulting.com/#website\",\"url\":\"https://inspirigence-consulting.com\",\"name\":\"Kommo Maroc\",\"description\":\"CRM WhatsApp \u0026 Automatisation des Ventes au Maroc\",\"publisher\":{\"@id\":\"https://inspirigence-consulting.com/#organization\"},\"inLanguage\":\"fr\"}]}"])</script>
25<script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"5LTZDqsXRojffZoNcCx0B\",\"c\":[\"\",\"\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[\"(marketing)\",{\"children\":[\"__PAGE__\",{}]}]},\"$undefined\",\"$undefined\",true],[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/baf2caf8bb0f508e.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/dbc08939d52400ce.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/173742d5d65f047e.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"fr\",\"children\":[[\"$\",\"head\",null,{\"children\":[[\"$\",\"link\",null,{\"rel\":\"icon\",\"href\":\"https://res.cloudinary.com/di6oybeht/image/upload/w_32,h_32,c_fit,r_8/v1773065682/kommo-maroc/icon-192.png\",\"type\":\"image/png\",\"sizes\":\"32x32\"}],[\"$\",\"link\",null,{\"rel\":\"icon\",\"href\":\"https://res.cloudinary.com/di6oybeht/image/upload/w_16,h_16,c_fit,r_4/v1773065682/kommo-maroc/icon-192.png\",\"type\":\"image/png\",\"sizes\":\"16x16\"}],[\"$\",\"link\",null,{\"rel\":\"apple-touch-icon\",\"href\":\"https://res.cloudinary.com/di6oybeht/image/upload/w_180,h_180,c_fit,r_30/v1773065682/kommo-maroc/icon-192.png\"}],[\"$\",\"link\",null,{\"rel\":\"manifest\",\"href\":\"/manifest.json\"}],[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"$2\"}}],\"$L3\",\"$L4\",\"$L5\",\"$L6\",\"$L7\"]}],\"$L8\"]}]]}],{\"children\":[\"$L9\",{\"children\":[\"$La\",{},null,false,false]},null,false,false]},null,false,false],\"$Lb\",false]],\"m\":\"$undefined\",\"G\":[\"$c\",[]],\"S\":true}\n"])</script>
25<script>self.__next_f.push([1,"d:I[10024,[\"/_next/static/chunks/173742d5d65f047e.js\"],\"\"]\nf:I[61870,[\"/_next/static/chunks/2caa33a942c5f527.js\",\"/_next/static/chunks/59983278a34fd25c.js\"],\"default\"]\n10:I[20278,[\"/_next/static/chunks/2caa33a942c5f527.js\",\"/_next/static/chunks/59983278a34fd25c.js\"],\"default\"]\n11:I[8842,[\"/_next/static/chunks/173742d5d65f047e.js\",\"/_next/static/chunks/67e1c94922a86162.js\",\"/_next/static/chunks/5c1ce4efe167d108.js\",\"/_next/static/chunks/79b376d01e9cdd45.js\",\"/_next/static/chunks/d852e3765e7b69a9.js\"],\"ScrollProgress\"]\n12:I[48168,[\"/_next/static/chunks/173742d5d65f047e.js\",\"/_next/static/chunks/67e1c94922a86162.js\",\"/_next/static/chunks/5c1ce4efe167d108.js\",\"/_next/static/chunks/79b376d01e9cdd45.js\",\"/_next/static/chunks/d852e3765e7b69a9.js\"],\"CursorGlow\"]\n13:I[45872,[\"/_next/static/chunks/173742d5d65f047e.js\",\"/_next/static/chunks/67e1c94922a86162.js\",\"/_next/static/chunks/5c1ce4efe167d108.js\",\"/_next/static/chunks/79b376d01e9cdd45.js\",\"/_next/static/chunks/d852e3765e7b69a9.js\"],\"Header\"]\n14:I[62229,[\"/_next/static/chunks/173742d5d65f047e.js\",\"/_next/static/chunks/67e1c94922a86162.js\",\"/_next/static/chunks/5c1ce4efe167d108.js\",\"/_next/static/chunks/79b376d01e9cdd45.js\",\"/_next/static/chunks/d852e3765e7b69a9.js\",\"/_next/static/chunks/e7b9d25319f39d5b.js\"],\"default\"]\n15:I[21370,[\"/_next/static/chunks/173742d5d65f047e.js\",\"/_next/static/chunks/67e1c94922a86162.js\",\"/_next/static/chunks/5c1ce4efe167d108.js\",\"/_next/static/chunks/79b376d01e9cdd45.js\",\"/_next/static/chunks/d852e3765e7b69a9.js\"],\"\"]\n16:I[44604,[\"/_next/static/chunks/173742d5d65f047e.js\",\"/_next/static/chunks/67e1c94922a86162.js\",\"/_next/static/chunks/5c1ce4efe167d108.js\",\"/_next/static/chunks/79b376d01e9cdd45.js\",\"/_next/static/chunks/d852e3765e7b69a9.js\"],\"Footer\"]\n17:I[18606,[\"/_next/static/chunks/173742d5d65f047e.js\",\"/_next/static/chunks/67e1c94922a86162.js\",\"/_next/static/chunks/5c1ce4efe167d108.js\",\"/_next/static/chunks/79b376d01e9cdd45.js\",\"/_next/static/chunks/d852e3765e7b69a9.js\"],\"WhatsAppButton\"]\n18:I[18606,[\"/_next/static/chunks/173742d5d65f047e.js\",\"/_next/static/chunks/67e1c94922a86162.js\",\"/_next/static/chunks/5c1ce4efe167d108.js\",\"/_next/static/chunks/79b376d01e9cdd45.js\",\"/_next/static/chunks/d852e3765e7b69a9.js\"],\"WhatsAppButtonDesktop\"]\n19:I[67201,[\"/_next/static/chunks/173742d5d65f047e.js\",\"/_next/static/chunks/67e1c94922a86162.js\",\"/_next/static/chunks/5c1ce4efe167d108.js\",\"/_next/static/chunks/79b376d01e9cdd45.js\",\"/_next/static/chunks/d852e3765e7b69a9.js\"],\"ScrollTracker\"]\n1a:I[78431,[\"/_next/static/chunks/173742d5d65f047e.js\",\"/_next/static/chunks/67e1c94922a86162.js\",\"/_next/static/chunks/5c1ce4efe167d108.js\",\"/_next/static/chunks/79b376d01e9cdd45.js\",\"/_next/static/chunks/d852e3765e7b69a9.js\"],\"CookieConsent\"]\n2a:I[23491,[\"/_next/static/chunks/2caa33a942c5f527.js\",\"/_next/static/chunks/59983278a34fd25c.js\"],\"ViewportBoundary\"]\n2c:I[23491,[\"/_next/static/chunks/2caa33a942c5f527.js\",\"/_next/static/chunks/59983278a34fd25c.js\"],\"MetadataBoundary\"]\n2d:\"$Sreact.suspense\"\n3:[\"$\",\"$Ld\",null,{\"id\":\"consent-mode\",\"strategy\":\"beforeInteractive\",\"children\":\"\\n window.dataLayer = window.dataLayer || [];\\n function gtag(){dataLayer.push(arguments);}\\n gtag('consent', 'default', {\\n 'analytics_storage': 'granted',\\n 'ad_storage': 'denied',\\n 'wait_for_update': 500\\n });\\n \"}]\n4:[\"$\",\"$Ld\",null,{\"id\":\"meta-pixel\",\"strategy\":\"afterInteractive\",\"children\":\"\\n !function(f,b,e,v,n,t,s)\\n {if(f.fbq)return;n=f.fbq=function(){n.callMethod?\\n n.callMethod.apply(n,arguments):n.queue.push(arguments)};\\n if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';\\n n.queue=[];t=b.createElement(e);t.async=!0;\\n t.src=v;s=b.getElementsByTagName(e)[0];\\n s.parentNode.insertBefore(t,s)}(window, document,'script',\\n 'https://connect.facebook.net/en_US/fbevents.js');\\n fbq('init', '1260407355415240');\\n fbq('track', 'PageView');\\n \"}
25]\ne:[\"$\",\"img\",null,{\"height\":\""])</script>
25<script>self.__next_f.push([1,"1\",\"width\":\"1\",\"style\":{\"display\":\"none\"},\"src\":\"https://www.facebook.com/tr?id=1260407355415240\u0026ev=PageView\u0026noscript=1\",\"alt\":\"\"}]\n5:[\"$\",\"noscript\",null,{\"children\":\"$e\"}]\n6:[\"$\",\"$Ld\",null,{\"src\":\"https://www.googletagmanager.com/gtag/js?id=G-RJFHC1ETMH\",\"strategy\":\"afterInteractive\"}]\n7:[\"$\",\"$Ld\",null,{\"id\":\"google-analytics\",\"strategy\":\"afterInteractive\",\"children\":\"\\n window.dataLayer = window.dataLayer || [];\\n function gtag(){dataLayer.push(arguments);}\\n gtag('js', new Date());\\n gtag('config', 'G-RJFHC1ETMH');\\n \"}]\n"])</script>
25<script>self.__next_f.push([1,"8:[\"$\",\"body\",null,{\"className\":\"inter_7b064e0d-module__MOT0tq__variable manrope_e3dd74b6-module__SX8m0W__variable font-sans antialiased bg-[var(--background)]\",\"children\":[\"$\",\"$Lf\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L10\",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\"}]}]\n"])</script>
25<script>self.__next_f.push([1,"9:[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/67e1c94922a86162.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/5c1ce4efe167d108.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/chunks/79b376d01e9cdd45.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-3\",{\"src\":\"/_next/static/chunks/d852e3765e7b69a9.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[[\"$\",\"$L11\",null,{}],[\"$\",\"$L12\",null,{}],[\"$\",\"$L13\",null,{}],[\"$\",\"main\",null,{\"className\":\"relative\",\"children\":[\"$\",\"$Lf\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$14\",\"errorStyles\":[],\"errorScripts\":[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/e7b9d25319f39d5b.js\",\"async\":true}]],\"template\":[\"$\",\"$L10\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"section\",null,{\"className\":\"min-h-[70vh] flex items-center justify-center px-6 py-24\",\"children\":[\"$\",\"div\",null,{\"className\":\"max-w-lg w-full text-center\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text-[8rem] leading-none font-extrabold font-[family-name:var(--font-heading)] bg-gradient-to-br from-violet-600 to-violet-400 bg-clip-text text-transparent select-none\",\"children\":\"404\"}],[\"$\",\"h1\",null,{\"className\":\"mt-4 text-3xl font-bold font-[family-name:var(--font-heading)] text-gray-900 sm:text-4xl\",\"children\":\"Page introuvable\"}],[\"$\",\"p\",null,{\"className\":\"mt-4 text-lg text-gray-500 leading-relaxed\",\"children\":\"Désolé, la page que vous recherchez n'existe pas ou a été déplacée.\"}],[\"$\",\"div\",null,{\"className\":\"mt-8 mx-auto h-px w-16 bg-violet-200\"}],[\"$\",\"div\",null,{\"className\":\"mt-8 flex flex-col sm:flex-row items-center justify-center gap-4\",\"children\":[[\"$\",\"$L15\",null,{\"href\":\"/\",\"className\":\"inline-flex items-center justify-center rounded-lg bg-violet-600 px-6 py-3 text-sm font-semibold text-white shadow-sm transition-colors hover:bg-violet-700 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-violet-600\",\"children\":\"Retour à l'accueil\"}],[\"$\",\"$L15\",null,{\"href\":\"/contact\",\"className\":\"inline-flex items-center justify-center rounded-lg border border-violet-200 bg-white px-6 py-3 text-sm font-semibold text-violet-600 shadow-sm transition-colors hover:bg-violet-50 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-violet-600\",\"children\":\"Nous contacter\"}]]}]]}]}],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}],[\"$\",\"$L16\",null,{}],[\"$\",\"$L17\",null,{}],[\"$\",\"$L18\",null,{}],[\"$\",\"$L19\",null,{}],[\"$\",\"$L1a\",null,{}]]]}]\n"])</script>
25<script>self.__next_f.push([1,"1b:Tece,"])</script>
25<script>self.__next_f.push([1,"{\"@context\":\"https://schema.org\",\"@type\":\"FAQPage\",\"mainEntity\":[{\"@type\":\"Question\",\"name\":\"C'est quoi exactement Kommo ?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Kommo est un CRM conversationnel. Contrairement aux CRM classiques (Salesforce, HubSpot), il est conçu autour des messageries : WhatsApp, Instagram, Messenger. Parfait pour les équipes qui vendent par la conversation.\"}},{\"@type\":\"Question\",\"name\":\"Combien ça coûte ?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"L'abonnement Kommo démarre à $15/utilisateur/mois (plan Base). Nos services d'implémentation commencent à 6 500 MAD HT. On vous fait un devis personnalisé selon vos besoins.\"}},{\"@type\":\"Question\",\"name\":\"Combien de temps pour être opérationnel ?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"De 3 à 10 jours selon la complexité. Notre pack Fondations est fonctionnel en 5 jours ouvrés. Les automatisations avancées prennent une semaine de plus.\"}},{\"@type\":\"Question\",\"name\":\"On peut vraiment connecter WhatsApp ?\",\"acceptedA
25nswer\":{\"@type\":\"Answer\",\"text\":\"Oui, deux options : WhatsApp Business App (simple, gratuit) ou WhatsApp API officielle (multi-agents, templates, plus stable). On vous conseille selon votre volume.\"}},{\"@type\":\"Question\",\"name\":\"La formation est incluse ?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Oui. Chaque pack inclut une formation utilisateur (1h minimum). On peut ajouter des sessions supplémentaires pour les managers ou les équipes larges.\"}},{\"@type\":\"Question\",\"name\":\"Nos données sont sécurisées ?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Kommo est conforme RGPD. Les données sont hébergées sur des serveurs sécurisés. On configure les permissions pour que chaque utilisateur n'accède qu'à ce qu'il doit voir.\"}},{\"@type\":\"Question\",\"name\":\"On peut tester avant ?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Oui, Kommo offre 14 jours d'essai gratuit. On peut aussi vous faire une démo personnalisée sur vos propres cas d'usage.\"}},{\"@type\":\"Question\",\"name\":\"Qu'est-ce qui se passe après l'installation ?\",\"acceptedA
25nswer\":{\"@type\":\"Answer\",\"text\":\"Vous avez 30 jours d'assistance inclus pour les ajustements et questions. Ensuite, on propose un support mensuel optionnel pour le suivi et l'optimisation continue.\"}},{\"@type\":\"Question\",\"name\":\"Quelle est la différence entre Kommo et les CRM classiques ?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Kommo est un CRM conversationnel : il centralise WhatsApp, Instagram et Messenger dans une seule inbox. Les CRM classiques comme Salesforce ou HubSpot sont conçus pour l'email et les formulaires. Kommo est jusqu'à 8x moins cher et 3x plus rapide à implémenter.\"}},{\"@type\":\"Question\",\"name\":\"Peut-on avoir plusieurs agents sur un seul numéro WhatsApp ?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Oui, avec WhatsApp Business API intégrée à Kommo, vous pouvez avoir plusieurs commerciaux qui répondent depuis le même numéro. Chaque conversation est attribuée automatiquement au bon agent, avec l'historique complet visible.\"}},{\"@type\":\"Question\",\"name\":\"Kommo fonctionne-t-il pour l'immobilier au Maroc ?\",\"acceptedA
25nswer\":{\"@type\":\"Answer\",\"text\":\"Oui, nous avons un pack CRM immobilier dédié. Il inclut l'import depuis les portails, le matching IA mandats/acquéreurs, les relances WhatsApp automatiques et un pipeline adapté au cycle long de l'immobilier. Nos clients constatent +40% de ventes en moyenne.\"}},{\"@type\":\"Question\",\"name\":\"Comment automatiser les relances clients avec Kommo ?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Kommo permet de créer des workflows d'automatisation sans code : message de bienvenue automatique, relance à J+1, J+3, J+7, création de tâche si pas de réponse, attribution au commercial. Vous gagnez en moyenne 10h par semaine.\"}}]}"])</script>
25<script>self.__next_f.push([1,"a:[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"$1b\"}}],\"$L1c\",\"$L1d\",\"$L1e\",\"$L1f\",\"$L20\",\"$L21\",\"$L22\",\"$L23\",\"$L24\",\"$L25\",\"$L26\"],[\"$L27\",\"$L28\"],\"$L29\"]}]\nb:[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$L2a\",null,{\"children\":\"$L2b\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$L2c\",null,{\"children\":[\"$\",\"$2d\",null,{\"name\":\"Next.Metadata\",\"children\":\"$L2e\"}]}]}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}]\n"])</script>
25<script>self.__next_f.push([1,"2f:I[93071,[\"/_next/static/chunks/173742d5d65f047e.js\",\"/_next/static/chunks/67e1c94922a86162.js\",\"/_next/static/chunks/5c1ce4efe167d108.js\",\"/_next/static/chunks/79b376d01e9cdd45.js\",\"/_next/static/chunks/d852e3765e7b69a9.js\",\"/_next/static/chunks/a1c68d43b1f2c06d.js\",\"/_next/static/chunks/f12aef962f375eec.js\"],\"HeroSectionNew\"]\n30:I[37132,[\"/_next/static/chunks/173742d5d65f047e.js\",\"/_next/static/chunks/67e1c94922a86162.js\",\"/_next/static/chunks/5c1ce4efe167d108.js\",\"/_next/static/chunks/79b376d01e9cdd45.js\",\"/_next/static/chunks/d852e3765e7b69a9.js\",\"/_next/static/chunks/a1c68d43b1f2c06d.js\",\"/_next/static/chunks/f12aef962f375eec.js\"],\"SocialProofSection\"]\n31:I[95036,[\"/_next/static/chunks/173742d5d65f047e.js\",\"/_next/static/chunks/67e1c94922a86162.js\",\"/_next/static/chunks/5c1ce4efe167d108.js\",\"/_next/static/chunks/79b376d01e9cdd45.js\",\"/_next/static/chunks/d852e3765e7b69a9.js\",\"/_next/static/chunks/a1c68d43b1f2c06d.js\",\"/_next/static/chunks/f12aef962f375eec.js\"],\"PreloadChunks\"]\n3b:I[23491,[\"/_next/static/chunks/2caa33a942c5f527.js\",\"/_next/static/chunks/59983278a34fd25c.js\"],\"OutletBoundary\"]\n1c:[\"$\",\"$L2f\",null,{}]\n1d:[\"$\",\"$L30\",null,{}]\n1e:[[\"$\",\"$L31\",null,{\"moduleIds\":[\"7278098843320487302\"]}],\"$L32\"]\n1f:[[\"$\",\"$L31\",null,{\"moduleIds\":[\"16461707266266906110\"]}],\"$L33\"]\n20:[[\"$\",\"$L31\",null,{\"moduleIds\":[\"12952059483891575909\"]}],\"$L34\"]\n21:[[\"$\",\"$L31\",null,{\"moduleIds\":[\"2861493240224621554\"]}],\"$L35\"]\n22:[[\"$\",\"$L31\",null,{\"moduleIds\":[\"7151220432588436676\"]}],\"$L36\"]\n23:[[\"$\",\"$L31\",null,{\"moduleIds\":[\"14632998471652883820\"]}],\"$L37\"]\n24:[[\"$\",\"$L31\",null,{\"moduleIds\":[\"3281795159884578984\"]}],\"$L38\"]\n25:[[\"$\",\"$L31\",null,{\"moduleIds\":[\"9034946285167536412\"]}],\"$L39\"]\n26:[[\"$\",\"$L31\",null,{\"moduleIds\":[\"10345605452129147164\"]}],\"$L3a\"]\n27:[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/a1c68d43b1f2c06d.js\",\"async\":true,\"nonce\":\"$undefined\"}]\n28:[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/f12aef962f375eec.js\",\"async\":true,\"nonce\":\"$undefined\"}]\n29:[\"$\",\"$L3b\",null,{\"children\":[\"$\",\"$2d\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@3c\"}]}]\n"])</script>
25<script>self.__next_f.push([1,"3d:I[79372,[\"/_next/static/chunks/173742d5d65f047e.js\",\"/_next/static/chunks/67e1c94922a86162.js\",\"/_next/static/chunks/5c1ce4efe167d108.js\",\"/_next/static/chunks/79b376d01e9cdd45.js\",\"/_next/static/chunks/d852e3765e7b69a9.js\",\"/_next/static/chunks/a1c68d43b1f2c06d.js\",\"/_next/static/chunks/f12aef962f375eec.js\"],\"PainPointsSection\"]\n3e:I[37788,[\"/_next/static/chunks/173742d5d65f047e.js\",\"/_next/static/chunks/67e1c94922a86162.js\",\"/_next/static/chunks/5c1ce4efe167d108.js\",\"/_next/static/chunks/79b376d01e9cdd45.js\",\"/_next/static/chunks/d852e3765e7b69a9.js\",\"/_next/static/chunks/a1c68d43b1f2c06d.js\",\"/_next/static/chunks/f12aef962f375eec.js\"],\"FeaturesSection\"]\n3f:I[46251,[\"/_next/static/chunks/173742d5d65f047e.js\",\"/_next/static/chunks/67e1c94922a86162.js\",\"/_next/static/chunks/5c1ce4efe167d108.js\",\"/_next/static/chunks/79b376d01e9cdd45.js\",\"/_next/static/chunks/d852e3765e7b69a9.js\",\"/_next/static/chunks/a1c68d43b1f2c06d.js\",\"/_next/static/chunks/f12aef962f375eec.js\"],\"ChannelsSection\"]\n40:I[76681,[\"/_next/static/chunks/173742d5d65f047e.js\",\"/_next/static/chunks/67e1c94922a86162.js\",\"/_next/static/chunks/5c1ce4efe167d108.js\",\"/_next/static/chunks/79b376d01e9cdd45.js\",\"/_next/static/chunks/d852e3765e7b69a9.js\",\"/_next/static/chunks/a1c68d43b1f2c06d.js\",\"/_next/static/chunks/f12aef962f375eec.js\"],\"ServicesSection\"]\n41:I[21064,[\"/_next/static/chunks/173742d5d65f047e.js\",\"/_next/static/chunks/67e1c94922a86162.js\",\"/_next/static/chunks/5c1ce4efe167d108.js\",\"/_next/static/chunks/79b376d01e9cdd45.js\",\"/_next/static/chunks/d852e3765e7b69a9.js\",\"/_next/static/chunks/a1c68d43b1f2c06d.js\",\"/_next/static/chunks/f12aef962f375eec.js\"],\"TestimonialsSection\"]\n42:I[49482,[\"/_next/static/chunks/173742d5d65f047e.js\",\"/_next/static/chunks/67e1c94922a86162.js\",\"/_next/static/chunks/5c1ce4efe167d108.js\",\"/_next/static/chunks/79b376d01e9cdd45.js\",\"/_next/static/chunks/d852e3765e7b69a9.js\",\"/_next/static/chunks/a1c68d43b1f2c06d.js\",\"/_next/static/chunks/f12aef962f375eec.js\"],\"PricingComparisonSection\"]\n43:I[60547,[\"/_next/static/chunks/173742d5d65f047e.js\",\"/_next/static/chunks/67e1c94922a86162.js\",\"/_next/static/chunks/5c1ce4efe167d108.js\",\"/_next/static/chunks/79b376d01e9cdd45.js\",\"/_next/static/chunks/d852e3765e7b69a9.js\",\"/_next/static/chunks/a1c68d43b1f2c06d.js\",\"/_next/static/chunks/f12aef962f375eec.js\"],\"WhyMoroccoSection\"]\n44:I[3576,[\"/_next/static/chunks/173742d5d65f047e.js\",\"/_next/static/chunks/67e1c94922a86162.js\",\"/_next/static/chunks/5c1ce4efe167d108.js\",\"/_next/static/chunks/79b376d01e9cdd45.js\",\"/_next/static/chunks/d852e3765e7b69a9.js\",\"/_next/static/chunks/a1c68d43b1f2c06d.js\",\"/_next/static/chunks/f12aef962f375eec.js\"],\"FAQSection\"]\n45:I[3835,[\"/_next/static/chunks/173742d5d65f047e.js\",\"/_next/static/chunks/67e1c94922a86162.js\",\"/_next/static/chunks/5c1ce4efe167d108.js\",\"/_next/static/chunks/79b376d01e9cdd45.js\",\"/_next/static/chunks/d852e3765e7b69a9.js\",\"/_next/static/chunks/a1c68d43b1f2c06d.js\",\"/_next/static/chunks/f12aef962f375eec.js\"],\"CTASection\"]\n32:[\"$\",\"$L3d\",null,{}]\n33:[\"$\",\"$L3e\",null,{}]\n34:[\"$\",\"$L3f\",null,{}]\n35:[\"$\",\"$L40\",null,{}]\n36:[\"$\",\"$L41\",null,{}]\n37:[\"$\",\"$L42\",null,{}]\n38:[\"$\",\"$L43\",null,{}]\n39:[\"$\",\"$L44\",null,{}]\n3a:[\"$\",\"$L45\",null,{}]\n"])</script>
25<script>self.__next_f.push([1,"2b:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n"])</script>
25<script>self.__next_f.push([1,"2e:[[\"$\",\"title\",\"0\",{\"children\":\"Kommo Maroc | CRM WhatsApp \u0026 Automatisation des Ventes à Rabat\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Centralisez WhatsApp, Instagram et tous vos canaux dans un seul CRM. Automatisez vos relances et transformez chaque conversation en client avec Kommo Maroc.\"}],[\"$\",\"link\",\"2\",{\"rel\":\"author\",\"href\":\"https://inspirigence-consulting.com\"}],[\"$\",\"meta\",\"3\",{\"name\":\"author\",\"content\":\"Kommo Maroc\"}],[\"$\",\"meta\",\"4\",{\"name\":\"keywords\",\"content\":\"CRM Maroc,Kommo Maroc,WhatsApp Business CRM,automatisation ventes Maroc,chatbot IA Maroc,CRM immobilier Maroc,gestion leads Maroc,pipeline commercial,CRM PME Maroc,integration WhatsApp Business API,Kommo partenaire Maroc,CRM conversationnel,meilleur CRM Maroc,chatbot WhatsApp Maroc,automatisation relance client,CRM agence immobilière Maroc,logiciel gestion commerciale Maroc,Kommo prix,agence CRM Maroc,CRM Rabat,whatsapp multi agents,automatisation processus métier\"}],[\"$\",\"meta\",\"5\",{\"name\":\"creator\",\"content\":\"Kommo Maroc\"}],[\"$\",\"meta\",\"6\",{\"name\":\"publisher\",\"content\":\"Kommo Maroc\"}],[\"$\",\"meta\",\"7\",{\"name\":\"robots\",\"content\":\"index, follow\"}],[\"$\",\"meta\",\"8\",{\"name\":\"googlebot\",\"content\":\"index, follow, max-video-preview:-1, max-image-preview:large, max-snippet:-1\"}],[\"$\",\"meta\",\"9\",{\"name\":\"category\",\"content\":\"technology\"}],[\"$\",\"link\",\"10\",{\"rel\":\"canonical\",\"href\":\"https://inspirigence-consulting.com\"}],[\"$\",\"link\",\"11\",{\"rel\":\"alternate\",\"hrefLang\":\"fr-MA\",\"href\":\"https://inspirigence-consulting.com\"}],[\"$\",\"meta\",\"12\",{\"property\":\"og:title\",\"content\":\"Kommo Maroc | CRM WhatsApp \u0026 Automatisation des Ventes à Rabat\"}],[\"$\",\"meta\",\"13\",{\"property\":\"og:description\",\"content\":\"Agence CRM à Rabat. Centralisez WhatsApp, Instagram et tous vos canaux dans un seul CRM. Automatisez vos relances. Transformez vos conversations en clients. Partenaire officiel Kommo au Maroc.\"}],[\"$\",\"meta\",\"14\",{\"property\":\"og:url\",\"content\":\"https://inspirigence-consulting.com\"}],[\"$\",\"meta\",\"15\",{\"property\":\"og:site_name\",\"content\":\"Kommo Maroc\"}],[\"$\",\"meta\",\"16\",{\"property\":\"og:locale\",\"content\":\"fr_MA\"}],[\"$\",\"meta\",\"17\",{\"property\":\"og:image\",\"content\":\"https://inspirigence-consulting.com/og-image.png\"}],[\"$\",\"meta\",\"18\",{\"property\":\"og:image:width\",\"content\":\"1200\"}],[\"$\",\"meta\",\"19\",{\"property\":\"og:image:height\",\"content\":\"630\"}],[\"$\",\"meta\",\"20\",{\"property\":\"og:image:alt\",\"content\":\"Kommo Maroc - CRM WhatsApp \u0026 Automatisation des Ventes\"}],[\"$\",\"meta\",\"21\",{\"property\":\"og:type\",\"content\":\"website\"}],[\"$\",\"meta\",\"22\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"23\",{\"name\":\"twitter:site\",\"content\":\"@Inspirigencema\"}],[\"$\",\"meta\",\"24\",{\"name\":\"twitter:creator\",\"content\":\"@Inspirigencema\"}],[\"$\",\"meta\",\"25\",{\"name\":\"twitter:title\",\"content\":\"Kommo Maroc | CRM WhatsApp \u0026 Automatisation des Ventes à Rabat\"}],[\"$\",\"meta\",\"26\",{\"name\":\"twitter:description\",\"content\":\"Agence CRM à Rabat. Centralisez WhatsApp, Instagram et tous vos canaux dans un seul CRM. Automatisez vos relances. Transformez vos conversations en clients.\"}],[\"$\",\"meta\",\"27\",{\"name\":\"twitter:image\",\"content\":\"https://inspirigence-consulting.com/og-image.png\"}]]\n"])</script>
25<script>self.__next_f.push([1,"3c:null\n"])</script>
25<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4bc70e2c01a94c73b74392e4234840661791215815920" integrity="sha512-L0ha0OXavK/8okipN9F8BtP84dg9DUhPERbBXzwI6dgTA55d2+yweo3pn5CSFYs45/r8md2+xvUPtTdvTNRfjA==" data-cf-beacon='{"version":"2024.11.0","token":"8e6cd9ecbc334298abc7acaba38c24ad","r":1,"spa":2}' crossorigin="anonymous"></script>
25 26</body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.