159 lines
26 KiB
HTML
159 lines
26 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="fr">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>Use Cases & Références | WEVAL Consulting</title>
|
||
<meta name="description" content="Missions clients et références WEVAL Consulting. Transformation digitale, ERP SAP Vistex, IA, Cloud, Cybersécurité au Maroc et en Afrique.">
|
||
<link rel="canonical" href="https://weval-consulting.com/blog/use-cases.html">
|
||
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/18.2.0/umd/react.production.min.js"></script>
|
||
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/18.2.0/umd/react-dom.production.min.js"></script>
|
||
<style>
|
||
* { margin: 0; padding: 0; box-sizing: border-box; }
|
||
body { font-family: 'DM Sans', system-ui, -apple-system, sans-serif; background: #fafbfd; }
|
||
#root { min-height: 100vh; }
|
||
</style>
|
||
<script defer data-domain="weval-consulting.com" src="https://analytics.weval-consulting.com/js/script.js"></script>
|
||
</head>
|
||
<body>
|
||
<div id="root"></div>
|
||
<script>
|
||
// === V3 USE CASES COMPONENT ===
|
||
const { useState, createElement: h } = React;
|
||
|
||
const OFFERINGS = [
|
||
{ id: "all", label: "Toutes les missions", icon: "◆", color: "#6366f1", desc: "" },
|
||
{ id: "erp", label: "ERP / SAP / Vistex", icon: "⬡", color: "#1e40af", desc: "Déploiement, migration et optimisation SAP S/4HANA, Vistex, Oracle — pricing, rebates, compliance, master data, intégration multi-modules." },
|
||
{ id: "digital", label: "Transformation Digitale", icon: "◈", color: "#7c3aed", desc: "Accompagnement bout-en-bout : stratégie digitale, Digital Office, Industrie 4.0, modernisation SI, change management, DevOps." },
|
||
{ id: "supply", label: "Supply Chain & CRM", icon: "⟐", color: "#059669", desc: "Optimisation logistique, WMS, e-commerce, CRM terrain, BPM, conduite du changement — pour la performance opérationnelle." },
|
||
{ id: "cloud", label: "Cloud & Infrastructure", icon: "☁", color: "#0891b2", desc: "Migration cloud souverain, architecture hybride, CSP Huawei Cloud, FinOps, infrastructure sécurisée et scalable." },
|
||
{ id: "ia", label: "Intelligence Artificielle", icon: "◉", color: "#9333ea", desc: "IA souveraine, data analytics pharma, NLP, RAG, marketing automation IA, base HCP, scoring prédictif, chatbot multilingue." },
|
||
{ id: "audit", label: "Cybersécurité & Audit", icon: "◎", color: "#dc2626", desc: "Audit sécurité, certifications ISO 27001/9001/14001, CMMI, ITIL, conformité RGPD/CNDP, re-engineering processus." },
|
||
];
|
||
|
||
const MISSIONS=[{client:"Abbott",offering:"erp",sector:"Pharma",title:"Pricing & rebates SAP S/4HANA / Vistex",desc:"Déploiement Vistex sur SAP S/4HANA : accords commerciaux, chargebacks, commissions. Secteur dispositifs médicaux, 12 pays.",tags:["SAP S/4HANA","Vistex","Pricing"],metrics:[{v:"-40%",l:"temps clôture"},{v:"100%",l:"visibilité marge"},{v:"12",l:"pays"}],logo:"/assets/Abbott-BBqN71LY.png"},{client:"AbbVie",offering:"erp",sector:"Pharma",title:"Rebates & incentives pharmaceutiques Vistex",desc:"Gestion automatisée des remises conditionnelles et incentives sur SAP ECC + Vistex pour le marché européen.",tags:["Vistex","SAP ECC","Rebates"],metrics:[{v:"€2M+",l:"rebates/an"},{v:"-60%",l:"erreurs"},{v:"8",l:"filiales EU"}],logo:"/assets/AbbVie-DrAnGwE6.png"},{client:"Johnson & Johnson",offering:"erp",sector:"Pharma",title:"Accords commerciaux & compliance SAP",desc:"Refonte des processus accords commerciaux et mise en conformité réglementaire sur SAP S/4HANA.",tags:["SAP S/4HANA","Compliance","MOA"],metrics:[{v:"100%",l:"compliance"},{v:"3",l:"BUs"},{v:"18",l:"mois"}],logo:"/assets/Johnson_Johnson-Bur2kRxy.png"},{client:"Servier",offering:"erp",sector:"Pharma",title:"Migration SAP & master data pharmaceutique",desc:"Programme migration SAP et consolidation des données maîtres pharmaceutiques à l'international.",tags:["SAP","Migration","Master Data"],metrics:[{v:"5",l:"filiales"},{v:"PMI",l:"méthodo"},{v:"24",l:"mois"}],logo:"/assets/Servier-BXg-D_K5.png"},{client:"Point P",offering:"erp",sector:"Négoce BTP",title:"SAP Retail Vistex — Achats & remises",desc:"SAP Retail (Vistex) pour les flux financiers Point P / fournisseurs. Paramétrage MM, recette, formation.",tags:["SAP Retail","Vistex","Achats"],metrics:[{v:"Vistex",l:"déployé"},{v:"MM",l:"paramétré"},{v:"BPM Aris",l:"modélisation"}],logo:"/assets/Point-p-FB9NU5Ha.png"},{client:"Vinci",offering:"erp",sector:"BTP",title:"Intégration ERP Achats — Post-déploiement",desc:"Consolidation ERP Achats VINCI PARK. Processus livraison E2E, suivi qualité développements.",tags:["ERP","Achats","MOA"],metrics:[{v:"E2E",l:"processus"},{v:"VINCI PARK",l:"périmètre"},{v:"Agile",l:"delivery"}],logo:"/assets/Vinci-CJpLksus.png"},{client:"ONF",offering:"erp",sector:"Public",title:"Intégration SAP & application métier TECK",desc:"Application complémentaire SAP pour la gestion commerciale et suivi travaux forestiers.",tags:["SAP","Java","Intégration"],metrics:[{v:"SAP",l:"interface"},{v:"E2E",l:"qualification"},{v:"Scrum",l:"méthodo"}],logo:"/assets/onf-logo.svg"},{client:"BFIVE DIS",offering:"erp",sector:"Partenariat SAP",title:"Partenariat SAP — Staffing BTP / FIORI / ABAP",desc:"Staffing expert SAP : consultants BTP, développement FIORI, ABAP pour projets grands comptes.",tags:["SAP BTP","FIORI","ABAP"],metrics:[{v:"SAP",l:"certified"},{v:"BTP",l:"expertise"},{v:"Staff",l:"augmentation"}],logo:"/assets/bfive-logo.svg"},{client:"Markem-Imaje",offering:"erp",sector:"Industrie",title:"Lean & optimisation SAP SD-MM multi-sites",desc:"Optimisation flux logistiques et SLA entre plateformes/filiales. Drop Shipment, re-engineering SAP SD-MM.",tags:["SAP SD-MM","Lean","WMS"],metrics:[{v:"Lean",l:"management"},{v:"Drop Ship",l:"consolidé"},{v:"Multi-site",l:"filiales"}],logo:"/assets/markem-logo.svg"},{client:"OCP Group",offering:"digital",sector:"Mining",title:"SAP S/4 HANA — Transformation digitale minière",desc:"Programme SAP S/4 HANA : Manufacturing, Order to Cash, Supply Chain. SAP ACTIVATE. 10M€/an, 100 ETP.",tags:["SAP S/4HANA","SAP ACTIVATE","10M€/an"],metrics:[{v:"10M€",l:"budget/an"},{v:"100",l:"ETP"},{v:"20",l:"recrutés"}],logo:"/assets/Ocp-group-Djer-YwL.png"},{client:"Société Générale",offering:"digital",sector:"Banque",title:"Digital Office bancaire — 60 ETP",desc:"Création du Digital Office. Roadmaps Corporate, SelfCare, Acquisition. APIs, DevOps, UX Design. ISO 9001.",tags:["Digital Office","API/DevOps","ISO 9001"],metrics:[{v:"60",l:"ETP"},{v:"ISO",l:"9001"},{v:"Agile",l:"Scrum"}],logo:"/assets/saham-bank-xjtdeNfo.png"},{client:"Safran",offering:"digital",sector:"Aéronautique",title:"Industrie 4.0 & digitalisation usines",desc:"Transformation digitale et industrielle. Digitalisation des usines, pilotage Lean, modernisation SI.",tags:["Industrie 4.0","Lean","Aéro"],metrics:[{v:"Lean",l:"management"},{v:"+15%",l:"efficacité"},{v:"ITIL",l:"framework"}],logo:"/assets/Safran-CZsHqZN5.png"},{client:"TotalEnergies",offering:"digital",sector:"Énergie",title:"ERP mobilité terrain & informatique embarquée",desc:"Modernisation informatique embarquée filiales combustibles. Tournées, géo-localisation, temps réel.",tags:["ERP","Mobilité","IoT terrain"],metrics:[{v:"E2E",l:"déploiement"},{v:"IDF",l:"pilote"},{v:"ROI",l:"rapide"}],logo:"/assets/total-PkQRusjr.png"},{client:"Shell",offering:"digital",sector:"Énergie",title:"Transformation SI & process automation",desc:"Consulting SI et transformation digitale downstream. Automatisation processus, optimisation opérationnelle.",tags:["Process Auto","SI","Downstream"],metrics:[{v:"70%",l:"automatisé"},{v:"-65%",l:"traitement"},{v:"3",l:"langues"}],logo:"/assets/shell-B5DTIC9l.png"},{client:"Valeo",offering:"digital",sector:"Automobile",title:"Supply Chain digitale & Industrie 4.0",desc:"Digitalisation supply chain et pilotage flux industriels. Méthodes Industrie 4.0, KPIs temps réel.",tags:["Industrie 4.0","Supply Chain","KPI"],metrics:[{v:"Lean",l:"agile"},{v:"Multi-site",l:"scope"},{v:"KPI",l:"temps réel"}],logo:"/assets/valeo-logo.svg"},{client:"Lesaffre",offering:"digital",sector:"Agroalimentaire",title:"Transformation digitale agroalimentaire",desc:"Conseil en transformation digitale et optimisation processus industriels. Leader mondial fermentation.",tags:["Digital","ERP","Supply Chain"],metrics:[{v:"Global",l:"leader"},{v:"Digital",l:"transfo"},{v:"E2E",l:"supply chain"}],logo:"/assets/lesaffre-BVekOo93.png"},{client:"Nestlé",offering:"digital",sector:"Agroalimentaire",title:"Conseil MOA/MOE — Programmes SI",desc:"Assistance maîtrise d'ouvrage pour les programmes SI du groupe. Coordination équipes métier et techniques.",tags:["MOA/MOE","SI","Coordination"],metrics:[{v:"Multi",l:"programmes"},{v:"Agile",l:"delivery"},{v:"Global",l:"scope"}],logo:"/assets/nestle-pd9cml0Z.png"},{client:"Givaudan",offering:"digital",sector:"Arômes & Parfums",title:"Consulting SI & transformation digitale",desc:"Conseil SI et transformation digitale du leader mondial des arômes et parfums.",tags:["Consulting SI","Digital","Industrie"],metrics:[{v:"Global",l:"scope"},{v:"SI",l:"modernisé"},{v:"Agile",l:"delivery"}],logo:"/assets/Givaudan-BwJ_2RJS.png"},{client:"L'Oréal",offering:"supply",sector:"Cosmétique EMEA",title:"Supply Chain & Finance EMEA — SAP multi-modules",desc:"Refonte Supply Chain et Finance zone EMEA. Roadmaps, delivery Design-Build-UAT-Roll-out. 5M€/an, 40 consultants.",tags:["SAP SD-WM-MM-FI-CO","Supply Chain","5M€/an"],metrics:[{v:"5M€",l:"budget/an"},{v:"40",l:"consultants"},{v:"EMEA",l:"scope"}],logo:"/assets/LOreal-Dyr2mSS8.png"},{client:"Michelin",offering:"supply",sector:"Industrie",title:"Programme Convergence ERP — Lean Agile 80 ETP",desc:"Programme Convergence multi-ERP : SAP Retail, Oracle, DRP, JDA S&OP, BI. Lean Agile, offshore Inde/Maroc.",tags:["SAP Retail","Lean Agile","Six Sigma"],metrics:[{v:"80",l:"ETP"},{v:"6σ",l:"méthodo"},{v:"3",l:"pays"}],logo:"/assets/Michelin-C394e1Ut.png"},{client:"Bombardier",offering:"supply",sector:"Ferroviaire",title:"Optimisation Supply Chain — Milk-run européen",desc:"Flux Milk-run fournisseurs européens vers Bruges. Réduction coûts logistiques annuels de 340K€.",tags:["Milk-run","Supply Chain","340K€ gain"],metrics:[{v:"340K€",l:"gain/an"},{v:"EU",l:"fournisseurs"},{v:"Agile",l:"delivery"}],logo:"/assets/Bombardier-nW9N6Vbt.png"},{client:"Faiveley / Wabtec",offering:"supply",sector:"Ferroviaire",title:"BI & KPIs cross-domain — 5 domaines",desc:"Refonte BI et KPIs Groupe : Supply Chain, Manufacturing, Purchasing, Finance, Controlling.",tags:["Jaspersoft","Cognos","Jedox"],metrics:[{v:"5",l:"domains"},{v:"8",l:"consultants"},{v:"Lean IT",l:"méthode"}],logo:"/assets/Faiveley-DofO1lx4.png"},{client:"Geodis",offering:"supply",sector:"Logistique",title:"SAP WM & ingénierie logistique multi-sites",desc:"Solutions logistiques et déploiement SAP WM multi-sites. BPM MEGA, appels d'offres, conduite du changement.",tags:["SAP WM","BPM","Logistique"],metrics:[{v:"Multi-site",l:"deploy"},{v:"WMS",l:"intégré"},{v:"AO",l:"logistiques"}],logo:"/assets/geodis-D3847iTr.png"},{client:"Carrefour",offering:"supply",sector:"Distribution",title:"E-commerce & promotions multi-plateformes",desc:"Évolution plateformes e-Commerce multi-clients. Gestion promotions et accords fournisseurs SAP.",tags:["E-commerce","SAP","Promotions"],metrics:[{v:"Multi",l:"plateformes"},{v:"E2E",l:"delivery"},{v:"Agile",l:"Scrum"}],logo:"/assets/carrefour-BExziI9J.png"},{client:"Fnac",offering:"supply",sector:"Retail",title:"E-commerce & intégration omnicanal",desc:"MOA/MOE e-commerce. Architecture Order Management, WMS, TMS, intégration omnicanal.",tags:["E-commerce","WMS","TMS"],metrics:[{v:"Omnicanal",l:"intégration"},{v:"E2E",l:"delivery"},{v:"Agile",l:"méthode"}],logo:"/assets/Fnac-CNQR0LGY.png"},{client:"Intermarché",offering:"supply",sector:"Distribution",title:"Transformation SI & conduite du changement",desc:"Programme STIME : projets SI, conduite du changement, déploiement, MCO.",tags:["ITIL","MCO","Change Mgmt"],metrics:[{v:"E2E",l:"deploy"},{v:"MCO",l:"support"},{v:"Agile",l:"delivery"}],logo:"/assets/intermarche-CclDwFVk.png"},{client:"Pixmania",offering:"supply",sector:"E-commerce",title:"Architecture SI e-commerce multi-plateformes",desc:"Évolution plateformes e-Commerce multi-clients. Order Management, WMS, TMS.",tags:["Order Mgmt","WMS","TMS"],metrics:[{v:"Multi",l:"clients"},{v:"E2E",l:"delivery"},{v:"Agile",l:"Scrum"}],logo:"/assets/Pixmania-BMcmkh8m.png"},{client:"SNTL",offering:"supply",sector:"Logistique Maroc",title:"Modernisation SI transport national",desc:"Transformation SI du leader national du transport et logistique au Maroc.",tags:["SI","Transport","Digital"],metrics:[{v:"#1",l:"transport MA"},{v:"Digital",l:"transfo"},{v:"National",l:"scope"}],logo:"/assets/SNTL-yETbLVxR.png"},{client:"Telenor",offering:"supply",sector:"Télécoms Suède",title:"Re-engineering Supply Chain & CRM — HEART",desc:"Programme HEART (Suède) : re-engineering Supply Chain et CRM. BPM PowerDesigner, alignement eTOM.",tags:["BPM","eTOM","CRM"],metrics:[{v:"eTOM",l:"framework"},{v:"E2E",l:"redesign"},{v:"Suède",l:"international"}],logo:"/assets/telenor-logo.svg"},{client:"Ethica Group",offering:"ia",sector:"IA MarTech Pharma",title:"IA & marketing automation HCP — 3 pays",desc:"Plateforme IA marketing automation B2B pharma : 67K+ HCP vérifiés, scoring IA, segmentation prédictive, campagnes e-mail. Maroc, Tunisie, Algérie.",tags:["IA Marketing","HCP 67K+","Email Auto"],metrics:[{v:"67K+",l:"HCP vérifiés"},{v:"3",l:"pays"},{v:"88%+",l:"inbox rate"}],logo:"/assets/logo-ethica.svg"},{client:"LVMH / Dior",offering:"supply",sector:"Luxe",title:"CRM & digitalisation forces de vente Dior",desc:"Open CRM pour DIOR : support forces de vente. Conception, paramétrage SAP CRM, Cognos, formation.",tags:["SAP CRM","Cognos","Luxe"],metrics:[{v:"DIOR",l:"périmètre"},{v:"CRM",l:"déployé"},{v:"Scrum",l:"méthodo"}],logo:"/assets/lvmh-Dxpor0qE.png"},{client:"Chanel",offering:"supply",sector:"Luxe",title:"Supply Chain & WMS logistique luxe",desc:"Conseil supply chain et WMS pour la logistique des maisons de luxe. Optimisation flux et entrepôts.",tags:["WMS","Supply Chain","Luxe"],metrics:[{v:"WMS",l:"déployé"},{v:"Luxe",l:"standards"},{v:"E2E",l:"logistique"}],logo:"/assets/chanel-logo.svg"},{client:"Daher Aerospace",offering:"supply",sector:"Aéronautique",title:"Lean 5S & optimisation SAP WM aéro",desc:"Re-engineering flux Messier-Bugatti : performances, réduction coûts. Lean 5S, ISO 9001, 14 ETP.",tags:["SAP WM","Lean 5S","ISO 9001"],metrics:[{v:"ISO",l:"9001"},{v:"14",l:"ETP"},{v:"Lean 5S",l:"déployé"}],logo:"/assets/Daher-VlJAglEm.png"},{client:"Nocibé",offering:"supply",sector:"Retail Beauté",title:"Logistique L4 — Entrepôts & distribution",desc:"Logistique niveau 4 : gestion entrepôts et distribution parfumerie.",tags:["Logistique L4","WMS","Distribution"],metrics:[{v:"L4",l:"logistique"},{v:"WMS",l:"déployé"},{v:"E2E",l:"distribution"}],logo:"/assets/nocibe-logo.svg"},{client:"Fujifilm",offering:"supply",sector:"Tech & Cosmétique",title:"Supply chain & distribution cosmétiques",desc:"Conseil supply chain et distribution pour les produits cosmétiques et technologiques.",tags:["Supply Chain","Distribution","Multi-canal"],metrics:[{v:"Multi",l:"canaux"},{v:"E2E",l:"supply chain"},{v:"Agile",l:"delivery"}],logo:"/assets/fujifilm-logo.svg"},{client:"CAE",offering:"supply",sector:"Aéro & Simulation",title:"WMS & logistique industrielle",desc:"Déploiement WMS et optimisation opérations logistiques industrielles.",tags:["WMS","Logistique","Industrie"],metrics:[{v:"WMS",l:"déployé"},{v:"Lean",l:"optimisation"},{v:"Multi-site",l:"scope"}],logo:"/assets/cae-logo.svg"},{client:"Huawei Cloud",offering:"cloud",sector:"Cloud Souverain",title:"Migration & architecture cloud souverain CSP",desc:"Migration et architecture cloud souveraines. Partenaire certifié CSP. Réduction coûts infra 35%.",tags:["Huawei Cloud","CSP Partner","Souverain"],metrics:[{v:"CSP",l:"certified"},{v:"-35%",l:"coûts infra"},{v:"x3",l:"déploiement"}],logo:"/assets/huawei-cloud-logo.png"},{client:"WEVIA",offering:"ia",sector:"IA Souveraine",title:"IA conversationnelle souveraine multilingue",desc:"Assistant IA souverain FR/EN/AR : RAG, vision, génération de contenu, 25+ outils intégrés. On-premise.",tags:["NLP","RAG","IA Souveraine"],metrics:[{v:"3",l:"langues"},{v:"25+",l:"outils IA"},{v:"On-premise",l:"souverain"}],logo:"/assets/logo-wevia-official.svg"},{client:"IQVIA",offering:"ia",sector:"Data Pharma",title:"Data analytics & scoring pharmaceutique",desc:"Solutions data et analytics pour l'optimisation des performances commerciales. Scoring HCP, insights marché.",tags:["Data Analytics","Scoring HCP","Power BI"],metrics:[{v:"IQVIA",l:"Partner"},{v:"3",l:"pays"},{v:"B2B",l:"pharma"}],logo:"/assets/IQVIA-BuwguHyF.png"},{client:"RIM Pharma",offering:"ia",sector:"CRM Pharma IA",title:"CRM IA Odoo — 45 visiteurs médicaux + IQVIA",desc:"Sélection et implémentation Odoo CRM pharma : 45 VM, intégration IQVIA + Sage X3 Cloud, conformité CNDP.",tags:["Odoo CRM","IQVIA","IA KPIs"],metrics:[{v:"120M$",l:"CA client"},{v:"45",l:"VM terrain"},{v:"CNDP",l:"conforme"}],logo:"/assets/rim-pharma-logo.svg"},{client:"Réunica Systalians",offering:"audit",sector:"Assurance",title:"Certification ISO 9001/27001/ITIL/CMMI",desc:"Re-engineering Achats, Logistique, Contrôle de Gestion. Certification intégrée ISO 9001, ITIL, ISO 20000, ISO 27001.",tags:["ISO 27001","CMMI","ITIL"],metrics:[{v:"4",l:"certifications"},{v:"CMMI",l:"déployé"},{v:"E2E",l:"re-engineering"}],logo:"/assets/REUNICAA-B8cSoEBJ.png"},{client:"RATP",offering:"audit",sector:"Transport Public",title:"Audit QSE & triple certification ISO",desc:"Management qualité : audit ISO 14001, ISO 9001, NF service. Lean 5S, formation 50 agents.",tags:["ISO 14001","ISO 9001","QSE"],metrics:[{v:"50",l:"formés"},{v:"3",l:"certifications"},{v:"Lean 5S",l:"déployé"}],logo:"/assets/ratp-D6fh_40B.png"}];
|
||
|
||
const offeringMap = {};
|
||
OFFERINGS.forEach(o => offeringMap[o.id] = o);
|
||
|
||
function UseCasesPage() {
|
||
const [filter, setFilter] = useState("all");
|
||
const [visible, setVisible] = useState(true);
|
||
|
||
const filtered = filter === "all" ? MISSIONS : MISSIONS.filter(m => m.offering === filter);
|
||
const counts = {};
|
||
MISSIONS.forEach(m => { counts[m.offering] = (counts[m.offering] || 0) + 1; });
|
||
|
||
const handleFilter = (id) => {
|
||
setVisible(false);
|
||
setTimeout(() => { setFilter(id); setVisible(true); }, 180);
|
||
};
|
||
|
||
// Helper
|
||
const e = (tag, props, ...children) => h(tag, props, ...children);
|
||
|
||
return e("div", {style:{fontFamily:"'DM Sans',system-ui,sans-serif",background:"#fafbfd",minHeight:"100vh"}},
|
||
// Font
|
||
e("link",{href:"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=JetBrains+Mono:wght@500;700&display=swap",rel:"stylesheet"}),
|
||
|
||
// Hero
|
||
e("div",{style:{background:"linear-gradient(135deg,#0f172a 0%,#1e293b 50%,#334155 100%)",padding:"48px 24px 36px",color:"#fff",textAlign:"center"}},
|
||
e("div",{style:{display:"inline-block",background:"rgba(99,102,241,0.15)",border:"1px solid rgba(99,102,241,0.3)",padding:"4px 14px",borderRadius:20,fontSize:10,fontWeight:700,letterSpacing:2,marginBottom:14,textTransform:"uppercase"}},"Use Cases & Références"),
|
||
e("h1",{style:{fontSize:"clamp(1.6rem,3.5vw,2.4rem)",fontWeight:800,margin:"0 0 10px",letterSpacing:"-0.02em"}},
|
||
"Missions clients × ",
|
||
e("span",{style:{background:"linear-gradient(135deg,#818cf8,#c084fc)",WebkitBackgroundClip:"text",WebkitTextFillColor:"transparent"}},"Offres WEVAL")
|
||
),
|
||
e("p",{style:{color:"#94a3b8",fontSize:"clamp(0.85rem,1.8vw,0.95rem)",maxWidth:550,margin:"0 auto 28px",lineHeight:1.6}},"Chaque mission est rattachée à l'une de nos 6 offres de services. Filtrez par expertise."),
|
||
e("div",{style:{display:"flex",justifyContent:"center",gap:32,flexWrap:"wrap"}},
|
||
[{v:MISSIONS.length+"",l:"Missions"},{v:"8",l:"Pays"},{v:"15+",l:"Ans"},{v:"6",l:"Offres"}].map((s,i) =>
|
||
e("div",{key:i},
|
||
e("div",{style:{fontSize:"1.4rem",fontWeight:800,color:"#818cf8",fontFamily:"'JetBrains Mono'"}},s.v),
|
||
e("div",{style:{fontSize:10,color:"#64748b",letterSpacing:1,textTransform:"uppercase"}},s.l)
|
||
)
|
||
)
|
||
)
|
||
),
|
||
|
||
// Filter bar
|
||
e("div",{style:{position:"sticky",top:0,zIndex:100,background:"rgba(255,255,255,0.95)",backdropFilter:"blur(12px)",borderBottom:"1px solid #e2e8f0",padding:"10px 16px"}},
|
||
e("div",{style:{maxWidth:1200,margin:"0 auto",display:"flex",gap:5,flexWrap:"wrap",justifyContent:"center"}},
|
||
OFFERINGS.map(o =>
|
||
e("button",{key:o.id,onClick:()=>handleFilter(o.id),style:{
|
||
padding:"7px 14px",border:filter===o.id?"none":"1.5px solid #e5e7eb",
|
||
borderRadius:9,fontSize:11.5,fontWeight:600,cursor:"pointer",
|
||
fontFamily:"inherit",transition:"all 0.2s",
|
||
background:filter===o.id?o.color:"#fff",
|
||
color:filter===o.id?"#fff":"#475569",
|
||
boxShadow:filter===o.id?"0 4px 14px "+o.color+"35":"none"
|
||
}},o.icon+" "+o.label+(o.id!=="all"?" ("+(counts[o.id]||0)+")":""))
|
||
)
|
||
)
|
||
),
|
||
|
||
// Offering description
|
||
filter !== "all" && e("div",{style:{maxWidth:1200,margin:"20px auto 0",padding:"0 24px"}},
|
||
e("div",{style:{background:"linear-gradient(135deg,"+offeringMap[filter].color+"08,"+offeringMap[filter].color+"03)",border:"1.5px solid "+offeringMap[filter].color+"20",borderRadius:12,padding:"14px 20px",display:"flex",alignItems:"center",gap:14}},
|
||
e("div",{style:{width:4,height:36,borderRadius:2,background:offeringMap[filter].color,flexShrink:0}}),
|
||
e("div",null,
|
||
e("div",{style:{fontWeight:700,color:offeringMap[filter].color,fontSize:13.5}},offeringMap[filter].label),
|
||
e("div",{style:{color:"#64748b",fontSize:12,marginTop:2,lineHeight:1.5}},offeringMap[filter].desc)
|
||
)
|
||
)
|
||
),
|
||
|
||
// Cards grid
|
||
e("div",{style:{maxWidth:1200,margin:"20px auto",padding:"0 24px 64px",display:"grid",gridTemplateColumns:"repeat(auto-fill,minmax(330px,1fr))",gap:16,opacity:visible?1:0,transition:"opacity 0.18s"}},
|
||
filtered.map((m,i) => {
|
||
const o = offeringMap[m.offering];
|
||
const color = o.color;
|
||
return e("div",{key:m.client+i,style:{background:"#fff",borderRadius:14,overflow:"hidden",boxShadow:"0 1px 6px rgba(0,0,0,0.04)",border:"1px solid #f0f2f5",transition:"all 0.25s cubic-bezier(.4,0,.2,1)",display:"flex",flexDirection:"column"},
|
||
onMouseEnter:ev=>{ev.currentTarget.style.transform="translateY(-3px)";ev.currentTarget.style.boxShadow="0 10px 28px "+color+"14";ev.currentTarget.style.borderColor=color+"25"},
|
||
onMouseLeave:ev=>{ev.currentTarget.style.transform="";ev.currentTarget.style.boxShadow="0 1px 6px rgba(0,0,0,0.04)";ev.currentTarget.style.borderColor="#f0f2f5"}},
|
||
// Color bar
|
||
e("div",{style:{height:3,background:"linear-gradient(90deg,"+color+","+color+"60)"}}),
|
||
e("div",{style:{padding:"18px 20px 16px",flex:1,display:"flex",flexDirection:"column"}},
|
||
// Header
|
||
e("div",{style:{display:"flex",alignItems:"center",gap:12,marginBottom:12}},
|
||
e("div",{style:{width:48,height:48,borderRadius:11,flexShrink:0,background:m.logo?"#fff":color+"06",border:"1.5px solid "+(m.logo?"#e8ecf0":color+"18"),display:"flex",alignItems:"center",justifyContent:"center",overflow:"hidden"}},
|
||
m.logo?e("img",{src:m.logo,alt:m.client,style:{width:36,height:36,objectFit:"contain"}}):e("span",{style:{fontWeight:700,color:color,fontSize:14,fontFamily:"'JetBrains Mono'"}},m.client.slice(0,2).toUpperCase())
|
||
),
|
||
e("div",{style:{flex:1,minWidth:0}},
|
||
e("div",{style:{fontWeight:700,fontSize:14,color:"#0f172a",lineHeight:1.2,whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"}},m.client),
|
||
e("div",{style:{display:"inline-block",padding:"1px 7px",borderRadius:4,fontSize:9.5,fontWeight:600,marginTop:2,background:color+"0D",color:color}},m.sector)
|
||
),
|
||
e("div",{style:{padding:"3px 7px",borderRadius:5,fontSize:8.5,fontWeight:700,background:color+"10",color:color,letterSpacing:0.3,whiteSpace:"nowrap",flexShrink:0}},o.icon+" "+o.label.split("/")[0].split("&")[0].trim())
|
||
),
|
||
// Title
|
||
e("h4",{style:{fontSize:13.5,fontWeight:700,color:"#1e293b",margin:"0 0 6px",lineHeight:1.45}},m.title),
|
||
// Desc
|
||
e("p",{style:{fontSize:12,color:"#64748b",lineHeight:1.55,margin:"0 0 10px",flex:1}},m.desc),
|
||
// Tags
|
||
e("div",{style:{display:"flex",gap:4,flexWrap:"wrap",marginBottom:12}},
|
||
m.tags.map((t,j) => e("span",{key:j,style:{background:"#f4f6f8",color:"#475569",padding:"2px 8px",borderRadius:5,fontSize:10,fontWeight:500}},t))
|
||
),
|
||
// Metrics
|
||
e("div",{style:{display:"flex",gap:6,paddingTop:10,borderTop:"1px solid #f4f6f8"}},
|
||
m.metrics.map((met,k) => e("div",{key:k,style:{flex:1,textAlign:"center"}},
|
||
e("div",{style:{fontWeight:700,fontSize:13,color:color,fontFamily:"'JetBrains Mono'"}},met.v),
|
||
e("div",{style:{fontSize:9.5,color:"#94a3b8",marginTop:1}},met.l)
|
||
))
|
||
)
|
||
)
|
||
)
|
||
})
|
||
),
|
||
|
||
// CTA
|
||
e("div",{style:{background:"linear-gradient(135deg,#0f172a,#1e293b)",padding:"48px 24px",textAlign:"center",color:"#fff"}},
|
||
e("h2",{style:{fontSize:"1.5rem",fontWeight:800,marginBottom:8}},"Besoin d'un accompagnement personnalisé ?"),
|
||
e("p",{style:{color:"#94a3b8",marginBottom:20,fontSize:14}},"Nos experts transforment vos défis en opportunités."),
|
||
e("a",{href:"/contact",style:{display:"inline-block",background:"linear-gradient(135deg,#6366f1,#8b5cf6)",color:"#fff",padding:"12px 32px",borderRadius:10,fontWeight:700,textDecoration:"none",fontSize:14}},"Contactez-nous →")
|
||
)
|
||
);
|
||
}
|
||
|
||
ReactDOM.createRoot(document.getElementById('root')).render(React.createElement(UseCasesPage));
|
||
</script>
|
||
<script src="/weval-leadmachine.js" defer></script>
|
||
</body></html>
|