/* global React, ReactDOM */ const { useEffect } = React; const { useReveal, useMouseGlow, Marquee, Logos } = window.BMShared; const { Nav, Hero, Problems, Pillars, Stats, Process, Pricing, FitCheck, Faq, Blog, CtaBanner, Footer } = window.BMSections; const HERO_PRESETS = { default: { l1: "Ton business tourne.", l2: "Même sans toi.", sub: [ "Pour les boîtes de 2 à 20 personnes.", "Sans recruter, sans agence trop chère, sans tech.", "Tu vois le résultat en moins de 90 jours." ] }, bold: { l1: "Arrête de bosser", l2: "comme un stagiaire dans ta propre boîte.", sub: "On installe ton acquisition, tes workflows et tes agents IA en 4–6 semaines. ROI sous 90 jours, sinon on déploie pas." }, direct: { l1: "+15h par semaine.", l2: "Rentable en 90 jours.", sub: "Une équipe tech au prix d'un stagiaire, qui livre en semaines. Cash but caring." }, ai: { l1: "Tes outils existants,", l2: "augmentés par l'IA.", sub: "Claude, ChatGPT, Gemini intégrés là où ils ont un impact concret. Pas de spectacle, juste du ROI." } }; const CTA_PRESETS = { audit: 'Audit gratuit', rdv: 'Réserver 30 min', boom: 'Faire BOOM', start: 'Démarrer maintenant' }; const App = () => { const tw = window.useTweaks(/*EDITMODE-BEGIN*/{ "theme": "light", "density": "comfy", "ctaStyle": "pill", "heroLayout": "split", "heroCopy": "default", "ctaText": "audit" }/*EDITMODE-END*/); /* Tweaks panel: only render in dev (?tweaks=1) so prod visitors never see it */ const showTweaks = typeof window !== 'undefined' && window.location.search.includes('tweaks=1'); const { theme, density, ctaStyle, heroLayout, heroCopy, ctaText } = tw.values; const setTweak = tw.setTweak; /* Propagate theme to so body bg + cross-page state stay in sync */ useEffect(() => { const root = document.documentElement; ['theme-violet', 'theme-cyber', 'theme-mono', 'theme-light'].forEach((c) => root.classList.remove(c)); root.classList.add('theme-' + theme); }, [theme]); /* Re-scroll to anchor after React mount. * Sans ça, quand on arrive sur /index.html#process depuis /a-propos via * le dropdown "Expertises > Process", le navigateur tente de scroller * vers #process AVANT que React ait monté la section → l'élément * n'existe pas, le scroll échoue, l'utilisateur doit cliquer 2 fois. */ useEffect(() => { if (window.location.hash) { const tryScroll = () => { const el = document.querySelector(window.location.hash); if (el) el.scrollIntoView({ behavior: 'instant', block: 'start' }); }; const t1 = setTimeout(tryScroll, 80); const t2 = setTimeout(tryScroll, 300); return () => { clearTimeout(t1); clearTimeout(t2); }; } }, []); useReveal(); useMouseGlow('.pillar'); const heroData = HERO_PRESETS[heroCopy] || HERO_PRESETS.default; const ctaLabel = CTA_PRESETS[ctaText] || CTA_PRESETS.audit; const rootClass = `theme-${theme} density-${density} cta-style-${ctaStyle}`; return (