// AFF website — footer
function SiteFooter() {
  const cols = [
    { h: 'Áreas', links: ['Civil', 'Tributário', 'Empresarial', 'Criminal'] },
    { h: 'Escritório', links: ['Sobre', 'Equipe', 'Contato'] },
    { h: 'Contato', links: ['(27) 99613-6983', 'contato@affadvogados.adv.br'] },
  ];
  return (
    <footer style={{ background: 'var(--navy-900)', color: 'var(--navy-200)' }}>
      <div style={{ height: 3, background: 'var(--grad-gold-solid)' }} />
      <div style={{ maxWidth: 'var(--container-xl)', margin: '0 auto', padding: '56px var(--page-gutter) 32px', display: 'grid', gridTemplateColumns: '1.4fr 1fr 1fr 1fr', gap: 40 }}>
        <div>
          <div style={{ display: 'flex', alignItems: 'center', gap: 12, marginBottom: 16 }}>
            <img src="assets/aff-shield.svg" alt="AFF" style={{ height: 52 }} />
            <span style={{ fontFamily: 'var(--font-display)', fontWeight: 700, fontSize: 15, color: 'var(--text-on-navy)', textTransform: 'uppercase', lineHeight: 1.1 }}>Amâncio <span style={{color:'var(--gold-500)'}}>&amp;</span><br/>Favarato Freire</span>
          </div>
          <p style={{ fontFamily: 'var(--font-body)', fontSize: 14, lineHeight: 1.6, maxWidth: 300, margin: 0 }}>
            Rua Professor Almeida Cousin, 125, Sala 906 — Enseada do Suá — Vitória/ES — CEP 29050-565
          </p>
        </div>
        {cols.map((c, i) => (
          <div key={i}>
            <div style={{ fontFamily: 'var(--font-sans)', fontSize: 12, fontWeight: 600, letterSpacing: '0.14em', textTransform: 'uppercase', color: 'var(--gold-400)', marginBottom: 14 }}>{c.h}</div>
            <div style={{ display: 'flex', flexDirection: 'column', gap: 9 }}>
              {c.links.map((l, j) => <a key={j} className="f-link" href="#" style={{ fontFamily: 'var(--font-sans)', fontSize: 14, color: 'var(--navy-200)', textDecoration: 'none' }}>{l}</a>)}
            </div>
          </div>
        ))}
      </div>
      <div style={{ borderTop: '1px solid var(--navy-800)', padding: '18px var(--page-gutter)', textAlign: 'center', fontFamily: 'var(--font-display)', fontSize: 11, letterSpacing: '0.2em', textTransform: 'uppercase', color: 'var(--navy-300)' }}>
        Amâncio &amp; Favarato Freire — Advogados Associados
      </div>
    </footer>
  );
}