// Hero โ€” typographic primary; variants: type, accent, image const HeroCountdown = ({ targetISO }) => { const [now, setNow] = React.useState(() => new Date()); React.useEffect(() => { const id = setInterval(() => setNow(new Date()), 1000); return () => clearInterval(id); }, []); const target = new Date(targetISO); const diff = Math.max(0, target - now); const days = Math.floor(diff / 86400000); const hrs = Math.floor(diff / 3600000) % 24; const mins = Math.floor(diff / 60000) % 60; const secs = Math.floor(diff / 1000) % 60; const cell = (n, l) =>
{String(n).padStart(2, '0')}
{l}
; return (
{cell(days, 'Days')}
{cell(hrs, 'Hrs')}
{cell(mins, 'Mins')}
{cell(secs, 'Secs')}
); }; const Hero = ({ variant = 'type' }) => { // Apply by 20 May 2026 โ€” for cohort starting week of 24 May 2026 const APPLY_BY = '2026-05-20T23:59:00+01:00'; const START_LABEL = 'Week of 24 May 2026'; const APPLY_LABEL = 'Apply by 20 May'; const Headline = () =>

Apply AI in your practice.
Not just learn about it.

; const Sub = () =>

A 12-week cohort programme for educators who already know AI matters and are ready to make it part of how they actually teach. Small group. Live weekly sessions. Applied work in your real classroom every week.

; const CTAs = () =>
{e.currentTarget.style.background = '#234A70';}} onMouseLeave={(e) => {e.currentTarget.style.background = '#2E5C8A';}}> Apply for the spring cohort See the curriculum
; const Meta = () =>
15 places only Cohort starts {START_LABEL} {APPLY_LABEL}
; const Kicker = () =>
The Practitioner Cohort ยท Spring 2026
; // ============ VARIANT: TYPE (full-bleed typography) ============ if (variant === 'type' || variant === 'accent') { return (
{/* subtle grid texture */}
); } // ============ VARIANT: IMAGE ============ return (
); }; window.Hero = Hero;