// Footer.jsx — Jetsites footer
const Footer = () => {
  const year = new Date().getFullYear();
  const scrollTo = (id) => (e) => {
    e.preventDefault();
    const el = document.getElementById(id);
    if (el) el.scrollIntoView({ behavior: 'smooth', block: 'start' });
  };
  return (
    <footer className="footer on-navy" id="contato" data-screen-label="Footer">
      <div className="container">
        <div className="footer__grid">
          <div className="footer__col">
            <img src="assets/logos/svg/jetsites-wordmark-reversed.svg" alt="Jetsites" style={{ height: 32, marginBottom: 20 }} />
            <p style={{ maxWidth: '32ch', color: 'rgba(244,241,235,0.72)', fontSize: 14, lineHeight: 1.6 }}>
              Estúdio digital premium. São Paulo + remoto. Atendimento direto pela equipe — sem central, sem formulário.
            </p>
            <p style={{ marginTop: 24, fontSize: 14 }}>
              <a href="mailto:ola@jetsites.com.br" style={{ color: 'var(--jet-champagne)' }}>ola@jetsites.com.br</a>
            </p>
          </div>
          <nav className="footer__col" aria-label="Estúdio">
            <h4>Estúdio</h4>
            <a href="#cases" onClick={scrollTo('cases')}>Cases</a>
            <a href="#metodo" onClick={scrollTo('metodo')}>Método</a>
            <a href="#contato" onClick={scrollTo('contato')}>Time</a>
            <a href="#contato" onClick={scrollTo('contato')}>Manifesto</a>
          </nav>
          <nav className="footer__col" aria-label="Serviços">
            <h4>Serviços</h4>
            <a href="#cases" onClick={scrollTo('cases')}>Site institucional</a>
            <a href="#cases" onClick={scrollTo('cases')}>E-commerce</a>
            <a href="#cases" onClick={scrollTo('cases')}>Landing pages</a>
            <a href="#contato" onClick={scrollTo('contato')}>Manutenção</a>
          </nav>
          <nav className="footer__col" aria-label="Contato">
            <h4>Contato</h4>
            <a href="#contato" onClick={scrollTo('contato')}>Pedir proposta</a>
            <a href="mailto:ola@jetsites.com.br?subject=Agendar%20call">Agendar call</a>
            <a href="https://www.linkedin.com/company/jetsites" target="_blank" rel="noopener noreferrer">LinkedIn ↗</a>
            <a href="https://www.instagram.com/jetsites" target="_blank" rel="noopener noreferrer">Instagram ↗</a>
          </nav>
        </div>
        <div className="footer__bottom">
          <span>© 2014–{year} Jetsites Estúdio Digital Ltda.</span>
          <span>CNPJ 00.000.000/0001-00 · Av. Faria Lima, 1234 · São Paulo</span>
        </div>
      </div>
    </footer>
  );
};

window.Footer = Footer;