import { useState, useEffect } from "react"; import { ArrowRight, MapPin, Menu, X, ChevronRight, Target, Cpu, BarChart2, Lightbulb, Shield, Users, Building2, Layers, CheckCircle, ArrowUpRight, BookOpen, Camera, Award, Briefcase, TrendingUp, Globe, Zap, Star, ArrowLeft } from "lucide-react"; import { Badge } from "shadcn"; import { Card, CardContent } from "shadcn"; type Page = "home" | "about" | "expertises" | "solutions" | "sectors" | "offers" | "references" | "studies" | "bizlife"; const C = { purple: "#6457CC", purpleDark: "#4A40A8", purpleMid: "#7268D8", purpleLight: "rgba(255,255,255,0.10)", green: "#3EE87A", greenDim: "rgba(62,232,122,0.15)", white: "#FFFFFF", muted: "rgba(255,255,255,0.60)", border: "rgba(255,255,255,0.14)", card: "rgba(255,255,255,0.08)", cardHover: "rgba(255,255,255,0.13)", }; const NAV_ITEMS: { id: Page; label: string }[] = [ { id: "about", label: "À propos" }, { id: "expertises", label: "Expertises" }, { id: "solutions", label: "Solutions" }, { id: "sectors", label: "Secteurs" }, { id: "offers", label: "Offres" }, { id: "references", label: "Références" }, { id: "studies", label: "Études" }, { id: "bizlife", label: "Business Life" }, ]; const KEYWORDS = [ { text: "Pilotage de projets", green: false }, { text: "Due Diligence", green: true }, { text: "PMO", green: false }, { text: "AMOA", green: true }, { text: "Audit des risques", green: false }, { text: "PaaS", green: false }, { text: "Cybersécurité", green: true }, { text: "Generative IA", green: false }, { text: "Plan Stratégique", green: true }, { text: "Organisation", green: false }, { text: "Offshoring", green: false }, { text: "DORA", green: true }, { text: "BNPL", green: false }, { text: "Selfcare crédits", green: false }, ]; const EXPERTISES_DATA = [ { icon: Target, title: "PMO — Pilotage de projets", desc: "Conception de plannings (Gantt), gestion budgétaire, suivi des KPI, coordination IT/MOE et identification des points bloquants.", tags: ["Jira", "MS Project", "Excel"] }, { icon: Briefcase, title: "AMOA — Maîtrise d'Ouvrage", desc: "Cadrage et cible projet, rédaction des EDB, expression de besoins, analyses SWOT, animation des CoPil et accompagnement des métiers.", tags: ["SAFe 6", "Notion", "PowerPoint"] }, { icon: Shield, title: "Audit des Risques & Conformité", desc: "Audit des risques IT (ISO 31000), notation financière, conformité DORA et RGPD, revue du dispositif de contrôle interne.", tags: ["ISO 31000", "DORA", "RGPD"] }, { icon: Cpu, title: "Transformation Digitale", desc: "Digitalisation des parcours clients en selfcare, refonte des SI, e-signature, déploiement de solutions SaaS/PaaS et optimisation des workflows.", tags: ["Selfcare", "e-Sign", "SaaS/PaaS"] }, { icon: Lightbulb, title: "Ground Zero — Tech Studio", desc: "Notre practice Tech Studio : accélération technologique des startups, pénétration de nouveaux marchés, au sein des espaces Ground Zero dédiés.", tags: ["Tech Studio", "Startups", "IA"] }, { icon: BarChart2, title: "Cybersécurité & Risques IT", desc: "Résilience numérique (DORA), gestion des risques liés aux TIC, audit des systèmes d'information et accompagnement à la conformité cyber.", tags: ["DORA", "Risques TIC", "Cyber"] }, ]; const SOLUTIONS_DATA = [ { num: "01", title: "Diagnostic Stratégique", desc: "Analyse SWOT par direction, diagnostic financier (RWA, ROE, PNB, CoEx), cartographie des risques et identification des zones de croissance.", tag: "Stratégie", groundZero: false }, { num: "02", title: "Plan Stratégique 3 ans", desc: "Co-construction d'un plan pluriannuel : projections financières, reconquête des marchés, vision dirigeante, livrables pour séminaires.", tag: "Vision", groundZero: false }, { num: "03", title: "PMO — Pilotage de projet", desc: "Dispositif PMO complet : planning détaillé, suivi budgétaire, gestion des ressources, reporting C-Level et coordination des parties prenantes.", tag: "PMO", groundZero: false }, { num: "04", title: "AMOA — Transformation digitale", desc: "Cadrage des projets de transformation, rédaction des livrables, tests agiles (VSR), change management et accompagnement des équipes métier.", tag: "AMOA", groundZero: false }, { num: "05", title: "Audit Risques & Conformité", desc: "Revue du contrôle interne, audit des SI, mise en conformité DORA/RGPD, recommandations de résilience opérationnelle numérique.", tag: "Risk & Compliance", groundZero: false }, { num: "06", title: "Ingénierie Logicielle & IA", desc: "Conception et déploiement de solutions logicielles sur-mesure, intégration de l'IA générative dans les processus métier, automatisation intelligente et architecture SaaS/PaaS.", tag: "Tech & IA", groundZero: false }, { num: "07", title: "Cybersécurité", desc: "Audit de la posture cyber, gestion des risques liés aux TIC, mise en conformité DORA, définition des politiques de sécurité et renforcement de la résilience opérationnelle.", tag: "Cyber", groundZero: false }, { num: "08", title: "Go To Market", desc: "Définition de la stratégie de mise sur le marché, segmentation, pricing, canaux de distribution, activation commerciale et pilotage du lancement produit ou service.", tag: "GTM", groundZero: false }, { num: "GZ", title: "Ground Zero — Tech Studio", desc: "Notre practice Tech Studio dédiée aux startups ambitieuses. Au sein des espaces Nexop, nous accélérons vos projets avec une forte dimension technologique, vous aidons à pénétrer de nouveaux marchés et vous connectons aux solutions de financement adaptées à votre stade de développement.", tag: "Tech Studio", groundZero: true }, ]; const SECTORS_DATA = [ { icon: Building2, name: "Banques & Institutions Financières", sub: "Banques commerciales, BFI, microfinance, néobanques", desc: "Plan stratégique pluriannuel, digitalisation des parcours clients, conformité DORA/RGPD, transformation des SI et accompagnement des directions métier.", refs: ["BRED Banque Populaire", "CACF", "CALF"], highlight: false, }, { icon: Shield, name: "Services Financiers", sub: "Assurances, leasing, mobilité, fintech, asset management", desc: "Refonte des workflows de financement automobile (LOA, LLD), digitalisation des offres, intégration des nouvelles réglementations et optimisation de la distribution.", refs: ["Agilauto / CA Mobility", "Nissan Finance", "Opel Bank"], highlight: false, }, { icon: Layers, name: "Industries & Groupes", sub: "Cabinets de conseil, ESN, groupes industriels, automobile", desc: "Conception d'outils de reporting stratégique, définition de la solution cible CRM, pilotage de missions conseil A-Z et structuration des Go-To-Market. Accompagnement d'industriels automobiles sur l'audit des risques, la stratégie de financement wholesale et la digitalisation de l'audit.", refs: ["Sopra Steria", "Opel / Wholesale Finance"], highlight: false, }, { icon: Lightbulb, name: "Startups — Ground Zero Tech Studio", sub: "Notre practice Tech Studio exclusive pour startups", desc: "Au sein des espaces Ground Zero dédiés, nous accélérons les projets de startups avec une forte dimension technologique : développement produit et pénétration de nouveaux marchés.", refs: ["Africa Startup Tour 2016"], highlight: true, }, ]; const REFS_DATA = [ { client: "Crédit Agricole Consumer Finance", abbr: "CACF", sector: "Services Financiers", mission: "Digitalisation des process leasing", scope: "AMOA – PMO", duration: "6 mois", desc: "Refonte des workflows clients/collaborateurs de la BU Mobilité (Agilauto) suite à la réglementation sur les mobilités. Intégration e-signature, pilotage de 20 managers B-Level, tests agiles (VSR). Création de CA Mobility.", impact: "PNB de financement automobile multiplié par 4.", results: ["Création de la BU CA Mobility", "Workflows entièrement digitalisés", "× 4 sur le PNB financement auto"], }, { client: "Sopra Steria", abbr: "SS", sector: "ESN / Conseil", mission: "Conception outil reporting & KPI", scope: "PMO", duration: "4 mois", desc: "Sous la direction du Directeur Financial Services du groupe : collecte de données par interviews C et B-Level, analyse des chiffres, conception d'un tableau de bord Excel et cadrage de la solution CRM cible.", impact: "Tableau de bord de pilotage du pipe commercial inférieur à 50 M€ conçu et livré.", results: ["Livraison V1 CRM groupe", "Pilotage pipe commercial < 50 M€", "Centralisation des données"], }, { client: "BRED Banque Populaire", abbr: "BRED", sector: "Banque", mission: "AMOA Plan Stratégique 3 ans", scope: "AMOA", duration: "2 mois", desc: "En tant qu'AMOA du DG (Jean-Paul Julia) : analyse des SWOT par direction, analyse financière complète (RWA, ROE, PNB, CoEx, TCAM), livrables pour séminaire de travail et plan stratégique groupe.", impact: "Plan stratégique 3 ans ayant permis d'améliorer les actifs, d'accroître les investissements à l'étranger et de restructurer les actifs sur toutes les filiales.", results: ["Projections financières 2027", "Restructuration des filiales", "Investissements internationaux accrus"], }, { client: "Crédit Agricole Leasing & Factoring", abbr: "CALF", sector: "Leasing & Mobilité", mission: "Stratégie de financement wholesale", scope: "AMOA – Stratégie", duration: "3 mois", desc: "Accompagnement stratégique sur les offres de financement wholesale à destination des réseaux concessionnaires automobiles (Nissan, Opel). Analyse des risques, structuration des offres et recommandations de déploiement.", impact: "Structuration complète de l'offre wholesale avec déploiement multi-réseaux.", results: ["Offre wholesale structurée", "Déploiement multi-réseaux", "Audit des risques finalisé"], }, { client: "Opel / Wholesale Finance", abbr: "OPL", sector: "Industrie Automobile", mission: "Digitalisation de l'audit & stratégie risques", scope: "Audit – Digital", duration: "4 mois", desc: "Digitalisation des processus d'audit interne et de contrôle des risques sur le segment financement wholesale. Cartographie des risques opérationnels, recommandations et mise en place d'outils de suivi digitaux.", impact: "Processus d'audit entièrement digitalisés, réduction du temps de traitement de 40%.", results: ["Audit digitalisé", "Cartographie des risques", "Délais de traitement − 40%"], }, ]; const STUDIES_DATA = [ { tag: "Réglementation", title: "DORA : La résilience opérationnelle numérique — enjeux et obligations pour les institutions financières au 17 janvier 2025", date: "Janvier 2025", read: "10 min" }, { tag: "Insight Afrique", title: "Financement de la mobilité électrique en Afrique de l'Ouest : freins, leviers et opportunités pour les acteurs du leasing", date: "Novembre 2024", read: "8 min" }, { tag: "Note stratégique", title: "BNPL en Afrique : l'opportunité du Buy Now Pay Later dans les marchés à faible bancarisation", date: "Octobre 2024", read: "6 min" }, { tag: "Étude de cas", title: "Digitaliser les workflows d'une BU mobilité : retour d'expérience CACF / Agilauto", date: "Août 2024", read: "12 min" }, ]; const BIZ_DATA = [ { label: "Forum Économique Abidjan 2025", location: "Abidjan, CI", category: "Événement" }, { label: "Atelier stratégie — Paris La Défense", location: "Paris, FR", category: "Workshop" }, { label: "Lancement Flot — mobilité électrique", location: "Dakar, SN", category: "Startup" }, { label: "Conférence Innovation Africa Summit", location: "Accra, GH", category: "Conférence" }, { label: "Team Nexop — Assinie Beach", location: "Assinie, CI", category: "Équipe" }, { label: "Séminaire stratégique dirigeants", location: "Paris, FR", category: "Conseil" }, ]; const OFFERS_DATA = [ { name: "Sprint", price: "À partir de 300 € / jour", duration: "2 – 4 semaines", features: ["Diagnostic stratégique", "Recommandations et rapports", "Présentation dirigeants", "Ateliers de travail"], highlight: false, detail: { subtitle: "Une intervention ponctuelle, concentrée sur l'essentiel.", description: "Le Sprint est pensé pour les organisations qui ont besoin d'une réponse rapide et structurée à un problème précis. Pas d'engagement long terme — une mission ciblée, livrée dans les délais.", team: "1 consultant senior Nexop", howItWorks: ["Cadrage de la problématique en 48h", "Diagnostic stratégique sur le périmètre défini", "Ateliers de travail avec les équipes du client", "Restitution des recommandations et livrables", "Présentation finale aux dirigeants"], deliverables: ["Rapport de diagnostic", "Recommandations actionnables", "Slides de présentation exécutive"], } }, { name: "Engage", price: "Sur devis", duration: "1 – 3 mois", features: ["Diagnostic approfondi", "Feuille de route complète", "Ateliers de co-construction", "Mise à disposition d'une équipe de consultants", "Suivi d'implémentation", "Reporting mensuel", "★ Consultant in-house"], highlight: true, detail: { subtitle: "Un consultant in-house à vos côtés, tous les jours.", description: "L'offre Engage place un consultant Nexop directement dans vos équipes — en présentiel ou à distance, selon votre organisation. Une immersion complète pour conduire votre transformation avec rigueur et proximité.", team: "1 consultant in-house dédié (senior) + support Directeur Conseil", howItWorks: ["Diagnostic approfondi de l'existant", "Co-construction de la feuille de route avec vos équipes", "Planning de Gantt détaillé et budget de mission", "Ateliers hebdomadaires de co-construction", "Outils de suivi et tableaux de bord KPI", "Livrables de performance mensuels", "Reporting exécutif et points de gouvernance"], deliverables: ["Feuille de route stratégique", "Planning Gantt", "Tableau de bord KPI", "Livrables mensuels de performance", "Rapport de clôture de mission"], } }, { name: "Partner", price: "Sur devis", duration: "3 – 12 mois", features: ["Accompagnement continu", "Mise à disposition d'une équipe de consultants", "Pilotage de projets", "Accès réseau Nexop", "Reporting temps réel", "Support C-Level", "★ Présence du Directeur Conseil", "★ Consultant in-house"], highlight: false, detail: { subtitle: "Une équipe Nexop dédiée, intégrée dans votre organisation.", description: "L'offre Partner est notre engagement le plus fort. Une équipe de consultants in-house travaille chaque jour pour votre organisation, sous la supervision directe du Directeur Conseil. Le niveau d'exigence et d'implication des grands cabinets, accessible à toutes les structures.", team: "Équipe dédiée in-house (2 à 4 consultants) + Directeur Conseil", howItWorks: ["Onboarding et immersion complète dans l'organisation", "Mise en place du dispositif de gouvernance projet", "Pilotage opérationnel quotidien des chantiers", "Ateliers stratégiques et opérationnels réguliers", "Reporting temps réel (dashboards live)", "Points hebdomadaires C-Level", "Présence physique du Directeur Conseil sur les moments clés"], deliverables: ["Roadmap stratégique pluriannuelle", "Tableau de bord temps réel", "Livrables de chaque chantier", "Compte-rendus de gouvernance", "Rapport de transformation final"], } }, ]; // ─── LAYOUT WRAPPER ─────────────────────────────────────── function Layout({ children, page, navigate, menuOpen, setMenuOpen }: { children: React.ReactNode; page: Page; navigate: (p: Page) => void; menuOpen: boolean; setMenuOpen: (v: boolean) => void; }) { return (
{/* NAVBAR */}
{children}
); } // ─── SECTION HEADER ─────────────────────────────────────── function SectionHeader({ label, title, subtitle, navigate }: { label: string; title: string; subtitle?: string; navigate: (p: Page) => void }) { return (
{label}

