// Landing — bold typographic const Landing = ({ go }) => { const [hovered, setHovered] = React.useState(null); const [about] = useAboutContent(); const events = useActiveEvents(); const [hero] = useHeroVideo(); const eventsRef = React.useRef(null); const nextEvent = events[0]; const scrollToEvents = () => { const target = eventsRef.current; if (!target) return; // Walk up to find the actual scroll container — body has overflow:hidden, // so the Landing div (overflow:auto) is the scroller. The container has // CSS `scroll-behavior: smooth`, so the scrollTop assignment animates. let parent = target.parentElement; while (parent && parent !== document.body) { const oy = getComputedStyle(parent).overflowY; if ((oy === 'auto' || oy === 'scroll') && parent.scrollHeight > parent.clientHeight) break; parent = parent.parentElement; } if (!parent) { target.scrollIntoView({ block: 'start' }); return; } parent.scrollTop = target.getBoundingClientRect().top - parent.getBoundingClientRect().top + parent.scrollTop - 4; }; return (
{/* Fixed-viewport patch — follows the user as they scroll, biased downward (62% from top) so the hero video at the top of the viewport doesn't crop it on first paint. Bigger size fills the horizontal space the user marked off. */} {/* Top nav */}
{/* Hero — full bleed terrain w/ centered overlaid type. */}
// 2026 COUNTRY EVENT SERIES SPECIAL WARFARE
TRAINING DAY. Six cities. One standard. Show up, see what the pipeline asks of you. {events.length > 0 && (
↓ Click a location to sign up
)}
{/* Tour stops */}
// 01 UPCOMING EVENTS UPCOMING EVENTS. {events.length === 0 && (
// NO UPCOMING EVENTS Check back soon — new tour stops are posted as venues confirm.
)} {events.length > 0 && (
{events.map(e => { const isHover = hovered === e.code; return ( ); })}
)}
{/* About — what is Training Day */}
// 02 ABOUT THE EVENT {about.headline} {about.intro.map((p, i) => ( {p} ))} {/* What to Expect — 2×2 grid */}
// WHAT TO EXPECT
{about.expect.map(b => (
EVENT · {b.num} {b.title} {b.body}
))}
{/* Who Should Come — vertical bordered rows */}
// WHO SHOULD COME
{about.who.map((w, i) => (
{w.label} {w.text}
))}
{/* Bottom Line — callout */}
// THE BOTTOM LINE {about.bottomLine}
{/* Final CTA — for visitors who scrolled all the way through. Points back at the events grid above so they can pick a city. */} {events.length > 0 && (
// READY TO SHOW UP? PICK A LOCATION. Six cities, one standard. Free to attend. Sign up takes about three minutes.
↑ See events
)} {/* Footer — brand left, parent service right. Admin entry is hidden (recruiters navigate to /#admin directly). */}
SW TRAINING DAY · 2026 SERIES
U.S. Air Force Special Warfare { e.currentTarget.parentElement.style.display = 'none'; }} style={{ height: 30, width: 'auto', display: 'block' }} />
); }; window.Landing = Landing;