// ─── Hero — sportieve full-bleed kop met foto + parallax + marquee ─ function NavBar() { const [scrolled, setScrolled] = React.useState(false); React.useEffect(() => { const onScroll = () => setScrolled((window.scrollY || 0) > 40); window.addEventListener('scroll', onScroll, { passive: true }); onScroll(); return () => window.removeEventListener('scroll', onScroll); }, []); const links = [ ['filosofie', '#filosofie'], ['pijlers', '#pijlers'], ['coaches', '#coaches'], ['programma', '#programma'], ['inschrijven', '#inschrijven'], ]; return ( ); } function Hero({ marksShow, marksColor, marksBleed, marksSize }) { const y = useScrollY(); // Parallax for the photo — slow it down so the foreground type "leaves" first const photoY = Math.min(y * 0.35, 220); const overlayOp = Math.min(0.18 + y / 1800, 0.48); return (
{/* Hero photo behind */}
{/* Dark scrim for type legibility */}
{/* Bleed marks — over photo, white-on-photo lime */} {/* Hero content */}
tennis academy · dongen · nl

klein team.
groot ambacht.
echte progressie.

Wij begeleiden een select aantal tennistalenten van 8 tot 15 jaar. Twee coaches, één visie. Latijns-Amerikaans coaching-DNA met Nederlandse discipline. Bewust kleinschalig — max 8 talenten per seizoen.

{/* Anchor stats */}
{[ ['02', 'jaar actief'], ['8–15', 'jaar talent'], ['08', 'plekken / seizoen'], ['14', 'weken programma'], ].map(([n, l]) => (
{n}
{l}
))}
{/* Marquee strap at the bottom */}
); } function HeroMarquee() { const phrases = [ '¡eso!', 'techniek', '¡eso!', 'tactiek', '¡eso!', 'fysiek', '¡eso!', 'mentaal', ]; // Build a long string and repeat for seamless loop const block = ( {phrases.map((p, i) => ( {p} ))} ); return (
{block} {block}
); } window.NavBar = NavBar; window.Hero = Hero;