/* ═══════════════════════════════════════════════════════════ EcoInsight · CHROME — Reveal helper, Header, Hero, Footer ═══════════════════════════════════════════════════════════ */ /* scroll-reveal wrapper */ function Reveal({children, delay=0, y=22, style}) { const ref = React.useRef(null); const [seen, setSeen] = React.useState(false); React.useEffect(() => { const el = ref.current; if(!el) return; const io = new IntersectionObserver((es)=>{ es.forEach(e=>{ if(e.isIntersecting){ setSeen(true); io.disconnect(); } }); }, {threshold:0.12, rootMargin:'0px 0px -8% 0px'}); io.observe(el); return ()=>io.disconnect(); }, []); return (
{children}
); } window.Reveal = Reveal; /* keyboard activation helper for clickable non-button elements (Enter / Space) */ window.openKey = (fn) => (e) => { if(e.key==='Enter' || e.key===' '){ e.preventDefault(); fn(); } }; /* reduced-motion guard */ const REDUCED = typeof window!=='undefined' && window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches; /* animate a number toward a moving target (used by the live calculator) */ window.useTween = function useTween(target, dur=650){ const [val,setVal] = React.useState(target); const cur = React.useRef(target), raf = React.useRef(0), to = React.useRef(0); React.useEffect(()=>{ if(REDUCED){ cur.current=target; setVal(target); return; } const from = cur.current, start = performance.now(); cancelAnimationFrame(raf.current); clearTimeout(to.current); const tick = now => { const p = Math.min(1,(now-start)/dur), e = 1-Math.pow(1-p,3); const nv = from+(target-from)*e; cur.current=nv; setVal(nv); if(p<1) raf.current=requestAnimationFrame(tick); else { cur.current=target; setVal(target); } }; raf.current = requestAnimationFrame(tick); // safety net: snap to the exact target even if rAF is throttled (e.g. background tab) to.current = setTimeout(()=>{ cur.current=target; setVal(target); }, dur+120); return ()=>{ cancelAnimationFrame(raf.current); clearTimeout(to.current); }; },[target,dur]); return val; }; /* count-up number that fires once when scrolled into view */ window.CountUp = function CountUp({value, dur=1500, format, prefix='', suffix=''}){ const ref = React.useRef(null); const [n,setN] = React.useState(REDUCED?value:0); const [go,setGo] = React.useState(false); React.useEffect(()=>{ const el = ref.current; if(!el) return; const vh = () => window.innerHeight || document.documentElement.clientHeight || 0; const fire = () => setGo(true); if(el.getBoundingClientRect().top < vh()*0.96) fire(); let io; if(window.IntersectionObserver){ io = new IntersectionObserver(es=>es.forEach(e=>{ if(e.isIntersecting){ fire(); io.disconnect(); } }),{threshold:.4}); io.observe(el); } const onScroll = () => { if(el.getBoundingClientRect().top < vh()*0.96) fire(); }; const targets = [window, document, document.documentElement, document.body]; targets.forEach(tg=>tg.addEventListener && tg.addEventListener('scroll',onScroll,{passive:true})); const t0 = setTimeout(fire, 900); return ()=>{ if(io) io.disconnect(); clearTimeout(t0); targets.forEach(tg=>tg.removeEventListener && tg.removeEventListener('scroll',onScroll)); }; },[]); React.useEffect(()=>{ if(!go) return; if(REDUCED){ setN(value); return; } const start = performance.now(); let raf; const tick = now => { const p=Math.min(1,(now-start)/dur), e=1-Math.pow(1-p,3); setN(value*e); if(p<1) raf=requestAnimationFrame(tick); else setN(value); }; raf = requestAnimationFrame(tick); const settle = setTimeout(()=>setN(value), dur+200); // ensure final value where rAF is throttled return ()=>{ cancelAnimationFrame(raf); clearTimeout(settle); }; },[go,value,dur]); const disp = format ? format(n) : Math.round(n).toString(); return {prefix}{disp}{suffix}; }; /* thin gradient scroll-progress bar pinned to the top of the viewport */ function EcoScrollProgress({t}){ const [p,setP] = React.useState(0); React.useEffect(()=>{ const fn = () => { const h=document.documentElement.scrollHeight-window.innerHeight; setP(h>0?Math.min(1,window.scrollY/h):0); }; window.addEventListener('scroll',fn,{passive:true}); fn(); return ()=>window.removeEventListener('scroll',fn); },[]); return (