// ============================================================================ // MOVA RELOCATION — Sections 3 : Témoignages, Fondateur, Contact, Footer // ============================================================================ // ---------------------------------------------------------------------------- // 9. TÉMOIGNAGES — carousel auto // ---------------------------------------------------------------------------- function TestimonialsSection({ scrollRef }) { const t = useT(); const [idx, setIdx] = useState(0); const [ref, inView] = useInView({ threshold: 0.3 }); const y = useScrollY(scrollRef); const parallax = y * 0.18; useEffect(() => { if (!inView) return; const intv = setInterval(() => { setIdx((i) => (i + 1) % TESTIMONIALS.length); }, 7000); return () => clearInterval(intv); }, [inView]); return (

{/* BG parallax flou */}

{t("testimonials.eyebrow")}

{TESTIMONIALS.map((tm, i) => (

{t(`testimonials.${tm.key}.quote`)}

{t(`testimonials.${tm.key}.attribution`)}

{tm.meta || t(`testimonials.${tm.key}.meta`)}

))}

{TESTIMONIALS.map((_, i) => (

); } // ---------------------------------------------------------------------------- // 10. FONDATEUR — portrait + bio // ---------------------------------------------------------------------------- function FounderSection({ scrollRef }) { const t = useT(); const sectionRef = useRef(null); const [offset, setOffset] = useState(0); useEffect(() => { const onScroll = () => { if (!sectionRef.current) return; const rect = sectionRef.current.getBoundingClientRect(); const vh = window.innerHeight; const p = (vh - rect.top) / (vh + rect.height); const o = (p - 0.5) * 40; // -20 → +20 setOffset(Math.max(-20, Math.min(20, o))); }; onScroll(); window.addEventListener("scroll", onScroll, { passive: true }); return () => window.removeEventListener("scroll", onScroll); }, []); return (

Théo Sainte-Rose, fondateur de MOVA Relocation

T.S.R. — PARIS, 2026

{t("founder.eyebrow")}

Théo Sainte-Rose

{t("founder.p1")}{" "} {t("founder.p1Italic")}

{t("founder.p2")}

{t("founder.p3")}

{t("founder.p4")}

{t("founder.signature")}

); } // ---------------------------------------------------------------------------- // 11. CONTACT / CTA FINAL // ---------------------------------------------------------------------------- function ContactSection() { const t = useT(); const lines = [ t("contact.line1"), t("contact.line2"), t("contact.line3"), { text: t("contact.line4"), gold: true, italic: true }, ]; const [ref, inView] = useInView({ threshold: 0.3 }); return (

{t("contact.eyebrow")}

{lines.map((l, i) => { const isObj = typeof l === "object"; const text = isObj ? l.text : l; const style = isObj ? { color: l.gold ? "var(--mova-gold)" : undefined, fontStyle: l.italic ? "italic" : undefined } : {}; return ( {text} ); })}

{t("contact.cta")}

{t("contact.email")} {t("contact.instagram")} {t("contact.whatsapp")}

); } const contactLinkStyle = { fontFamily: "var(--font-sans)", fontWeight: 300, fontSize: 13, letterSpacing: "0.32em", color: "var(--mova-cream)", textTransform: "uppercase", textDecoration: "none", borderBottom: "0.5px solid rgba(184,148,76,0.4)", paddingBottom: 4, transition: "color 320ms ease, border-color 320ms ease", }; // ---------------------------------------------------------------------------- // 12. FOOTER // ---------------------------------------------------------------------------- function Footer() { const t = useT(); const { lang, setLang } = useLang(); return ( ); } Object.assign(window, { TestimonialsSection, FounderSection, ContactSection, Footer, });