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 (
{subtitle}
}Nous intervenons ici
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 */}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.
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.
{p.desc}
Transformer la stratégie en système opérationnel piloté par la data et l'intelligence artificielle.
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.
}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.
Objectif : {ph.objective}
Impact : {ph.impact}
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) => (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]) => (Nous livrons un système opérationnel complet, et non un simple plan stratégique.
Transformer la stratégie en système opérationnel
piloté par la data et l'intelligence artificielle.
{exp.desc}
{sol.desc}
{sol.desc}
{s.sub}
{s.desc}
{activeOffer.detail.subtitle}
{activeOffer.detail.description}
{ref.desc}
{ref.impact && ({ref.impact}