const Footer = () => (
  <footer className="foot" id="footer">
    <div className="shell">
      <div className="foot-grid">
        <div className="foot-brand">
          <div className="brand-mark">LA</div>
          <div className="nm">Dr. Leonardo <span className="it">Ariello</span></div>
          <p>Neuro-oftalmologia, distúrbios do equilíbrio e oftalmologia geral. Instituto Neurológico da Visão e Equilíbrio — Curitiba, Paraná.</p>
        </div>

        <div className="foot-col">
          <h5>Navegar</h5>
          <ul>
            <li><a href="#sobre">O Médico</a></li>
            <li><a href="#tratamentos">Tratamentos</a></li>
            <li><a href="#exames">Exames</a></li>
            <li><a href="#ciencia">Área Científica</a></li>
            <li><a href="#">De Médico para Médico</a></li>
          </ul>
        </div>

        <div className="foot-col">
          <h5>Atendimento</h5>
          <ul>
            <li><a href="#visita">Agendar consulta</a></li>
            <li><a href="#visita">WhatsApp</a></li>
            <li><a href="#visita">Teleconsulta</a></li>
            <li><a href="#visita">Encaminhamento médico</a></li>
          </ul>
        </div>

        <div className="foot-col">
          <h5>Contato</h5>
          <ul>
            <li className="mini">
              Rua Comendador Araújo,<br/>
              Centro · Curitiba — PR
            </li>
            <li className="mini">
              Seg a Sex · 08h às 18h
            </li>
            <li className="mini" style={{display:'flex', gap: 14, marginTop: 14}}>
              <a href="#" aria-label="Instagram"><Icon name="instagram" size={18}/></a>
              <a href="#" aria-label="LinkedIn"><Icon name="linkedin" size={18}/></a>
              <a href="#" aria-label="WhatsApp"><Icon name="whatsapp" size={18}/></a>
            </li>
          </ul>
        </div>
      </div>

      <div className="foot-bottom">
        <div className="copy">© 2026 Dr. Leonardo Ariello · CRM-PR · Todos os direitos reservados.</div>
        <div className="legals">
          <a href="#">Política de Privacidade</a>
          <a href="#">Termos de Uso</a>
          <a href="#">Cookies</a>
        </div>
      </div>
    </div>
  </footer>
);

window.Footer = Footer;