{title}

{subtitle &&

{subtitle}

}
); } // ─── HOME PAGE ──────────────────────────────────────────── function HomePage({ navigate }: { navigate: (p: Page) => void }) { const TICKER = ["Conseil en stratégie", "Transformation digitale", "Ingénierie des risques", "PMO · AMOA", "IA Générative", "Cybersécurité", "Go To Market", "Ground Zero", "Paris · Abidjan"]; const FEATURE_CARDS = [ { id: "expertises" as Page, icon: Target, label: "Expertises", desc: "PMO, AMOA, Risques, Digital, IA, Cyber" }, { id: "sectors" as Page, icon: Building2, label: "Secteurs", desc: "Banques, Fintech, Industries, Startups" }, { id: "references" as Page, icon: Star, label: "Références", desc: "CACF, Sopra Steria, BRED Banque Populaire" }, { id: "about" as Page, icon: Users, label: "Notre histoire", desc: "Une boutique conseil née d'une conviction" }, ]; return (
{/* ── Decorative blobs ── */}
{/* ── Vertical green bar ── */}

Nous intervenons ici

{["Paris", "Abidjan", "Lomé", "Brazzaville"].map((city, i) => (
{city}
))}
{/* ── HERO ── */}
{/* Eyebrow */}
Boutique Conseil — Paris · Abidjan
{/* Main headline */}

