// Barra de navegação inferior fixa — só no mobile, estilo app. // Dá acesso imediato às seções principais, ao CTA de cadastro e a um // menu "Mais" com os demais links do rodapé. // Auto-monta no fim do body: basta incluir este script (após icons.jsx). function BottomNav() { const [moreOpen, setMoreOpen] = React.useState(false); const path = (window.location.pathname || '/').toLowerCase(); const isQuemSomos = path.endsWith('quem-somos.html'); const items = [ { label: 'Recursos', href: '/#telas', icon: 'Sparkle' }, { label: 'Planos', href: '/#planos', icon: 'Tag' }, { label: 'Começar', href: 'https://app.econome.com.br/register', icon: 'Bolt', cta: true }, { label: 'Quem somos', href: '/quem-somos.html', icon: 'User', active: isQuemSomos }, { label: 'Mais', glyph: 'more_horiz', more: true }, ]; // Links do rodapé que não aparecem na barra const moreLinks = [ { label: 'Como funciona', href: '/#como-funciona', glyph: 'route' }, { label: 'Ajuda', href: '/ajuda.html', glyph: 'help' }, { label: 'Entrar no app', href: 'https://app.econome.com.br', glyph: 'login' }, { label: 'Termos de uso', href: 'https://www.econome.com.br/termos.html', glyph: 'description' }, { label: 'Privacidade', href: 'https://www.econome.com.br/privacidade.html', glyph: 'shield' }, { label: 'Contato', glyph: 'mail', onClick: () => { if (window.openContactModal) window.openContactModal(); } }, ]; const renderIcon = (it) => { if (it.glyph) { return {it.glyph}; } const I = Icon[it.icon]; return ; }; return ( {moreOpen && (
setMoreOpen(false)}>
e.stopPropagation()}>
{moreLinks.map((l) => { const inner = ( {l.glyph} {l.label} chevron_right ); if (l.onClick) { return ( ); } return ( setMoreOpen(false)}> {inner} ); })}
)} ); } window.BottomNav = BottomNav; // Auto-montagem: injeta a barra ao fim do body sem precisar editar o render de cada página. (function mountBottomNav() { function mount() { if (document.getElementById('bottom-nav-root')) return; const el = document.createElement('div'); el.id = 'bottom-nav-root'; document.body.appendChild(el); ReactDOM.createRoot(el).render(); } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', mount); } else { mount(); } })();