const WhatsIcon = ({ s = 16 }) => ( ); const MailIcon = ({ s = 16 }) => ( ); const LinkedInIcon = ({ s = 16 }) => ( ); /* Big anchored nav link — bymonolog-style hover: index reveals, label slides right, arrow slides in, color brightens, faint wash. */ function FooterNavLink({ href, label, idx }) { const [h, setH] = React.useState(false); return ( setH(true)} onMouseLeave={() => setH(false)} style={{ position: 'relative', overflow: 'hidden', textDecoration: 'none', borderTop: '1px solid #2C2C2A', display: 'block', }}>
{idx} {label}
); } /* Prominent contact button — fills on hover */ function FooterContactBtn({ href, icon, label, sub }) { const [h, setH] = React.useState(false); return ( setH(true)} onMouseLeave={() => setH(false)} style={{ display: 'flex', alignItems: 'center', gap: 14, padding: '16px 22px', borderRadius: 999, border: '1px solid ' + (h ? '#E3DDD8' : '#2C2C2A'), background: h ? '#E3DDD8' : 'transparent', color: h ? '#111110' : '#E3DDD8', textDecoration: 'none', transition: 'background .35s ease, color .35s ease, border-color .35s ease, transform .35s cubic-bezier(.19,1,.22,1)', transform: h ? 'translateX(6px)' : 'translateX(0)', }}> {icon} {label} {sub} ); } function Footer() { const { isMobile } = useViewport(); const isProjectPage = typeof window !== 'undefined' && window.location.pathname.includes('project.html'); const homePrefix = isProjectPage ? 'index.html' : ''; const navItems = [ [homePrefix + '#portfolio', 'Trabalhos', '01'], [homePrefix + '#servicos', 'Serviços', '02'], [homePrefix + '#sobre', 'Sobre', '03'], [homePrefix + '#contato', 'Contato', '04'], ]; return ( ); } Object.assign(window, { Footer });