Conseil en stratégie
et transformation
digitale

{/* Sub */}

Nexop rend accessible à toutes les entreprises ce que le conseil de haut niveau réserve aux grands groupes — expertise stratégique, technologies IA et accompagnement opérationnel, à la demande.

{/* CTA */}
{/* ── KEYWORD TICKER ── */}
{TICKER.concat(TICKER).map((t, i) => ( {t} ))}
{/* ── FEATURE CARDS ── */}
{FEATURE_CARDS.map((fc) => ( ))}
{/* ── MANIFESTO STRIP ── */}
Think & Build. Build & Run.

Accédez à une capacité de transformation complète — de la réflexion stratégique à l'exécution opérationnelle — aussi simplement que vous souscrivez à un service.

{/* ── STATS BAR ── */}
{[ ["10+", "Ans d'expérience bancaire"], ["8+", "Solutions disponibles"], ["4", "Secteurs ciblés"], ["2", "Bureaux Paris & Abidjan"], ].map(([val, label], i, arr) => (
{val}
{label}
))}
); } // ─── ABOUT PAGE ─────────────────────────────────────────── function AboutPage({ navigate }: { navigate: (p: Page) => void }) { const [agendaSlide, setAgendaSlide] = useState(0); const [methodModal, setMethodModal] = useState(false); const [pwInput, setPwInput] = useState(""); const [pwUnlocked, setPwUnlocked] = useState(false); const [pwError, setPwError] = useState(false); const [activePhase, setActivePhase] = useState(0); const PHASES = [ { num: "01", label: "Think", color: "#6457CC", subtitle: "Diagnostic stratégique et data", objective: "Comprendre le modèle économique, les opérations et les flux de données qui structurent l'entreprise.", actions: ["Analyse du modèle économique et de la rentabilité", "Cartographie des opérations et des processus", "Audit des systèmes existants (ERP, CRM, outils métiers)", "Évaluation de la qualité et de la structuration de la data", "Revue des processus de décision", "Identification des opportunités d'automatisation et d'IA"], deliverables: ["Diagnostic stratégique complet", "Cartographie des opérations et de la data", "Identification des leviers de transformation prioritaires"], impact: "Le dirigeant obtient une vision claire des inefficacités opérationnelles et des opportunités d'optimisation — base indispensable pour passer à l'action.", }, { num: "02", label: "Build", color: "#2A7A9A", subtitle: "Architecture du système de décision", objective: "Transformer la stratégie en architecture opérationnelle intégrée.", actions: ["Structuration de la data pour un pilotage fiable", "Définition des workflows décisionnels et opérationnels", "Conception des dashboards et KPIs", "Automatisation des reportings et intégration des outils existants"], deliverables: ["Architecture décisionnelle", "Dashboards et KPI définis", "Plan d'intégration des outils"], impact: "La stratégie devient un système de pilotage cohérent, capable de guider les décisions de manière structurée et mesurable.", }, { num: "03", label: "Build+", color: "#1A6A5A", subtitle: "Développement et intégration technologique", objective: "Mettre en place les outils opérationnels et analytiques pour que le système fonctionne.", actions: ["Développement de dashboards opérationnels et stratégiques", "Automatisation des flux de données", "Intégration ERP / CRM et API métiers", "Déploiement de modules d'IA pour analyses prédictives et recommandations"], deliverables: ["Dashboards opérationnels déployés", "Flux de données automatisés", "Modules IA intégrés"], impact: "Les équipes disposent d'outils qui transforment la donnée en décisions opérationnelles, réduisent les erreurs et accélèrent la prise de décision.", }, { num: "04", label: "Run × IA", color: "#3A3090", subtitle: "Déploiement et transformation des opérations", objective: "Faire fonctionner le système au quotidien et transformer les pratiques de l'entreprise.", actions: ["Déploiement des outils et des dashboards", "Formation et montée en compétence des équipes", "Mise en place de nouveaux process opérationnels", "Structuration et automatisation des reportings", "Pilotage des premières décisions basées sur la data"], deliverables: ["Organisation transformée", "Équipes formées", "Reportings automatisés", "Pilotage data actif"], impact: "La transformation devient réelle, mesurable et durable, et non plus seulement théorique.", }, ]; const handlePasswordSubmit = () => { if (pwInput === "123456") { setPwUnlocked(true); setPwError(false); } else { setPwError(true); setPwInput(""); } }; const PILLARS = [ { icon: Target, title: "Penser comme des entrepreneurs", desc: "Chez Nexop, nous ne livrons pas des rapports. Nous co-construisons des trajectoires. Notre posture est celle de partenaires engagés dans le résultat, pas de consultants en observation." }, { icon: Cpu, title: "Technologie au service de la stratégie", desc: "L'IA générative, les solutions SaaS/PaaS et la data ne sont pas des gadgets — ce sont des leviers de compétitivité. Nous aidons nos clients à les intégrer intelligemment dans leur modèle." }, { icon: Zap, title: "Build & Run ou Think & Build", desc: "Comme on souscrit à un service, nos clients accèdent à une capacité de transformation clé-en-main : de la réflexion stratégique à l'exécution opérationnelle, sans rupture." }, { icon: Globe, title: "Ancrage Europe-Afrique", desc: "Paris, Abidjan, Lomé, Brazzaville. Plusieurs marchés, une vision commune : un conseil utile, terrain, et adapté aux enjeux réels des entreprises en croissance." }, ]; const AGENDA_EVENTS = [ { date: "12 Juin 2025", title: "Forum Économique Abidjan — Stratégie & Innovation", link: "#", location: "Abidjan, CI" }, { date: "28 Mai 2025", title: "Conférence Innovation Africa Summit — Accra", link: "#", location: "Accra, GH" }, { date: "10 Avr. 2025", title: "Atelier Transformation Digitale — Paris La Défense", link: "#", location: "Paris, FR" }, { date: "05 Mar. 2025", title: "Séminaire Risques & Conformité DORA", link: "#", location: "Paris, FR" }, { date: "18 Jan. 2025", title: "Lancement Ground Zero Tech Studio", link: "#", location: "Abidjan, CI" }, ]; const AGENDA_COLORS = ["#3A3090", "#2A5A90", "#1A6060", "#4A2A90", "#2A4080"]; return (
{/* STORY HERO */}
Notre histoire

