/* global React */ const { useState, useEffect, useRef } = React; const REGISTER_URL = "https://forms.gle/y7bRhzd877MmjcmC9"; // ---- Material Symbol icon ---- const SVG_MAP = { "calendar_month": "", "schedule": "", "videocam": "", "redeem": "", "verified": "", "south": "", "workspace_premium": "", "stars": "", "check_circle": "", "mail": "", "auto_awesome": "", "star": "", "arrow_forward": "", "check": "", "link": "", "photo_camera": "", "groups": "", "language": "", "school": "", "emoji_objects": "", "handshake": "", "trending_up": "", "add": "", "remove": "", "waving_hand": "", "forum": "", "celebration": "", "flag": "", "lightbulb": "", "favorite": "", "diversity_1": "", "format_quote": "" }; function Icon({ name, size = 24, style = {} }) { const svg = SVG_MAP[name]; if (!svg) return null; return ( ); } // ---- Eyebrow label ---- function Eyebrow({ children, color = "var(--magenta)", style = {} }) { return (
{children}
); } // ---- Primary register button ---- function RegisterButton({ label = "Register Now", block = false, size = "md", style = {} }) { const pad = size === "lg" ? "18px 40px" : "15px 30px"; const fs = size === "lg" ? "1.15rem" : "1rem"; return ( { e.currentTarget.style.background = "var(--magenta-bright)"; e.currentTarget.style.transform = "translateY(-2px)"; e.currentTarget.style.boxShadow = "0 18px 40px rgba(227,50,134,.42)"; }} onMouseLeave={e => { e.currentTarget.style.background = "var(--magenta)"; e.currentTarget.style.transform = "translateY(0)"; e.currentTarget.style.boxShadow = "var(--shadow-mag)"; }} onMouseDown={e => { e.currentTarget.style.transform = "translateY(0) scale(.97)"; }} onMouseUp={e => { e.currentTarget.style.transform = "translateY(-2px)"; }} > {label} → ); } // ---- Section heading block ---- function SectionHead({ eyebrow, title, sub, center = true, light = false }) { return (
{eyebrow && {eyebrow}}

{title}

{sub &&

{sub}

}
); } // ---- Reveal-on-scroll wrapper ---- function Reveal({ children, delay = 0, style = {} }) { const ref = useRef(null); const [show, setShow] = useState(false); useEffect(() => { const el = ref.current; if (!el) return; const io = new IntersectionObserver(([e]) => { if (e.isIntersecting) { setShow(true); io.disconnect(); } }, { threshold: 0.12 }); io.observe(el); return () => io.disconnect(); }, []); return (
{children}
); } Object.assign(window, { REGISTER_URL, Icon, Eyebrow, RegisterButton, SectionHead, Reveal });