/* global React, Icon, RegisterButton, REGISTER_URL */ const { useState: useStateH, useEffect: useEffectH, useRef: useRefH } = React; const EVENT_TS = new Date("2026-06-26T17:00:00+01:00").getTime(); // 5:00 PM WAT /* ── the hero ────────────────────────────────────── */ function Hero() { const heroRef = useRefH(null); const [visible, setVisible] = useStateH(false); useEffectH(() => { requestAnimationFrame(() => setVisible(true)); }, []); return (

{/* keyframe injection — only once */} {/* soft diagonal wash */}

{/* subtle dot grid pattern overlay */}

{/* ═══ LEFT — editorial type ═══ */}

{/* org badge */}

Pearls of Engineering · 2nd Edition

{/* presenter line */}

Becoming Her 2.0 presents

{/* IDENA wordmark */}

IDENA

{/* tagline */}

Discover. Evolve. Ascend.

{/* body copy */}

An annual virtual gathering hosted by young women in engineering, for every young woman figuring herself out or quietly rebuilding who she has always been.

{/* ── meta chips ── */}

{[ { icon: "calendar_month", text: "26 June 2026" }, { icon: "schedule", text: "5:00 PM WAT" }, { icon: "videocam", text: "Google Meet" }, ].map(chip => ( {chip.text} ))} Free to attend

{/* ── CTA row ── */}

{/* glow ring */}

e.currentTarget.style.color = "var(--magenta)"} onMouseLeave={e => e.currentTarget.style.color = "var(--burgundy)"}> What you'll gain

{/* ═══ RIGHT — silhouette in arch ═══ */}

{/* outer glow behind the arch */}

{/* the arch itself */}

{/* inner top glow */}

{/* subtle shimmer line */}

{/* ankara base */}

{/* figure — breaking out of the arch */} Woman in headwrap

Woman in headwrap

{/* floating date badge */}

Save the date

26 June

{/* floating platform badge */}

Platform

Google Meet

{/* floating event card straddles hero / next section */}

); } /* ── event meta card ─────────────────────────────── */ const META = [ { icon: "calendar_month", label: "Date", value: "26th June 2026" }, { icon: "schedule", label: "Time", value: "5:00 PM WAT" }, { icon: "videocam", label: "Venue", value: "Google Meet" }, { icon: "redeem", label: "Entry", value: "Free to attend" }, ]; function EventCard({ visible }) { return (

{/* meta row */}

{META.map((m, i) => (

e.currentTarget.style.background = "rgba(249,231,247,.4)"} onMouseLeave={e => e.currentTarget.style.background = "transparent"}>

{m.label}

{m.value}

))}

{/* countdown strip */}

); } /* ── live countdown ──────────────────────────────── */ function Countdown() { const calc = () => { const d = Math.max(0, EVENT_TS - Date.now()); return { days: Math.floor(d / 864e5), hours: Math.floor((d % 864e5) / 36e5), mins: Math.floor((d % 36e5) / 6e4), secs: Math.floor((d % 6e4) / 1e3) }; }; const [t, setT] = useStateH(calc()); useEffectH(() => { const i = setInterval(() => setT(calc()), 1000); return () => clearInterval(i); }, []); const cells = [["Days", t.days], ["Hrs", t.hours], ["Min", t.mins], ["Sec", t.secs]]; return (

Doors open in

{cells.map(([lab, val], i) => (

{String(val).padStart(2, "0")}

{lab}

{i < 3 && :} ))}

); } Object.assign(window, { Hero });