// ============================================================================ // MOVA RELOCATION — Composants partagés (icônes, primitives d'animation) // ============================================================================ const { useState, useEffect, useRef, useCallback, useMemo } = React; // ---------------------------------------------------------------------------- // Hook scroll position // ---------------------------------------------------------------------------- function useScrollY(scrollRef) { const [y, setY] = useState(0); useEffect(() => { const el = scrollRef?.current || window; const get = () => el === window ? window.scrollY : el.scrollTop; const onScroll = () => setY(get()); onScroll(); el.addEventListener("scroll", onScroll, { passive: true }); return () => el.removeEventListener("scroll", onScroll); }, [scrollRef]); return y; } // ---------------------------------------------------------------------------- // Hook: reveal au scroll (IntersectionObserver, once) // ---------------------------------------------------------------------------- function useInView(options = {}) { const ref = useRef(null); const [inView, setInView] = useState(false); useEffect(() => { if (!ref.current) return; const obs = new IntersectionObserver( ([entry]) => { if (entry.isIntersecting) { setInView(true); obs.disconnect(); } }, { threshold: 0.18, rootMargin: "0px 0px -10% 0px", ...options } ); obs.observe(ref.current); return () => obs.disconnect(); }, []); return [ref, inView]; } // ---------------------------------------------------------------------------- // Reveal — fade + translateY au scroll // ---------------------------------------------------------------------------- function Reveal({ children, delay = 0, y = 40, as = "div", className = "", style = {} }) { const [ref, inView] = useInView(); const Tag = as; return ( {children} ); } // ---------------------------------------------------------------------------- // GoldRule — trait or qui se trace au scroll // ---------------------------------------------------------------------------- function GoldRule({ width = 60, delay = 200, className = "", style = {} }) { const [ref, inView] = useInView(); return (