Le conseil stratégique de haut niveau n'a pas à être réservé aux grandes entreprises du CAC 40.

Nexop est née d'une conviction simple : les PME, les ETI, les startups et les industries en croissance méritent le même niveau d'exigence stratégique et d'accès aux solutions technologiques que les grandes organisations. Pas dans six mois. Maintenant.

Nous avons voulu créer une boutique conseil — agile, spécialisée, engagée — où accéder à une expertise en stratégie, transformation digitale ou ingénierie des risques soit aussi simple que souscrire à un service. Pas de complexité inutile. Pas de structure qui se paye elle-même. De l'impact, directement.

Chez Nexop, on pense Think & Build ou Build & Run selon où vous en êtes. On conçoit avec vous, on construit à vos côtés, et on s'assure que ça tourne.

{/* 4 PILLARS */}
{PILLARS.map((p) => (

{p.title}

{p.desc}

))}
{/* AGENDA CARD */}
Agenda
12 Juin
Forum Économique Abidjan — Stratégie & Innovation Abidjan, Côte d'Ivoire · 2025
{AGENDA_EVENTS.slice(1).map((ev) => (
{ev.date}
{ev.title} {ev.location}
))}
{AGENDA_EVENTS[agendaSlide].title}
{AGENDA_EVENTS.map((_, i) => (
{/* NOTRE MÉTHODE CARD */}
Notre méthode

Strategy as a System

Transformer la stratégie en système opérationnel piloté par la data et l'intelligence artificielle.

{/* PASSWORD / METHOD MODAL */} {methodModal && (
{ setMethodModal(false); setPwInput(""); setPwError(false); }}>
e.stopPropagation()}> {!pwUnlocked ? ( /* PASSWORD SCREEN */

Accès réservé

Entrez le mot de passe pour accéder à la méthode Strategy as a System.

{ setPwInput(e.target.value); setPwError(false); }} onKeyDown={e => e.key === "Enter" && handlePasswordSubmit()} placeholder="••••••" style={{ width: "100%", padding: "14px 18px", borderRadius: 10, border: `1px solid ${pwError ? "#ff6b6b" : C.border}`, background: C.purpleLight, color: C.white, fontSize: 18, fontFamily: "'Sora','Inter',sans-serif", textAlign: "center", letterSpacing: "0.3em", outline: "none", boxSizing: "border-box", marginBottom: 8 }} /> {pwError &&

Mot de passe incorrect. Réessayez.

}
) : ( /* METHOD CONTENT */
{/* Header */}
Notre méthode

Strategy as a System

Think & Build. Build & Run.

Dans un monde où la vitesse et la précision des décisions déterminent la performance, la stratégie ne peut plus se limiter à des recommandations ou des présentations. Nous transformons la stratégie en système opérationnel vivant, capable de piloter l'entreprise de manière continue grâce à la data et à l'intelligence artificielle.

{/* Phase Tabs */}
4 phases structurées
{PHASES.map((ph, i) => ( ))}
{/* Active phase content */} {(() => { const ph = PHASES[activePhase]; return (
{ph.num} — {ph.label}
{ph.subtitle}

Objectif : {ph.objective}

Actions clés
{ph.actions.map((a, i) => (
{a}
))}
Livrables
{ph.deliverables.map((d, i) => (
{d}
))}

Impact : {ph.impact}

); })()}
{/* IA + Positionnement */}
Le rôle central de l'IA

L'IA n'est pas un outil secondaire — c'est le moteur du système stratégique. Elle permet :

{["Accélérer l'analyse et la prise de décision", "Automatiser les reportings et KPI", "Détecter les inefficacités et anomalies", "Générer des recommandations pour la direction"].map((it) => (
{it}
))}
Notre positionnement

La majorité des cabinets s'arrêtent à la réflexion stratégique. Nous allons plus loin :

{[["Think & Build", "concevoir la stratégie et les systèmes"], ["Build & Run", "déployer et faire fonctionner l'organisation transformée"]].map(([t, d]) => (
{t} → {d}
))}

Nous livrons un système opérationnel complet, et non un simple plan stratégique.

{/* PROMESSE CENTRALE */}
La promesse centrale

Transformer la stratégie en système opérationnel
piloté par la data et l'intelligence artificielle.

)}
)} {/* CONTACT + MAP */}
Contact
{[ { Icon: ArrowUpRight, label: "paul@nexop.co", sub: "Email" }, { Icon: Globe, label: "nexop.co", sub: "Site web" }, { Icon: MapPin, label: "54-56 Avenue Hoche, 75008 Paris", sub: "Siège social — Europe" }, { Icon: MapPin, label: "Abidjan, Côte d'Ivoire", sub: "Bureau Afrique de l'Ouest" }, ].map(({ Icon, label, sub }) => (
{label}
{sub}
))}