// Flat-design vector illustrations (characters), custom-built for IDH — no stock photography, // no external assets. Consistent proportions/palette across all four scenes: navy (--color-navy-800/700/600) // for uniforms/structure, orange (--color-orange-500/300) for accents, soft flat shading (a single darker // tone per shape for "fold" shadow, plus a soft ellipse ground shadow), simple dot/curve faces. // Each is a self-contained string injected via dangerouslySetInnerHTML (same technique already used // for the Lucide icon helper in every page file), so they scale cleanly at any size via the viewBox. function IllustrationWrap({svg,style}){ return React.createElement('div',{style:{lineHeight:0,...style},dangerouslySetInnerHTML:{__html:svg}}); } // --- Hero: delivery driver + technician, IDH van in the background --- function IllustrationHero({style}){ const svg = ` `.trim(); return React.createElement(IllustrationWrap,{svg,style}); } // --- Matériel Informatique: technician at a desk configuring a computer --- function IllustrationMateriel({style}){ const svg = ` `.trim(); return React.createElement(IllustrationWrap,{svg,style}); } // --- Fourniture & Consommables: warehouse worker with cartridge/toner stock --- function IllustrationConsommables({style}){ const svg = ` `.trim(); return React.createElement(IllustrationWrap,{svg,style}); } // --- Contact / support: friendly, responsive team (WhatsApp 7j/7) --- function IllustrationContact({style}){ const svg = ` `.trim(); return React.createElement(IllustrationWrap,{svg,style}); } window.IllustrationHero = IllustrationHero; window.IllustrationMateriel = IllustrationMateriel; window.IllustrationConsommables = IllustrationConsommables; window.IllustrationContact = IllustrationContact;