)} ); } function SiteFooter() { return ( ); } // ──────────────────────────────────────────────────────────────── // ImageModal — full-screen photo lightbox // ──────────────────────────────────────────────────────────────── function ImageModal({ src, alt, onClose }) { React.useEffect(function() { function onKey(e) { if (e.key === 'Escape') onClose(); } document.addEventListener('keydown', onKey); document.body.style.overflow = 'hidden'; return function() { document.removeEventListener('keydown', onKey); document.body.style.overflow = ''; }; }, []); return (

); } // ──────────────────────────────────────────────────────────────── // PhotoSlot — placeholder for a photo to be inserted later // ──────────────────────────────────────────────────────────────── function PhotoSlot({ height = 360, label = 'FOTOGRAFIA', tone = 'sol', round = 0, aspect }) { const bg = `color-mix(in oklab, var(--${tone}) 22%, var(--paper-2))`; return (

{label}

); } // ──────────────────────────────────────────────────────────────── // SectionHead — kicker + title + intro // ──────────────────────────────────────────────────────────────── function SectionHead({ kicker, title, intro, align = 'left', italic = true, color, titleSize = 56 }) { const c = color || 'var(--ink)'; return (

{kicker && (

{kicker}

)}

{title}

{intro && (

{intro}

)}

); } // ──────────────────────────────────────────────────────────────── // useWindowWidth — hook para layout responsivo via inline styles // ──────────────────────────────────────────────────────────────── function useWindowWidth() { var [width, setWidth] = React.useState(window.innerWidth); React.useEffect(function() { function handle() { setWidth(window.innerWidth); } window.addEventListener('resize', handle); return function() { window.removeEventListener('resize', handle); }; }, []); return width; } // ──────────────────────────────────────────────────────────────── // WhatsAppFab — floating action button, links to Doações number // ──────────────────────────────────────────────────────────────── function WhatsAppFab() { return ( ); } // ──────────────────────────────────────────────────────────────── // PageShell — fixed-width 1080px centered (mocks a desktop page) // ──────────────────────────────────────────────────────────────── function PageShell({ children }) { var [modal, setModal] = React.useState(null); React.useEffect(function() { window.openPhotoModal = function(src, alt) { setModal({ src: src, alt: alt || '' }); }; return function() { delete window.openPhotoModal; }; }, []); React.useEffect(function() { var observer = new IntersectionObserver(function(entries) { entries.forEach(function(entry) { if (entry.isIntersecting) { entry.target.classList.add('revealed'); observer.unobserve(entry.target); } }); }, { threshold: 0.06, rootMargin: '0px 0px -32px 0px' }); document.querySelectorAll('[data-reveal]').forEach(function(el) { observer.observe(el); }); return function() { observer.disconnect(); }; }, []); return (

{children} {modal && }

); } Object.assign(window, { SiteHeader, SiteFooter, PhotoSlot, SectionHead, PageShell, WhatsAppFab, NAV_ITEMS, useWindowWidth, });