// Generic service page template — content driven by props const SERVICE_PAGES = { performance: { eyebrow: 'PRESTATION · 02', title: 'Amélioration\nPerformance', accent: 'performance', intro: "Diagnostic complet, déploiement d'outils lean et instauration d'un management visuel : nous transformons la performance opérationnelle en avantage compétitif mesurable et durable.", bg: (typeof window!=='undefined' && window.__resources && window.__resources.perfBg) || 'assets/perf-bg.png', pillars: [ { num: '01', title: 'Diagnostic flash', desc: 'Cartographie de la chaîne de valeur, lecture KPI et identification des 3 leviers à fort impact.' }, { num: '02', title: 'Management visuel', desc: 'Tableaux d\u2019animation, rituels courts, indicateurs partagés — la performance devient lisible.' }, { num: '03', title: 'Outils Lean', desc: 'SMED, VSM, OEE — la boîte à outils Lean adaptée à votre maturité et à vos contraintes terrain.' }, { num: '04', title: 'Coaching équipe', desc: 'Animation, mentoring, montée en autonomie : vos managers prennent le relais.' }, { num: '05', title: 'Mesure d\u2019impact', desc: 'KPI avant / après, tableau de bord et reporting mensuel pour démontrer le ROI.' }, { num: '06', title: 'Pérennisation', desc: 'Routines, audits flash et plan de progrès continu — la performance qui dure.' }, ], ctas: [ { value: '−32%', label: 'Gaspillage moyen évité' }, { value: '+24%', label: 'Productivité gagnée' }, { value: '< 90j', label: 'Premiers résultats' }, ], }, continu: { eyebrow: 'PRESTATION · 03', title: 'Amélioration\nContinue', accent: 'continu', intro: 'Une démarche structurée pour ancrer le progrès dans la durée — 5S, Kaizen, résolution de problèmes, QVCT — embarquant vos équipes au-delà du projet ponctuel. Parce que soigner les systèmes, c\'est aussi soigner les personnes.', bg: (typeof window!=='undefined' && window.__resources && window.__resources.equipBg) || 'assets/equipment-bg.jpg', pillars: [ { num: '01', title: '5S', desc: 'Trier, ranger, nettoyer, standardiser, suivre — les fondations d\u2019un atelier performant.' }, { num: '02', title: 'Kaizen', desc: 'Ateliers courts, équipes autonomes, gains rapides. Le progrès incrémental qui s\u2019accumule.' }, { num: '03', title: 'Résolution de problèmes', desc: 'PDCA, Ishikawa, 5 Pourquoi. La cause racine, pas le symptôme.' }, { num: '04', title: 'Standards', desc: 'Modes opératoires visuels, audits flash, montée en compétence par le standard.' }, { num: '05', title: 'Animation managériale', desc: 'Rituels courts, tableaux SQCDP, AIC — le management qui pilote la performance.' }, { num: '06', title: 'QVCT', desc: 'Qualité de Vie au Travail par le lean : identifier ce qui épuise vraiment les équipes, traiter les causes — pas seulement les symptômes.' }, ], ctas: [ { value: '5S', label: 'Standard atteint' }, { value: '+12', label: 'Idées par mois / équipe' }, { value: '100%', label: 'Équipes impliquées' }, ], }, amenagement: { eyebrow: 'PRESTATION · 04', title: 'Aménagement\nd\u2019atelier', accent: 'amenagement', intro: "Repenser l'implantation de votre atelier, fluidifier les flux de production, réduire les manutentions inutiles. Diagramme spaghetti, VSM flux matière, plan 2D (3D si besoin) — on mesure les déplacements réels avant de proposer une nouvelle implantation. L'objectif : un atelier que vos équipes comprennent et peuvent faire évoluer.", bg: (typeof window!=='undefined' && window.__resources && window.__resources.perfBg) || 'assets/perf-bg.png', pillars: [ { num: '01', title: 'Analyse des flux', desc: 'Diagramme spaghetti, étude des trajets opérateurs et matières — voir l\u2019invisible.' }, { num: '02', title: 'Implantation', desc: 'Layout 2D / 3D optimisé, scénarios comparés, simulation des flux cibles.' }, { num: '03', title: 'Ergonomie', desc: 'Postes adaptés, hauteurs, gestes répétitifs — la performance passe par l\u2019humain.' }, { num: '04', title: 'Cellule de production', desc: 'U-shape, ligne, îlot autonome — la bonne forme selon votre process.' }, { num: '05', title: 'Logistique interne', desc: 'Kanban, gares, supermarchés — l\u2019approvisionnement qui ne fait pas attendre.' }, { num: '06', title: 'Mise en œuvre', desc: 'Pilotage chantier, planning, conduite du changement — du plan au sol béton.' }, ], ctas: [ { value: '2D/3D', label: 'Plans livrés' }, { value: 'Terrain', label: 'Mesures réelles' }, { value: '8 sem.', label: 'Délai type projet' }, ], }, equipement: { eyebrow: 'PRESTATION · 05', title: 'Équipement\nIndustriel', accent: 'equipement', intro: "Consultant équipement industriel pour PME. Du cahier des charges machine au choix du bon fournisseur, de l'intégration à la TPM — nous accompagnons toutes les étapes pour que votre équipement produise à plein régime dès le premier jour.", bg: (typeof window!=='undefined' && window.__resources && window.__resources.equipBg) || 'assets/equipment-bg.jpg', pillars: [ { num: '01', title: 'Cahier des charges', desc: 'Spécifications fonctionnelles, contraintes process, critères de choix — bien définir, c\u2019est déjà choisir.' }, { num: '02', title: 'Sourcing & comparatif', desc: 'Identification des fournisseurs, comparatif technique, négociation — votre intérêt d\u2019abord.' }, { num: '03', title: 'Intégration', desc: 'Pilotage projet, coordination, raccordements, IT/OT, mise en route progressive.' }, { num: '04', title: 'Formation', desc: 'Opérateurs, techniciens, managers — chacun monté à son niveau d\u2019autonomie.' }, { num: '05', title: 'TPM', desc: 'Maintenance autonome, préventive, prédictive. L\u2019équipement qui ne tombe pas en panne.' }, { num: '06', title: 'Coaching maintenance', desc: 'Accompagnement de vos techniciens : standards, méthode, troubleshooting.' }, ], ctas: [ { value: 'CDC', label: 'Avant tout achat' }, { value: 'Méca·Élec', label: 'Diagnostic complet' }, { value: 'TPM', label: 'Après installation' }, ], }, competences: { eyebrow: 'PRESTATION · 06', title: 'Développement\ndes compétences', accent: 'competences', intro: "Un atelier ne performe pas sans ses équipes. Nous formons, mentorons et accompagnons vos opérateurs, techniciens et managers — par la pratique, par le terrain.", bg: (typeof window!=='undefined' && window.__resources && window.__resources.perfBg) || 'assets/perf-bg.png', pillars: [ { num: '01', title: 'Diagnostic compétences', desc: 'Matrice de polyvalence, écarts, plan de développement individualisé.' }, { num: '02', title: 'Formation terrain', desc: 'Pas de salle de classe : on apprend en faisant, encadré par un formateur expérimenté.' }, { num: '03', title: 'Mentoring', desc: 'Un accompagnement long, ciblé, mesurable — pour les rôles clés.' }, { num: '04', title: 'Standards visuels', desc: 'Fiches de travail, standards de poste, modes opératoires — la transmission du savoir-faire par la clarté.' }, { num: '05', title: 'Animation managériale', desc: 'Vos managers apprennent à animer, à coacher, à faire grandir leurs équipes.' }, { num: '06', title: 'Évaluation', desc: 'Validation des acquis, reconnaissance, parcours de progression — la motivation par le concret.' }, ], ctas: [ { value: 'QRQC', label: 'Méthode diagnostic' }, { value: 'Terrain', label: 'Formation en atelier' }, { value: 'Lean', label: 'Méthodes certifiées' }, ], }, outils: { eyebrow: 'PRESTATION · 07', title: 'Automatisation\n& Outils numériques', accent: 'outils', intro: "Vos logiciels ne se parlent pas ? Vous ressaisissez les mêmes données partout ? On cartographie vos process, on choisit le bon outil avec vous — sans commission —, on le connecte à votre existant et on forme vos équipes. La donnée circule toute seule.", bg: (typeof window!=='undefined' && window.__resources && window.__resources.perfBg) || 'assets/perf-bg.png', pillars: [ { num: '01', title: 'Diagnostic des process', desc: "On cartographie vos flux : prod, admin, commerce. On liste ce qui est saisi deux fois, ce qui manque, ce qui coince — ordonnancement, bons de livraison, banque d'heures." }, { num: '02', title: 'Cahier des charges', desc: "On formalise vos besoins en langage métier — pas en jargon IT. Ordonnancement, facturation automatique, gestion du personnel, expéditions. Prêt pour mise en concurrence." }, { num: '03', title: 'Paramétrage outils', desc: "ERP (EBP), GMAO, planif (Cadulis), planning RH (SKELLO), formulaires terrain (Kizeo). Adapté à votre métier, pas à un standard." }, { num: '04', title: 'Automatisation métier', desc: "OCR sur bons de livraison, scripts qui trient les mails, qui préparent les rapports d'intervention. La machine fait, vous validez." }, { num: '05', title: 'Python sur mesure', desc: "Développement de scripts de planification atelier à partir des datas de l'ERP, simulations, optimisation des charges." }, { num: '06', title: 'Transmission', desc: "Documentation, formation de votre référent interne, support 3 mois. Vous n'êtes pas otage du prestataire." }, ], ctas: [ { value: '0', label: 'Commission perçue — conseil neutre' }, { value: '−80%', label: 'Ressaisies après déploiement' }, { value: '6', label: 'Phases de A à Z' }, ], }, domaines: { eyebrow: 'PRESTATION \xb7 06', title: 'Diagnostic\nde situation', accent: 'domaines', isOverview: true, intro: "Avant d'intervenir, on regarde. VSM, Swimlane, analyse de flux — on rend visible ce qui \xe9puise vraiment vos \xe9quipes et o\xf9 se perdent vos performances.", bg: null, pillars: [ { num: '01', title: 'VSM', desc: "Cartographie de la cha\xeene de valeur du client \xe0 la livraison. R\xe9v\xe8le les gaspillages et temps d'attente cach\xe9s." }, { num: '02', title: 'Swimlane', desc: 'Diagramme de responsabilit\xe9s inter-\xe9quipes. Fait appara\xeetre les frictions de coordination et zones grises.' }, { num: '03', title: 'Analyse de flux', desc: 'Mesure la charge r\xe9elle vs per\xe7ue. Quantifie ce qui existe vraiment dans vos process.' }, { num: '04', title: 'Diagnostic flash', desc: '2h sur site avec vos \xe9quipes. Restitution imm\xe9diate le jour m\xeame. Z\xe9ro engagement.' }, { num: '05', title: 'QVCT', desc: 'Identifier ce qui \xe9puise vraiment les \xe9quipes. Traiter les causes syst\xe8mes — pas seulement les sympt\xf4mes.' }, { num: '06', title: "Plan d'action", desc: "3 leviers prioritaires chiffr\xe9s, actionnables dans les 90 jours. Concret, pas un rapport au fond d'un tiroir." }, ], ctas: [ { value: '2h', label: 'Diagnostic flash' }, { value: '3', label: 'Leviers identifiés' }, { value: 'J+0', label: 'Restitution immédiate' }, ], }, diagnostic: { eyebrow: 'PRESTATION · 06', title: 'Diagnostic\nde situation', accent: 'diagnostic', intro: "Avant d'intervenir, on regarde. VSM, Swimlane, analyse de flux — on rend visible ce qui épuise vraiment vos équipes et où se perdent vos performances.", bg: null, pillars: [ { num: '01', title: 'VSM', desc: "Cartographie de la chaîne de valeur du client à la livraison. Révèle les gaspillages et temps d'attente cachés." }, { num: '02', title: 'Swimlane', desc: 'Diagramme de responsabilités inter-équipes. Fait apparaître les frictions de coordination et zones grises.' }, { num: '03', title: 'Analyse de flux', desc: 'Mesure la charge réelle vs perçue. Quantifie ce qui existe vraiment dans vos process.' }, { num: '04', title: 'Diagnostic flash', desc: '2h sur site avec vos équipes. Restitution immédiate le jour même. Zéro engagement.' }, { num: '05', title: 'QVCT', desc: 'Identifier ce qui épuise vraiment les équipes. Traiter les causes systèmes — pas seulement les symptômes.' }, { num: '06', title: "Plan d'action", desc: "3 leviers prioritaires chiffrés, actionnables dans les 90 jours. Concret, pas un rapport au fond d'un tiroir." }, ], ctas: [ { value: '2h', label: 'Diagnostic flash' }, { value: '3', label: 'Leviers identifiés' }, { value: 'J+0', label: 'Restitution immédiate' }, ], pdfUrl: 'assets/flyer-swimlane-diagnostic.pdf', }, }; // ====== Cas clients concrets — page IA & Outils numériques ====== const CAS_CLIENTS = [ { id: 'doubles-saisies', num: '01', secteur: 'Multi-secteurs', client: 'PME industrielle / Artisan / Services terrain', titre: 'Supprimer les doubles saisies', sousTitre: 'Diagnostic process · Choix du bon outil · Déploiement', probleme: "Données saisies 2 à 3 fois dans des outils qui ne se parlent pas. Commandes dans un fichier, bons de livraison à la main, facturation ressaisie en compta. Heures supplémentaires et banque d'heures gérées sur papier. Ordonnancement sur tableau blanc. Personne ne sait où est la bonne info. En Vendée comme partout en Pays de la Loire, ce problème de logiciels qui ne se parlent pas coûte des heures chaque semaine.", solution: "Cartographie complète des process (prod, admin, commerce) pour supprimer les saisies en double. Diagnostic des irritants : bons de livraison, facturation automatique, planification des interventions, banque d'heures. Rédaction du cahier des charges logiciel en langage métier — pas en jargon IT. Consultation des éditeurs et intégrateurs : conseil neutre, pas de commission sur la vente du logiciel. On vous accompagne de A à Z pour changer de logiciel de gestion : déploiement, formation des équipes, suivi J+30 et J+90.", stack: ['Diagnostic process', 'Cahier des charges', 'Choix logiciel', 'Déploiement'], resultats: [ { value: '1 seule', label: 'Saisie par donnée' }, { value: '−80%', label: 'Ressaisies manuelles' }, { value: 'J+90', label: 'Autonomie équipes' }, ], color: 'var(--electric)', }, { id: 'cadulis', num: '02', secteur: 'Services terrain', client: 'Entreprise de maintenance itinérante', titre: 'Déploiement Cadulis', sousTitre: 'Planification & dispatch des interventions', probleme: 'Planning manuel sur Excel, surcharge opératrice d\'accueil, impossibilité de gérer les urgences et les retards en temps réel. Perte de chiffre d\'affaires par créneau non optimisé.', solution: 'Paramétrage complet de Cadulis (types d\'interventions, techniciens, zones, priorités). Création des workflows d\'affectation automatique. Connexion EBP pour le suivi facturation. Formation équipe.', stack: ['Cadulis', 'EBP', 'API REST', 'Formation'], resultats: [ { value: '−65%', label: 'Temps planning / jour' }, { value: '+22%', label: 'Créneaux remplis' }, { value: '8h', label: 'De la commande à la planif' }, ], color: 'var(--electric)', download: { url: 'assets/offre-cadulis.pdf', label: 'Télécharger l\'offre Cadulis' }, }, { id: 'sadev', num: '03', secteur: 'Industrie', client: 'SADEV', titre: 'Ordonnancement atelier', sousTitre: 'Planning de production connecté à l\'ERP', probleme: 'Ordonnancement fait manuellement à la main sur tableau blanc. Données de charge extraites de l\'ERP sans consolidation. Délais non respectés, charge machine déséquilibrée.', solution: 'Développement Python d\'un moteur d\'ordonnancement alimenté par les OF de l\'ERP. Visualisation GANTT interactive, simulation de scénarios de charge, alerte sur goulots.', stack: ['Python', 'EBP', 'Pandas', 'Plotly'], resultats: [ { value: '−40%', label: 'Retards livraison' }, { value: '2h', label: 'Planning hebdo (vs ½ journée)' }, { value: 'Temps réel', label: 'Visibilité charge' }, ], color: 'var(--deep)', }, { id: 'ocr', num: '04', secteur: 'Agriculture', client: 'Exploitation agricole', titre: 'Agent OCR — Bons de livraison', sousTitre: 'Lecture automatique + saisie comptable', probleme: 'Traitement manuel de dizaines de bons de livraison papier par semaine. Ressaisie dans le logiciel comptable = 3–4 h/semaine de travail non productif, erreurs fréquentes.', solution: 'Agent Python avec OCR (Vision IA) qui lit les BL photographiés ou scannés, extrait les données structurées (fournisseur, produits, quantités, prix) et pré-remplit les écritures dans Pennylane. Validation humaine en un clic.', stack: ['Python', 'OCR', 'Claude API', 'Pennylane'], resultats: [ { value: '−90%', label: 'Saisie manuelle' }, { value: '3 min', label: 'Par bon (vs 15 min)' }, { value: '< 2j', label: 'Délai comptabilisation' }, ], color: 'var(--electric)', }, { id: 'pennylane', num: '05', secteur: 'PME multi-secteurs', client: 'Plusieurs clients', titre: 'Connecteur EBP ↔ Pennylane', sousTitre: 'Synchronisation ERP & comptabilité cloud', probleme: 'Double saisie entre EBP (facturation, devis, stock) et Pennylane (comptabilité, trésorerie). Risque d\'erreur, perte de temps, données décalées.', solution: 'Connecteur Python qui synchronise en temps réel les factures, avoirs et règlements entre EBP et Pennylane via leurs API respectives. Réconciliation automatique, alertes sur anomalies.', stack: ['Python', 'EBP API', 'Pennylane API', 'Webhook'], resultats: [ { value: '0', label: 'Double saisie' }, { value: 'J+0', label: 'Synchronisation comptable' }, { value: '~6h', label: 'Gagnées / mois (moyen)' }, ], color: 'var(--deep)', }, ]; const TECH_LOGOS = [ { name: 'Cadulis', desc: 'Planning & dispatch', color: '#2563eb', logos: [{ src: 'cadulis.png' }] }, { name: 'Kizeo', desc: 'Forms & terrain', color: '#ea580c', logos: [{ src: 'kizeo-logo.svg' }] }, { name: 'SKELLO', desc: 'Planning équipes', color: '#7c3aed', logos: [{ src: 'Skello logo.svg' }] }, { name: 'EBP', desc: 'ERP & facturation', color: '#1e40af', logos: [{ src: 'Logo-EBP-2024-RVB-grand.png' }] }, { name: 'Pennylane', desc: 'Comptabilité cloud', color: '#16a34a', logos: [{ src: 'pennylane.webp' }] }, { name: 'Python', desc: 'Automatisation', color: '#f59e0b', logos: [{ src: 'Python-logo.png' }] }, { name: 'OCR/Vision', desc: 'Google Vision · Python', color: '#0891b2', logos: [{ src: 'Logo_Google.png', h: 26 }, { src: 'Python-logo.png' }] }, { name: 'REST API', desc: 'Claude · Python', color: '#64748b', logos: [{ src: 'claude-logo.png' }, { src: 'Python-logo.png' }] }, ]; function OutilsPage({ navigate }) { return (
{/* S0 — Hero + Stack technique intégré */}
PRESTATION · 07 · AUTOMATISATION & OUTILS NUMÉRIQUES

