/* global React, ReactDOM, Logo, LogoMark, Icon, useReveal, HomePage, ServicosPage, SobrePage, ContatoPage, useTweaks, TweaksPanel, TweakSection, TweakRadio, TweakColor, TweakToggle */ const { useState, useEffect } = React; const NAV = [ { id: 'home', label: 'Início' }, { id: 'servicos', label: 'Serviços' }, { id: 'sobre', label: 'Sobre' }, { id: 'contato', label: 'Contato' }, ]; const SOCIAL_LINKS = { instagram: 'https://www.instagram.com/a.n.t.company/', whatsapp: 'https://wa.me/5548996795678', }; function Navbar({ page, go, solid }) { const [scrolled, setScrolled] = useState(false); const [open, setOpen] = useState(false); useEffect(() => { const onScroll = () => setScrolled(window.scrollY > 30); onScroll(); window.addEventListener('scroll', onScroll); return () => window.removeEventListener('scroll', onScroll); }, []); const filled = solid || scrolled || page === 'contato'; return ( ); } function Footer({ go }) { return ( ); } const TWEAK_DEFAULTS = /*EDITMODE-BEGIN*/{ "hero": "Rede", "accent": "#D4AF37", "navSolid": false, "stats": true }/*EDITMODE-END*/; function App() { const [t, setTweak] = useTweaks(TWEAK_DEFAULTS); const [page, setPage] = useState('home'); useReveal(); useEffect(() => { document.documentElement.style.setProperty('--dourado', t.accent); }, [t.accent]); function go(target) { if (target === 'metodo' || target === 'pilares' || target === 'servicos-anchor') { const id = target === 'servicos-anchor' ? 'servicos' : target; if (page !== 'home') setPage('home'); setTimeout(() => { const el = document.getElementById(id); if (el) window.scrollTo({ top: el.getBoundingClientRect().top + window.scrollY - 70, behavior: 'smooth' }); }, page !== 'home' ? 120 : 0); return; } setPage(target); window.scrollTo({ top: 0, behavior: 'auto' }); } return ( <> {page === 'home' && } {page === 'servicos' && } {page === 'sobre' && } {page === 'contato' && }