// App.jsx — MinduBier × Copa 2026 — Main app, Nav, Footer, Tweaks, screen routing const TWEAK_DEFAULTS = /*EDITMODE-BEGIN*/{ "heroVariant": "celebrativo", "theme": "claro", "showCountdown": true, "ctaText": "Quero a minha" } /*EDITMODE-END*/; function App() { const [t, setTweak] = useTweaks(TWEAK_DEFAULTS); const [preVendaModalOpen, setPreVendaModalOpen] = React.useState(true); const [screen, setScreen] = React.useState('landing'); // 'landing' | 'obrigado' const [pedido, setPedido] = React.useState(() => { try { const raw = sessionStorage.getItem('mb_pedido'); return raw ? JSON.parse(raw) : null; } catch (e) {return null;} }); const [scrolled, setScrolled] = React.useState(false); // Apply theme to body React.useEffect(() => { document.body.classList.toggle('theme-dark', t.theme === 'dark'); }, [t.theme]); // Track scroll for navbar React.useEffect(() => { function onScroll() {setScrolled(window.scrollY > 40);} window.addEventListener('scroll', onScroll, { passive: true }); return () => window.removeEventListener('scroll', onScroll); }, []); // Smooth scroll handler for CTA function scrollToForm() { document.getElementById('formulario')?.scrollIntoView({ behavior: 'smooth', block: 'start' }); } function handleSubmitDone(p) { try {sessionStorage.setItem('mb_pedido', JSON.stringify(p));} catch (e) {} setPedido(p); setScreen('obrigado'); window.scrollTo({ top: 0, behavior: 'smooth' }); } function handleVoltar() { try {sessionStorage.removeItem('mb_pedido');} catch (e) {} setPedido(null); setScreen('landing'); window.scrollTo({ top: 0, behavior: 'smooth' }); } const isDark = t.theme === 'dark'; return ( {preVendaModalOpen && setPreVendaModalOpen(false)} /> } screen === 'obrigado' ? handleVoltar() : window.scrollTo({ top: 0, behavior: 'smooth' })} />
{screen === 'landing' &&
} {screen === 'obrigado' &&
}