// portfolio-sections.jsx Hero, Projects, About, Skills, Footer const { useState: useStateS, useEffect: useEffectS, useRef: useRefS } = React; // ──────────────────────────────────────────────────────────────────────────── // NAV minimal: About · Projects · Connect, top right // ──────────────────────────────────────────────────────────────────────────── function Nav({ onHover }) { const link = (href, label) => {label} ; return ( ); } // ──────────────────────────────────────────────────────────────────────────── // BACK BUTTON circular ← used on every project page. When we got here via a // same-tab click (document.referrer set, so there's a real history entry to // return to) it goes back through browser history instead of link-navigating, // which restores the exact scroll position on the homepage natively. Falls // back to a plain link to index.html#work when opened directly (no referrer). // ──────────────────────────────────────────────────────────────────────────── function BackButton() { const handleClick = (e) => { if (document.referrer && window.history.length > 1) { e.preventDefault(); window.history.back(); } }; return ( ← ); } // ──────────────────────────────────────────────────────────────────────────── // HERO small breathable text, portrait box top-right, Selected works pill below // ──────────────────────────────────────────────────────────────────────────── function Hero({ onHover }) { const isMobile = useIsMobile(); return (
{/* LEFT text block */}

Hi

I'm Lin Nora, a {/* invisible sizers, one per word, all stacked in the same grid cell — the grid track auto-sizes to the widest one, so the dotted blank is exactly as wide as the longest word, no more */} {ROTATOR_WORDS.map((w) => ( ))} designer

Connecting the dots
between users, systems & strategy

{/* RIGHT connect-the-dots portrait, no box */}