// Contact section + Footer + Scroll-following Knight function ContactSection({ dark, accent, font }) { const fg = dark ? '#f0eef9' : '#0c0a14'; const muted = dark ? 'rgba(240,238,249,0.6)' : 'rgba(20,18,30,0.6)'; const links = window.PORTFOLIO_LINKS; return (
Let's build

Have something interesting
to make?

Open to AI/ML roles, freelance, and collaborations. The cleaner the problem, the louder I'll be about it.

{links.email}
GitHub LinkedIn
); } function Footer({ dark, accent, font }) { const muted = dark ? 'rgba(240,238,249,0.45)' : 'rgba(20,18,30,0.45)'; return ( ); } // Scroll-following knight — smooth eased path, subtle glow companion function ScrollKnight({ dark, accent }) { const targetRef = useRef({ y: 0, x: 0, rot: 0 }); const currentRef = useRef({ y: 0, x: 0, rot: 0 }); const elRef = useRef(null); const rafRef = useRef(null); useEffect(() => { const easeInOut = (t) => t < 0.5 ? 2 * t * t : 1 - Math.pow(-2 * t + 2, 2) / 2; const computeTarget = () => { const docH = Math.max(1, document.documentElement.scrollHeight - window.innerHeight); const t = Math.min(1, Math.max(0, window.scrollY / docH)); const eased = easeInOut(t); // Vertical: drift from 12vh to 78vh on an eased curve const y = 12 + eased * 66; // Horizontal: gentle sine sway (smaller amplitude than before) const sway = Math.sin(t * Math.PI * 2.2) * 28; // Rotation: tiny tilt that mirrors the sway const rot = Math.sin(t * Math.PI * 2.2) * 6; targetRef.current = { y, x: sway, rot }; }; const tick = () => { const cur = currentRef.current; const tgt = targetRef.current; // Critical-damped lerp — frame-rate friendly smoothing const k = 0.08; cur.y += (tgt.y - cur.y) * k; cur.x += (tgt.x - cur.x) * k; cur.rot += (tgt.rot - cur.rot) * k; if (elRef.current) { elRef.current.style.top = `${cur.y}vh`; elRef.current.style.transform = `translate3d(${cur.x}px, -50%, 0) rotate(${cur.rot}deg)`; } rafRef.current = requestAnimationFrame(tick); }; computeTarget(); rafRef.current = requestAnimationFrame(tick); window.addEventListener('scroll', computeTarget, { passive: true }); window.addEventListener('resize', computeTarget); return () => { cancelAnimationFrame(rafRef.current); window.removeEventListener('scroll', computeTarget); window.removeEventListener('resize', computeTarget); }; }, []); return (
); } window.ContactSection = ContactSection; window.Footer = Footer; window.ScrollKnight = ScrollKnight;