/* global React */ const { useState: useStateP, useEffect: useEffectP } = React; /* ========================================================= PROOF / SOCIAL STRIP ========================================================= */ const ProofStrip = () => { const stats = [ { num: '+100', unit: '', label: 'entreprises accompagnées' }, { num: '+30', unit: '', label: 'modules IA métier' }, { num: '6', unit: '', label: 'modèles IA intégrés' }]; // Brand logos rendered inline so we don't depend on a third-party CDN slug catalog. const LogoOpenAI = ({ size = 22 }) => ; // Microsoft Copilot — gradient ribbon mark (approximation of official multicolor logo) const LogoCopilot = ({ size = 22 }) => ; const llms = [ { name: 'OpenAI', src: '/assets/logos/openai.svg' }, { name: 'Anthropic', src: '/assets/logos/anthropic.svg' }, { name: 'Google Gemini', src: '/assets/logos/google-gemini.svg' }, { name: 'Mistral AI', src: '/assets/logos/mistral.svg' }, { name: 'Meta', src: '/assets/logos/meta.svg' }, { name: 'Microsoft Copilot', src: 'assets/illus/copilot-logo.png' }]; const partners = ['Sage', 'Cegid', 'Lucca', 'Silae', 'Pennylane', 'Agicap', 'Zeendoc']; // partners (SRA distribution) kept for reference but no longer rendered void partners; return (

{stats.map((s, i) =>

{s.num} {s.unit && {s.unit}}

{s.label}

)}

{/* LLM partners ribbon */}

MODÈLES IA INTÉGRÉS {llms.map((l) =>

e.currentTarget.style.opacity = '1'} onMouseOut={(e) => e.currentTarget.style.opacity = '0.78'}> {l.logo ? :

} {l.name}

)}

); }; /* ========================================================= 3 CURSUS ========================================================= */ const CursusBlock = () => { const [active, setActive] = useStateP('general'); const cursus = { general: { key: 'general', name: 'Général', icon: '🌐', status: 'Disponible', statusColor: 'var(--vert-sapin)', tagline: 'Pour tous les métiers', desc: "Le socle IA accessible à toute l'entreprise. Comprendre, prompter, vérifier, intégrer dans son quotidien.", modules: [ 'Tronc commun · Fondamentaux IA', 'Rédaction & communication', 'Analyse de documents', 'Réunions et synthèses', 'Veille et recherche', 'Cas pratiques métiers'] }, technique: { key: 'technique', name: 'Technique', icon: '⚙️', status: 'Disponible', statusColor: 'var(--vert-sapin)', tagline: 'Pour les équipes IT & data', desc: "Aller plus loin que les usages. Sécurité, intégrations, automatisations, agents internes, gouvernance.", modules: [ 'API et intégrations', 'RAG sur données métier', 'Sécurité & RGPD avancé', 'Agents et automatisations', 'Évaluation de modèles', 'Gouvernance et FinOps IA'] }, commercial: { key: 'commercial', name: 'Commercial', icon: '💼', status: 'Disponible', statusColor: 'var(--vert-sapin)', tagline: 'Pour vente & relation client', desc: "L'IA au service du chiffre. Préparation rendez-vous, suivi, propale, account plan, copilote terrain.", modules: [ 'Prep RDV en 3 minutes', 'Compte-rendus automatisés', 'Détection signaux faibles', 'Génération de propales', 'Account plans assistés', 'Coaching commercial IA'] } }; const cur = cursus[active]; return (

L'offre

Trois cursus, un tronc commun.

Tout le monde commence par les fondamentaux. Puis chaque équipe suit le parcours qui parle à son métier — sans jargon, sans condescendance.

{/* Tab toggle */}

{Object.values(cursus).map((c) => )}

{/* Active cursus detail */}

{cur.icon}

{cur.status === 'Disponible' && '● '}{cur.status}

Cursus {cur.name}

{cur.desc}

Voir le parcours détaillé

Modules inclus

{cur.modules.map((m, i) =>

{i === 0 ? '✓' : (i + 1).toString().padStart(2, '0')}

{m} {i === 0 && Tronc commun }

)}

); }; /* ========================================================= PROGRESSION 6 NIVEAUX ========================================================= */ const Progression = () => { const [hovered, setHovered] = useStateP(2); const levels = [ { num: 1, name: 'Curieux', icon: '🌱', desc: "Premiers pas. Comprendre ce qu'est l'IA." }, { num: 2, name: 'Initié', icon: '○', desc: 'Tronc commun validé. Prompts maîtrisés.' }, { num: 3, name: 'Praticien', icon: '★', desc: "Cas d'usage métier intégrés au quotidien.", certif: true }, { num: 4, name: 'Avancé', icon: '◆', desc: 'Workflows complexes, automatisations légères.' }, { num: 5, name: 'Expert', icon: '★', desc: 'Architecture, agents, gouvernance.', certif: true }, { num: 6, name: 'Maître', icon: '◈', desc: "Référent IA dans l'entreprise. Forme les autres." }]; return (

Progression

Six niveaux pour passer le creux.

Chaque niveau franchi débloque de nouveaux usages. Deux points de passage donnent lieu à une certification reconnue.

{/* Level path */}

{/* Ascending line behind */}

{levels.map((lv, i) => { const isActive = hovered === i; return (

setHovered(i)} className="card card-hover" style={{ padding: 20, cursor: 'pointer', background: isActive ? 'var(--vert-sapin)' : 'var(--blanc)', color: isActive ? '#fff' : 'var(--texte)', borderColor: isActive ? 'var(--vert-sapin)' : 'var(--hairline)', transform: isActive ? 'translateY(-4px)' : `translateY(${i * -3}px)`, transition: 'all 280ms ease' }}>

{lv.num}

{lv.certif && Certif }

{lv.name}

{lv.desc}

); })}

); }; window.ProofStrip = ProofStrip; window.CursusBlock = CursusBlock; window.Progression = Progression;