Ce qu’on a construit
pour qui, avec quoi

Pas du conseil. Du déployé. ERP, automatisation, connecteurs, OCR — des outils en production chez des clients réels, avec les résultats derrière.

{['EBP', 'Cadulis', 'Kizeo', 'SKELLO', 'Pennylane', 'Python', 'OCR'].map(t => ( {t} ))}
{/* Stack technique — intégré dans le hero (supprime la section S2) */}
STACK TECHNIQUE
{TECH_LOGOS.map(t => (
{t.logos.map((l, i) => ( ))}
{t.name} {t.desc}
))}
{/* S1–S4 — Un cas client par section */} {CAS_CLIENTS.map((cas, idx) => (
{/* Header cas */}
{cas.num}
{cas.titre}
{cas.sousTitre}
{cas.secteur} {cas.stack.map(s => ( {s} ))}
{/* Problème + Solution */}
Problème

{cas.probleme}

Solution déployée

{cas.solution}

 {/* KPIs + download */}
RÉSULTATS {cas.resultats.map((r, i) => (
{r.value} {r.label}
))} {cas.download && ( e.currentTarget.style.opacity = '0.85'} onMouseLeave={(e) => e.currentTarget.style.opacity = '1'}> {cas.download.label} )}
))} {/* S5–S6 — Teasers Kizeo + SKELLO en cours */} {[ { num: '06', id: 'kizeo', color: '#ea580c', titre: 'Déploiement Kizeo Forms', sousTitre: 'Dématérialisation formulaires terrain — En cours', secteur: 'Artisan / Service', stack: ['Kizeo Forms', 'Formation terrain', 'PDF auto'], teaser: true, context: "Un client artisan-service en Vendée remplace ses formulaires papier par des formulaires numériques Kizeo remplis directement sur tablette par ses techniciens terrain. Rapport d'intervention généré automatiquement, transmis au client en temps réel.", wip: 'Chantier démarré début 2026 — Résultats en cours de mesure', }, { num: '07', id: 'skello', color: '#7c3aed', titre: 'Déploiement SKELLO', sousTitre: 'Planning équipes & gestion du temps — En cours', secteur: 'Artisan / Commerçant', stack: ['SKELLO', 'Formation RH', 'Export paie'], teaser: true, context: "Un client commerçant avec plusieurs équipes de terrain passe d'un planning Excel manuel à SKELLO. Gestion des congés, compteurs d'heures, export paie automatique — plusieurs heures d'admin récupérées par semaine.", wip: 'Chantier en cours — Cas client détaillé à venir', }, ].map((cas, i) => (
{/* Badge WIP */}
🔧 En cours chez le client
{cas.num}
{cas.titre}
{cas.sousTitre}
{cas.secteur} {cas.stack.map(s => ( {s} ))}
Contexte client

{cas.context}

🔧
{cas.wip}
Résultats chiffrés publiés dès validation client
))} {/* Bridge vers LogicielsHub */}
NOS OUTILS NUMÉRIQUES

