const Footer = () => {
  return (
    <footer className="footer">
      <div className="container">
        <div className="footer-inner">
          <div className="footer-brand">
            <div className="nav-logo" style={{marginBottom: 4}}>
              <Logo height={28} variant="navy" />
            </div>
            <p>Inteligência artificial que atende, qualifica e fecha leads no WhatsApp do seu escritório de advocacia.</p>
          </div>
          <div className="footer-col">
            <h5>Produto</h5>
            <ul>
              <li><a href="#ia">Tipos de IA</a></li>
              <li><a href="#integracoes">Integrações</a></li>
              <li><a href="#areas">Por área</a></li>
              <li><a href="#faq">Perguntas</a></li>
            </ul>
          </div>
          <div className="footer-col">
            <h5>Empresa</h5>
            <ul>
              <li><a href="#">Sobre</a></li>
              <li><a href="#">Blog</a></li>
              <li><a href="#">Carreiras</a></li>
              <li><a href="#">Contato</a></li>
            </ul>
          </div>
          <div className="footer-col">
            <h5>Legal</h5>
            <ul>
              <li><a href="#">Termos de uso</a></li>
              <li><a href="#">Privacidade</a></li>
              <li><a href="#">LGPD</a></li>
            </ul>
          </div>
        </div>
        <div className="footer-bottom">
          <span>© 2026 ConversApp · Todos os direitos reservados</span>
          <span>Made for advocacia</span>
        </div>
      </div>
    </footer>
  );
};

window.Footer = Footer;