// Page-level sections for the Home page const FiveOffers = () => { const isMobile = useIsMobile(); const isTablet = useIsTablet(); const offers = [ { id: "acculturation", num: "01", icon: "mic", title: "Acculturation IA", body: "Créer le déclic IA chez vos dirigeants et vos équipes — 2 heures à 1 journée. Comex, managers, métiers.", href: "offres.html#acculturation" }, { id: "audit", num: "02", icon: "scan-search", title: "Audit & Conseil", body: "Cartographier vos processus, identifier les opportunités IA prioritaires, chiffrer la suite.", href: "offres.html#audit" }, { id: "training", num: "03", icon: "graduation-cap", title: "Formation IA", body: "Rendre vos équipes autonomes sur les outils IA — formations sur étagère ou parcours sur-mesure. Agréé Qualiopi.", href: "formations.html" }, { id: "deploy", num: "04", icon: "rocket", title: "Déploiement IA", body: "Construire et mettre en production une solution IA. POC → MVP → run, via des solutions du marché ou du sur-mesure.", href: "offres.html#deploiement" }, { id: "factory", num: "05", icon: "factory", title: "AI Factory", body: "Construire votre capacité IA interne — plateforme socle et Centre d'Excellence en co-construction.", href: "offres.html#factory" }, ]; return (
Notre AI Practice

5 leviers pour passer du
déclic à la mise en production.

Une approche modulaire. Démarrez par une session d'acculturation ou un audit, structurez avec la formation, le déploiement, puis l'AI Factory.

{offers.map((o, i) => { // Desktop: first item span 7, etc. Mobile: each card stacks full-width. let span; if (isMobile) span = "auto"; else if (i === 0) span = "span 7"; else if (i === 1) span = "span 5"; else if (i === 2) span = "span 5"; else if (i === 3) span = "span 7"; else span = "span 12"; const featured = i === 0 || i === 4; return (
{featured && (
)}
{o.num}

{o.title}

{o.body}

En savoir plus
); })}
); }; // ---- Numbers strip — repères factuels de la practice const NumbersStrip = () => { const isMobile = useIsMobile(); return (
{[ ["+ 45", "sessions d'acculturation", "Comex, managers, équipes métier"], ["+ 30", "entreprises accompagnées", "ETI, grands groupes, marchands"], ["+ 1 000", "collaborateurs formés", "Du dirigeant à l'opérationnel"], ].map(([n, l, sub], i) => (
{n}
{l}
{sub}
 ))}
); }; // ---- Approach / Methodology — 3 steps const ApproachStrip = () => { const isMobile = useIsMobile(); const steps = [ { n: "Cadrer", body: "Acculturation ou audit. On comprend votre contexte, on cartographie les usages, on priorise par valeur et faisabilité.", icon: "search" }, { n: "Construire", body: "Formation des équipes, déploiement de la première solution. Sprints courts, livrables concrets, validation à chaque étape.", icon: "settings" }, { n: "Pérenniser", body: "AI Factory ou transfert. Gouvernance, monitoring, montée en autonomie. Vous gardez la main.", icon: "trending-up" }, ]; return (
Notre approche

Trois temps, une seule promesse :
la valeur, vite.

{/* connecting line — desktop only */} {!isMobile && (
)} {steps.map((s, i) => (
Étape {String(i + 1).padStart(2, "0")}

{s.n}

{s.body}

 ))}
); }; // ---- Why Ahead — 3 raisons de nous choisir const WhyAhead = () => { const reasons = [ { icon: "layers", title: "Conseil, formation et sur-mesure sous le même toit", body: "Une approche rare : on cadre en consulting, on transmet en formation, on livre en développement de solutions sur-mesure. Pas de relais entre cabinets, pas de perte d'information.", }, { icon: "rocket", title: "Des déploiements menés à l'échelle", body: "Plusieurs secteurs, plusieurs métiers, des solutions IA en production avec des résultats concrets. On n'apprend pas sur votre projet — on l'utilise.", }, { icon: "users", title: "Une approche centrée humain", body: "L'IA reste un changement majeur pour une organisation. Le change management, la formation des équipes et l'adoption sont au cœur de chaque mission, pas un vernis posé à la fin.", }, ]; return (
Pourquoi Ahead Digital

Trois raisons
de nous choisir
pour votre IA.

On ne se positionne ni comme un pur cabinet de conseil, ni comme un pur intégrateur. Cette articulation fait la différence sur la durée.

{reasons.map((r, i) => (
{r.title}

{r.body}

))}
); }; // ---- Tech / partners marquee const TechMarquee = () => { const techs = [ "OpenAI", "Anthropic Claude", "Mistral AI", "AWS Bedrock", "Azure OpenAI", "Google Gemini", "Hugging Face", "LangChain", "LlamaIndex", "Pinecone", "Weaviate", "Microsoft Copilot", "Databricks", "Snowflake Cortex", ]; return (
Stack & partenaires
{[...techs, ...techs].map((t, i) => ( {t} · ))}
); }; // ---- Posture — un manifeste court, signé Ahead, sans citation client inventée const Testimonial = () => (
Notre posture

On ne vend pas l'IA pour l'IA.
On part de votre métier — là où la valeur est{" "} — et on construit ce qui se met vraiment en production.

Factuel avant emphatique Concret avant abstrait Métier avant techno Court avant long
); // ---- Featured case study teaser — PMU const CaseStudyTeaser = () => { const isMobile = useIsMobile(); return (
Étude de cas

Acculturation et adoption de l'IA
au PMU.

PMU · Direction Produit · 2025-2026

D'usages isolés à une adoption structurée. Sept agents IA déployés sur Amazon Quick Suite, gouvernance par les Champions, autonomie des équipes. Mission renouvelée pour 2026.

{[["−30 %", "Temps US + CA"], ["~25", "PM / PO"], ["7", "Agents IA"]].map(([n, l]) => (
{n}
{l}
))}
2026
renouvelée.
// mission étendue · preuve de valeur perçue
); }; // ---- Final CTA const FinalCTA = () => (

On en parle ?
Good A.I. ahead.

Un échange court suffit pour qualifier votre besoin et choisir le bon point d'entrée.

); Object.assign(window, { FiveOffers, NumbersStrip, ApproachStrip, WhyAhead, TechMarquee, Testimonial, CaseStudyTeaser, FinalCTA });