5 outils que l’on installe pour vous

{[ { id: 'cadulis', label: 'Cadulis', sub: 'Planification terrain', color: '#2563eb', logo: 'cadulis.png' }, { id: 'kizeo', label: 'Kizeo Forms', sub: 'Formulaires terrain', color: '#ea580c', logo: 'kizeo-logo.svg' }, { id: 'skello', label: 'SKELLO', sub: 'Planning équipes', color: '#7c3aed', logo: 'Skello logo.svg' }, { id: 'ebp', label: 'EBP', sub: 'ERP PME', color: '#1e40af', logo: 'Logo-EBP-2024-RVB-grand.png' }, { id: 'pennylane', label: 'Pennylane', sub: 'Comptabilité cloud', color: '#16a34a', logo: 'pennylane.webp' }, ].map(t => ( ))}
); } function ServicePage({ id, navigate }) { const data = SERVICE_PAGES[id]; if (!data) return null; if (id === 'outils') return ; if (data.isOverview) return ; return (
{/* Hero with image background */}
{data.bg && ( )}
· {data.eyebrow}

{data.title.split('\n').map((line, i) => ( {i === 1 ? {line} : line} {i < data.title.split('\n').length - 1 &&
} ))}

{data.intro}

{/* Stats strip */} {data.ctas && (
{data.ctas.map((c, i) => (
{c.value}
{c.label}
))}
)} {/* Pillars grid */}
NOTRE APPROCHE

Six leviers opérationnels

{data.pillars.map((p, i) => ( {p.num}

{p.title}

{p.desc}

 ))}
{/* Carousel — case studies */} {/* Other services */}
); } // ====== Carousel of mini case studies ====== function Carousel() { const slides = [ { tag: 'CAS · AGROALIMENTAIRE', title: 'Refonte ligne conditionnement', kpi: '+38% de TRS en 4 mois', color: 'rgba(94,76,255,0.4)' }, { tag: 'CAS · MÉCANIQUE', title: 'Implantation cellule usinage', kpi: '−52% de trajets opérateurs', color: 'rgba(251,220,116,0.4)' }, { tag: 'CAS · CHIMIE', title: 'Déploiement Lean & 5S', kpi: '+28 idées par équipe / mois', color: 'rgba(62,45,214,0.4)' }, { tag: 'CAS · MENUISERIE', title: 'Modernisation équipements', kpi: '−45% de temps de cycle', color: 'rgba(94,76,255,0.5)' }, ]; const [i, setI] = useState(0); const len = slides.length; // Auto-advance useEffect(() => { const t = setInterval(() => setI(v => (v + 1) % len), 5000); return () => clearInterval(t); }, [len]); return (
RÉFÉRENCES

