/* global React */ const { useState: useStateL, useEffect: useEffectL } = React; /* ========================================================= POURQUOI MAINTENANT ========================================================= */ const Pourquoi = () => { const items = [ { eyebrow: 'Le constat', title: "L'IA crée déjà un fossé interne.", body: "Dans la même PME, certains gagnent 2 heures par jour, d'autres n'osent pas ouvrir ChatGPT. Sans cadre, l'écart se creuse — et il devient politique." }, { eyebrow: 'Le piège', title: "Les formations classiques ratent leur cible.", body: "Une journée présentielle, beaucoup de slides, peu de pratique. Trois mois plus tard : rien n'a changé dans le quotidien des équipes." }, { eyebrow: 'La conviction', title: "Cinq minutes par jour, pendant douze semaines.", body: "Des cas réels métier, validés par un manager, ancrés dans un workflow déjà existant. C'est comme ça qu'un réflexe se construit — et qu'il dure." }, ]; return (

{/* Decorative curve */}

Pourquoi maintenant

On ne forme pas à l'IA
comme on a formé à Excel.

{items.map((it, i) => { const ill = ['assets/illus/paper-map.png', 'assets/illus/checklist.png', 'assets/illus/healthy-habit.png'][i]; return (

0{i+1} · {it.eyebrow}

{it.title}

{it.body}

); })}

); }; /* ========================================================= TARIFS APERÇU ========================================================= */ const TarifsAperçu = () => { const plans = [ { name: 'Starter', price: '14 €', star: false, includes: ['Cursus Général', 'Tronc commun IA', 'Suivi managérial', 'Support email'], cta: 'Choisir Starter', ctaStyle: 'secondary', }, { name: 'Pro', price: '24 €', star: true, includes: ['Les 3 cursus', 'Collectif & rituels', 'Certifications incluses', 'Customer success dédié'], cta: 'Demander une démo', ctaStyle: 'primary', }, { name: 'Enterprise', price: 'Sur devis', star: false, includes: ['Tout Pro', 'Cas d\'usage sur-mesure', 'SSO & sécurité avancée', 'Pilotage groupe SRA'], cta: 'Nous contacter', ctaStyle: 'secondary', }, ]; return (

Tarifs

Premium accessible. Pas premium élitiste.

Tarif annuel, paiement mensuel. Dégressif au-delà de 100 utilisateurs.

Par utilisateur · par mois · HT

{plans.map(p => (

{p.star && (

★ Recommandé

)}

{p.name}

{p.price} {p.price !== 'Sur devis' && /util/mois}

{it}

{ e.preventDefault(); window.openVirageDemo(); }} className={p.ctaStyle === 'primary' ? 'btn' : 'btn'} style={{ marginTop: 28, width: '100%', justifyContent: 'center', background: p.star ? '#fff' : (p.ctaStyle === 'primary' ? 'var(--vert-sapin)' : 'transparent'), color: p.star ? 'var(--vert-sapin)' : (p.ctaStyle === 'primary' ? '#fff' : 'var(--texte)'), border: p.star ? 'none' : (p.ctaStyle === 'primary' ? 'none' : '1.5px solid var(--hairline-strong)'), padding: '14px 22px', borderRadius: 999, fontWeight: 600, fontSize: 15, }}> {p.cta}

))}

); }; /* ========================================================= MANIFESTE EXTRAIT ========================================================= */ const ManifesteExtrait = () => { const valeurs = [ { name: 'Bienveillance', body: "On ne juge pas un collaborateur qui n'a jamais ouvert ChatGPT. On l'accompagne." }, { name: 'Authenticité', body: "Pas de promesses miracles. Pas de buzzwords. Des cas réels, validés par leurs pairs." }, { name: 'Humanité', body: "L'IA n'est pas un remplacement. C'est un levier — pour celles et ceux qui font tourner l'entreprise." }, ]; return (

Manifeste

Donner à chacun sa place dans le virage IA.

Le groupe SRA accompagne les PME françaises depuis quarante ans. On a vu passer le PC, le cloud, le SaaS. Aucune de ces vagues n'a laissé autant de monde sur le quai que celle qui arrive.

Lire le manifeste complet →

{valeurs.map((v, i) => (

0{i + 1}

{v.name}

{v.body}

))}

); }; /* ========================================================= NEWSLETTER ========================================================= */ const Newsletter = () => { const [email, setEmail] = useStateL(''); const [submitted, setSubmitted] = useStateL(false); return ( ); }; /* ========================================================= CTA FINAL ========================================================= */ const CTAFinal = () => (

On vous montre la plateforme
en vingt minutes.

Démo personnalisée selon votre contexte métier. Conduite par un humain qui connaît les PME.

{ e.preventDefault(); window.openVirageDemo(); }} className="btn" style={{ background: '#fff', color: 'var(--vert-sapin)', padding: '16px 28px', fontSize: 16, }}> Réserver un créneau { e.preventDefault(); window.openVirageDemo(); }} className="btn" style={{ background: 'transparent', color: '#fff', border: '1.5px solid rgba(255,255,255,0.3)', padding: '16px 28px', fontSize: 16, }}> Parler à l'équipe

); /* ========================================================= FOOTER ========================================================= */ const Footer = () => ( ); const FooterCol = ({ title, items }) => (

{title}

{it.onClick ? ( { e.preventDefault(); it.onClick(); }} href="#" style={linkStyle} onMouseOver={onOver} onMouseOut={onOut}>{it.label} ) : ( {it.label} )}

); window.Pourquoi = Pourquoi; window.TarifsAperçu = TarifsAperçu; window.ManifesteExtrait = ManifesteExtrait; window.Newsletter = Newsletter; window.CTAFinal = CTAFinal; window.Footer = Footer;

On ne forme pas à l'IAcomme on a formé à Excel.