/* global React, Photo, Reveal, Icon */ const { useState: useStateCom, useEffect: useEffectCom } = React; function CarouselCom({ slides }) { const [i, setI] = useStateCom(0); const next = () => setI((i + 1) % slides.length); const prev = () => setI((i - 1 + slides.length) % slides.length); useEffectCom(() => { const id = setInterval(() => setI((v) => (v + 1) % slides.length), 5200); return () => clearInterval(id); }, [slides.length]); return (
{slides.map((s, idx) => (
))} {/* Caption overlay */}
0{i + 1} / 0{slides.length}
{slides[i].title}
{slides[i].desc}
{/* Arrows */}
{/* Dots */}
{slides.map((_, idx) => (
); } function PageCommunity({ go, toast }) { const [email, setEmail] = useStateCom(''); const submit = (e) => { e.preventDefault(); if (!email || !/.+@.+\..+/.test(email)) { toast('Please enter a valid email.'); return; } toast(`You're on the list. ${email} will hear first.`); setEmail(''); }; const clubSlides = [ { title: 'Simulator Bays', desc: 'Tournament-grade sims, private suites.', src: 'assets/club-simulator.png' }, { title: 'The Lounge', desc: 'A living room with a short game view.', src: 'assets/club-lounge.png' }, { title: 'Golf School', desc: 'Coaching from first swing to scratch.', src: 'assets/club-school.png' }, { title: 'Pro Shop', desc: 'Curated apparel, grips, and finds.', src: 'assets/club-proshop.png' }, { title: 'The Café', desc: 'Matcha, espresso, snacks, long mornings.', src: 'assets/club-cafe.png' }, { title: 'Private Events', desc: 'Book the space for your night.', src: 'assets/club-events.png' }, ]; return (
{/* Hero — image background */}
The 8tee Club · 2027+

A home for the game.

A full golf entertainment destination. Simulator bays, a luxury lounge, a golf school, a pro shop, and a café — in one warm, intentional space.

{/* Inside the Club — carousel */}
Inside the Club

Every room invites connection.

{/* Design vision — video placeholder */}