/* NIA — Character animation for pain-point questions */ const { useState, useEffect, useRef } = React; /* Little stick-figure character */ function Character({ variant = 0, talking = false, thinking = false }) { // variants: 0 = standing, 1 = scratching head, 2 = arms up, 3 = sitting at desk, 4 = shrugging const bodyColor = "#0A0B14"; const accent = "#D4FF3D"; const skin = "#F2EEE3"; return ( ); } window.Character = Character; /* Character animation section */ function CharacterQuestions() { const [lang] = useLang(); const lines = [ { fr: "Où est le brief de la campagne du mois dernier ?", en: "Where's last month's campaign brief?", v: 1 }, { fr: "Qui devait combien à qui ?", en: "Who owed what to whom?", v: 4 }, { fr: "Combien on a dépensé sur ce single ?", en: "How much did we spend on this single?", v: 3 }, { fr: "Les paiements sont partis ? vraiment ?", en: "Did the payouts go out? really?", v: 5 }, { fr: "Le son marche ou pas ?", en: "Is the sound working or not?", v: 2 }, { fr: "Qui a validé ce contrat ?", en: "Who approved this contract?", v: 0 }, ]; const [active, setActive] = useState(0); const secRef = useRef(); const progress = useSectionProgress(secRef); const lastScrollY = useRef(0); const scrollVel = useRef(0); // Track scroll velocity useEffect(() => { const on = () => { const y = window.scrollY; scrollVel.current = Math.abs(y - lastScrollY.current); lastScrollY.current = y; }; window.addEventListener("scroll", on, { passive: true }); return () => window.removeEventListener("scroll", on); }, []); // Auto-advance — 4s base, faster when scrolling useEffect(() => { let timeout; const tick = () => { setActive(a => (a + 1) % lines.length); // velocity decays; when scrolling, timeout is shorter const v = Math.min(scrollVel.current, 80); scrollVel.current = Math.max(0, scrollVel.current - 10); const delay = Math.max(650, 4000 - v * 45); timeout = setTimeout(tick, delay); }; timeout = setTimeout(tick, 4000); return () => clearTimeout(timeout); }, [lines.length]); return (

01 / 08 — {t(lang, "LES QUESTIONS DU LUNDI", "MONDAY QUESTIONS")}

{t(lang, "LE MATIN, DANS LES LABELS", "MONDAY MORNING, INSIDE LABELS")}

{t(lang, "Tous les lundis, les mêmes questions. Toujours sans réponse.", "Every Monday, the same questions. Always unanswered.")}

{/* Character stage */}

{lines.map((l, i) => (

i ? -60 : 60}px) scale(0.9)`, transition: "opacity 0.55s ease, transform 0.6s cubic-bezier(.2,.7,.2,1)", }}>

))} {/* ground line */}

{/* Questions stack */}

{lines.map((l, i) => { const isActive = active === i; return ( ); })}

— {t(lang, "NIA a les réponses.", "NIA has the answers.")}

); } window.CharacterQuestions = CharacterQuestions;