// Shared bits: Nav, Footer, scroll reveal hook, cursor blob const { useEffect, useRef, useState, useMemo } = React; function useReveal(){ useEffect(() => { const els = document.querySelectorAll('.reveal'); const io = new IntersectionObserver((entries) => { entries.forEach(e => { if (e.isIntersecting) { e.target.classList.add('in'); io.unobserve(e.target); } }); }, { threshold: 0.12 }); els.forEach(el => io.observe(el)); return () => io.disconnect(); }, []); } function CursorBlob(){ useEffect(() => { const blob = document.querySelector('.cursor-blob'); if (!blob) return; let x = window.innerWidth/2, y = window.innerHeight/2, tx = x, ty = y, raf; const move = (e) => { tx = e.clientX; ty = e.clientY; document.body.classList.add('cursor-on'); }; const leave = () => document.body.classList.remove('cursor-on'); const loop = () => { x += (tx - x) * 0.12; y += (ty - y) * 0.12; blob.style.transform = `translate(${x}px, ${y}px) translate(-50%,-50%)`; raf = requestAnimationFrame(loop); }; window.addEventListener('mousemove', move); window.addEventListener('mouseleave', leave); loop(); return () => { window.removeEventListener('mousemove', move); cancelAnimationFrame(raf); }; }, []); return