function Footer() {
  const socialStyle = {
    color: 'var(--fg-4)',
    fontSize: 20,
    textDecoration: 'none',
    transition: 'color 200ms',
  };
  return (
    <footer style={{
      padding: '80px 24px',
      borderTop: '1px solid var(--night-800)',
      background: 'var(--night-950)',
    }}>
      <div style={{ maxWidth: 1280, margin: '0 auto', textAlign: 'center' }}>
        <div style={{ marginBottom: 32, display: 'flex', justifyContent: 'center' }}>
          <Wordmark size="md" />
        </div>
        <p style={{
          color: 'var(--fg-4)',
          fontSize: 15,
          maxWidth: 440,
          margin: '0 auto 32px',
          lineHeight: 1.6,
        }}>
          Especialistas em transformar a presença digital alavancando o seu negócio.
        </p>
        <div style={{ display: 'flex', justifyContent: 'center', gap: 24, marginBottom: 48 }}>
          <a href="https://instagram.com/somos.bitsz" style={socialStyle}><i className="fab fa-instagram"></i></a>
          <a href="#" style={socialStyle}><i className="fab fa-linkedin"></i></a>
          <a href="#" style={socialStyle}><i className="fab fa-facebook"></i></a>
        </div>
        <div style={{
          fontFamily: 'var(--font-mono)',
          fontSize: 10,
          textTransform: 'uppercase',
          letterSpacing: '0.3em',
          color: 'var(--fg-5)',
        }}>
          © 2026 BITSZ DIGITAL • TODOS OS DIREITOS RESERVADOS
        </div>
      </div>
    </footer>
  );
}
window.Footer = Footer;