Quelques missions

{slides.map((s, idx) => (
{s.tag}

{s.title}

{s.kpi}
))}
{/* Dots */}
{slides.map((_, idx) => (
); } // ====== Domaines overview page — accordéon au survol ====== // Liste autonome des 7 cartes — ne dépend pas de window.SERVICES const STRIP_LIST = [ { id: 'performance', num: '01', title: 'Performance', chips: ['Lean', 'KPI', 'QVCT'] }, { id: 'continu', num: '02', title: 'Amélioration continue', chips: ['5S', 'Kaizen', 'QVCT'] }, { id: 'amenagement', num: '03', title: 'Aménagement', chips: ['Flux', 'Ergonomie'] }, { id: 'equipement', num: '04', title: 'Équipement', chips: ['TPM', 'Maintenance'] }, { id: 'competences', num: '05', title: 'Compétences', chips: ['Formation', 'QRQC', 'Régleurs'] }, { id: 'diagnostic', num: '06', title: 'Diagnostic flash', chips: ['VSM', 'Swimlane', 'Flux'] }, { id: 'outils', num: '07', title: 'Automatisation & Outils', chips: ['Cadulis', 'Kizeo', 'EBP', 'Skello', 'Pennylane'] }, ]; function DomainesPage({ navigate }) { return (
{/* S0 — Hero + liste des 7 domaines */}
DOMAINES D’INTERVENTION

Sept expertises,
une combinaison
sur mesure

Sept domaines d’intervention mobilisables à la carte ou en programme intégré. Faites défiler pour découvrir chaque expertise.

{/* Grille des 7 domaines — cliquable vers chaque page expertise */}
{STRIP_LIST.map((s) => ( ))}
{/* S1–S7 — Une section snap par domaine */} {STRIP_LIST.map((svc, idx) => { const data = SERVICE_PAGES[svc.id]; if (!data) return null; const isOdd = idx % 2 !== 0; return (
{svc.num}

{svc.title}

{svc.chips.map(c => ( {c} ))}

{data.intro}

 {data.pillars && (
{data.pillars.map((p, i) => (
{p.num}
{p.title}
{p.desc}
))}
)}
); })}
); } function CardSection({ svc, navigate }) { const data = SERVICE_PAGES[svc.id]; if (!data) return null; const isSelfLink = false; return (
{/* En-tête carte */}
{svc.num}

{svc.title}

{svc.chips.map(c => ( {c} ))}
{/* Intro */}

{data.intro}

{/* Piliers 3×2 */} {data.pillars && (
{data.pillars.map((p, i) => (
{p.num}
{p.title}
{p.desc}
))}
)} {/* Stats + lien */}
{data.ctas && data.ctas.map((c, i) => (
{c.value} {c.label}
))} {svc.id === 'outils' && ( navigate('outils')} className="btn btn-ghost" style={{ marginLeft: 'auto', cursor: 'pointer' }}> Voir l’expertise Automatisation )}
); } function AccordionStrip({ svc, isOpen, onEnter, onLeave, onToggle, navigate }) { const data = SERVICE_PAGES[svc.id]; if (!data) return null; const isSelfLink = false; return (
{/* Bandeau titre */}
{svc.num}

{svc.title}

{svc.chips.map(c => ( {c} ))}
{/* Contenu expansible */}
); } Object.assign(window, { ServicePage, SERVICE_PAGES, SERVICES: STRIP_LIST, Carousel, DomainesPage, AccordionStrip, OutilsPage });