/* global React */ // Header + Footer chrome shared across pages function Header({ tone = 'dark' }) { const [scrolled, setScrolled] = React.useState(false); const [entered, setEntered] = React.useState(false); const [menuOpen, setMenuOpen] = React.useState(false); const route = typeof useHashRoute === 'function' ? useHashRoute() : '/'; React.useEffect(() => { // entrance animation delay const t = setTimeout(() => setEntered(true), 120); return () => clearTimeout(t); }, []); React.useEffect(() => { const onScroll = () => setScrolled(window.scrollY > 24); window.addEventListener('scroll', onScroll); onScroll(); return () => window.removeEventListener('scroll', onScroll); }, []); // close menu on route change React.useEffect(() => { setMenuOpen(false); }, [route]); // lock body scroll when menu open React.useEffect(() => { if (menuOpen) { const prev = document.body.style.overflow; document.body.style.overflow = 'hidden'; return () => { document.body.style.overflow = prev; }; } }, [menuOpen]); const links = [ { to: '/ecossistema', label: 'Ecossistema' }, { to: '/sbk-ia', label: 'SBK IA' }, { to: '/sobre', label: 'Sobre' }, { to: '/resultados', label: 'Resultados' }]; const isActive = (to) => route === to || route.startsWith(to + '/'); // pill background — always dark-glass regardless of page tone const pillBg = scrolled ? 'rgba(1, 20, 18, 0.82)' : 'rgba(1, 28, 26, 0.60)'; const pillBorder = scrolled ? 'rgba(92, 144, 148, 0.22)' : 'rgba(92, 144, 148, 0.14)'; return ( <>
{/* Logo */} SBK {/* Separator */}
{/* Nav links */}
{/* CTA */} Fale conosco {/* Burger — mobile only */}
{/* Mobile drawer */}
{ if (e.target === e.currentTarget) setMenuOpen(false); }}>
Home → {links.map((l) => ( {l.label} {!isActive(l.to) && →} ))}
Fale conosco →
30 anos · Legal Operations
); } function Footer() { const cols = [ { title: 'Ecossistema', items: [ { label: 'Captura', to: '/produto/captura' }, { label: 'Cadastro', to: '/produto/cadastro' }, { label: 'Monitoramento', to: '/produto/monitoramento' }, { label: 'Pré-judicial', to: '/produto/pre-judicial' }, { label: 'Ofícios', to: '/produto/oficios' }, { label: 'Subsídios e Laudos', to: '/produto/subsidios' }, { label: 'Analytics', to: '/ecossistema' }] }, { title: 'SBK IA', items: [ { label: 'A plataforma', to: '/sbk-ia' }, { label: 'Captura IA', to: '/sbk-ia' }, { label: 'Monitoramento IA', to: '/sbk-ia' }, { label: 'Firmas e Poderes IA', to: '/sbk-ia' }] }, { title: 'Empresa', items: [ { label: 'Sobre', to: '/sobre' }, { label: 'Resultados', to: '/resultados' }, { label: 'Contato', to: '/contato' }] }, { title: 'Legal', items: [ { label: 'LGPD · ISO 27001', href: 'https://www.sbk.com.br/wp-content/uploads/2025/07/M08840-SBK-BPO-SERVICOS-TECNOLOGICOS-E-REPRESENTACOES-COMERCIAIS-LTDA-109458-27967-ISO27001.pdf' }, { label: 'Termos de uso', to: '/termos' }, { label: 'Privacidade', to: '/privacidade' }, { label: 'Política de cookies', to: '/cookies' }, { label: 'Canal de ética', href: 'https://docs.google.com/forms/d/e/1FAIpQLSf1vRp4Q5J8gSwXqs5sFXCpHoWW9-8vISlDl5erMjKaygPeAA/viewform?usp=send_form' }] }]; return ( ); } window.SBKHeader = Header; window.SBKFooter = Footer;