// ── Hero — Imersão Mundo China · editorial, locked to viewport. // The hero composite already contains Soong on stage with the // Shanghai skyline + world-trade arc, so we use it as the single // full-bleed background and overlay only the editorial copy + washes. function useCountdown(targetIso) { const target = React.useMemo(() => new Date(targetIso).getTime(), [targetIso]); const [now, setNow] = React.useState(() => Date.now()); React.useEffect(() => { const t = setInterval(() => setNow(Date.now()), 1000 * 60); // minute tick return () => clearInterval(t); }, []); let diff = Math.max(0, target - now); const d = Math.floor(diff / 86400000); diff -= d * 86400000; const h = Math.floor(diff / 3600000); diff -= h * 3600000; const m = Math.floor(diff / 60000); return { d, h, m, isPast: now >= target }; } function Hero({ onCta }) { const cd = useCountdown("2026-06-24T09:00:00-03:00"); return (
{/* hero background — Shanghai skyline + stage */}
{/* Stage light/glow behind the expert */}
{/* Centered Expert Image */}
Soong
{/* gradient washes — strong on the left so the copy column stays legible over the world-map artwork, plus top/bottom + vignette + grain + bottom fade into the page. */}
); } window.Hero = Hero;