// Hero — primeira dobra com nome do casal, data, contagem regressiva e CTA window.Hero = function Hero() { const C = window.CONFIG; const t = window.useCountdown(C.dataEvento); const heroRef = React.useRef(null); const verseRef = React.useRef(null); React.useEffect(() => { const update = () => { if (!heroRef.current || !verseRef.current) return; const heroTop = heroRef.current.getBoundingClientRect().top + window.scrollY; const verseBottom = verseRef.current.getBoundingClientRect().bottom + window.scrollY; const h = verseBottom - heroTop - 56 + 32; heroRef.current.style.setProperty('--col-h', h + 'px'); }; update(); window.addEventListener('resize', update); return () => window.removeEventListener('resize', update); }, []); return (
{/* Colunas laterais */} {/* fundo com overlay e ornamentos de canto sutis */} {/**/} {/* Brasão fixo no centro do arco — posição absoluta independe do conteúdo */}
Brasão L&D

com as bênçãos
de JEOVÁ e seus PAIS

{`${C.noivo1}

convidam para o seu casamento

11 de JULHO de 2026

SÁBADO às 19H

RESTAURANTE DIMATTONI

ITABORAÍ, RIO DE JANEIRO

"{C.versiculo}" {C.versiculoRef}

{/* Contagem regressiva */} {t.done ? (
Hoje é o grande dia!
) : (
)}
Ver lista de presentes Detalhes do evento
); }; // Card individual da contagem regressiva — anima flipDown ao trocar valor function CountCard({ value, label }) { const padded = String(value).padStart(2, '0'); const [flipKey, setFlipKey] = React.useState(padded); React.useEffect(() => { setFlipKey(padded); }, [padded]); return (
{padded}
{label}
); }