// Mobile screens — separate views for phone device. Mirrors the V2 wireframes.
// Hooks into the same App router/ctx so flows work identically on either device.
const STEPS_M = ['DETAILS', 'WAIVER', 'CONFIRM'];
// Tight field for mobile forms
const MField = ({ label, value, onChange, ph, type = 'text', error }) => (
);
// ─── LANDING ─────────────────────────────────────────────────────────
const LandingMobile = ({ go }) => {
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;
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 (
{/* Top bar */}
{/* Hero — full-bleed media with centered type overlaid */}
// 2026 COUNTRY EVENT SERIESSPECIAL 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 EVENTSUPCOMING EVENTS.
{events.map(e => {
return (
);
})}
{/* About — what is Training Day */}
// 02 ABOUT THE EVENT{about.headline}
{about.intro.map((p, i) => (
{p}
))}
// WHAT TO EXPECT
{about.expect.map(b => (
EVENT · {b.num}{b.title}
{b.body}
))}
// WHO SHOULD COME
{about.who.map((w, i) => (
{w.label}
{w.text}
))}
// THE BOTTOM LINE
{about.bottomLine}
{/* Final CTA — for visitors who scrolled all the way through. */}
{events.length > 0 && (
// READY TO SHOW UP?PICK A LOCATION.
Free. Sign up takes about three minutes.
↑ See events
)}
{/* Footer — lockup + AFSW logo + tagline. Admin entry is hidden;
recruiters navigate to /#admin directly. */}
{ e.currentTarget.parentElement.style.display = 'none'; }}
style={{ height: 24, width: 'auto', display: 'block' }}
/>