function Footer() {
  return (
    <footer className="foot">
      <div className="container">
        <div className="foot-grid">
          <div>
            <img src="assets/Logo Cidade na Mão 1.svg" alt="Cidade na Mão" style={{height:48,marginBottom:14,display:'block'}}/>
            <p style={{fontSize:14,color:'var(--muted)',maxWidth:280}}>
              Uma solução Sasi para a transformação digital do setor público.
            </p>
            <div style={{display:'flex',gap:12,marginTop:20,alignItems:'center'}}>
              <img src="assets/seal-lgpd.avif" alt="LGPD" style={{height:48,objectFit:'contain'}}/>
              <img src="assets/seal-iso27001.avif" alt="ISO 27001" style={{height:48,objectFit:'contain'}}/>
            </div>
          </div>
          <div>
            <h5>Plataforma</h5>
            <ul>
              <li><a href="#sobre">Sobre</a></li>
              <li><a href="#servicos">Serviços</a></li>
              <li><a href="#diferenciais">Diferenciais</a></li>
            </ul>
          </div>
          <div>
            <h5>Contato</h5>
            <ul>
              <li>Av. Torquato Tapajós, 6770</li>
              <li>Colônia Terra Nova</li>
              <li>Manaus — AM, 69093-415</li>
              <li>(92) 3648-6777</li>
            </ul>
          </div>
          <div>
            <h5>Nossas redes</h5>
            <div style={{display:'flex',gap:14,marginTop:8}}>
              <a href="https://www.facebook.com/profile.php?id=61557637377182" target="_blank" rel="noopener noreferrer" aria-label="Facebook" style={{color:'var(--muted)',transition:'color .2s'}} onMouseOver={e=>e.currentTarget.style.color='var(--accent)'} onMouseOut={e=>e.currentTarget.style.color='var(--muted)'}><Icons.Facebook style={{width:32,height:32}}/></a>
              <a href="https://www.instagram.com/sasibrasil/" target="_blank" rel="noopener noreferrer" aria-label="Instagram" style={{color:'var(--muted)',transition:'color .2s'}} onMouseOver={e=>e.currentTarget.style.color='var(--accent)'} onMouseOut={e=>e.currentTarget.style.color='var(--muted)'}><Icons.Instagram style={{width:32,height:32}}/></a>
              <a href="https://www.linkedin.com/company/sasibrasil" target="_blank" rel="noopener noreferrer" aria-label="LinkedIn" style={{color:'var(--muted)',transition:'color .2s'}} onMouseOver={e=>e.currentTarget.style.color='var(--accent)'} onMouseOut={e=>e.currentTarget.style.color='var(--muted)'}><Icons.LinkedIn style={{width:32,height:32}}/></a>
              <a href="https://www.youtube.com/@sasibrasil" target="_blank" rel="noopener noreferrer" aria-label="YouTube" style={{color:'var(--muted)',transition:'color .2s'}} onMouseOver={e=>e.currentTarget.style.color='var(--accent)'} onMouseOut={e=>e.currentTarget.style.color='var(--muted)'}><Icons.YouTube style={{width:32,height:32}}/></a>
            </div>
          </div>
        </div>
        <div className="foot-bot">
          <span>© 2026 Sasi. Todos os direitos reservados.</span>
          <a href="https://sasi.com.br" target="_blank" rel="noopener noreferrer" className="foot-by-sasi">
            by <img src="assets/logo-sasi.png" alt="SASI" />
          </a>
        </div>
      </div>
    </footer>
  );
}
window.Footer = Footer;