/* global React */

function Footer() {
  return (
    <footer className="footer">
      <div className="container">
        <div className="footer-grid">
          <div>
            <img src="assets/logo-white.png" alt="iGreen Energy"/>
            <p style={{fontSize: 14, lineHeight: 1.6, color: "var(--ink-300)", maxWidth: 320}}>
              Representante autorizado iGreen Energy em Minas Gerais.
              Energia limpa por assinatura, sem instalação.
            </p>
          </div>
          <div>
            <h4>Site</h4>
            <ul>
              <li><a href="#como-funciona">Como funciona</a></li>
              <li><a href="#simular">Simular economia</a></li>
              <li><a href="#prova">Quem usa</a></li>
              <li><a href="#faq">Dúvidas</a></li>
            </ul>
          </div>
          <div>
            <h4>Contato</h4>
            <ul>
              <li><a href="https://wa.me/5531971425778" target="_blank" rel="noreferrer">WhatsApp (31) 97142-5778</a></li>
              <li>Belo Horizonte · MG</li>
              <li>Atendimento seg-sex 9h-18h</li>
            </ul>
          </div>
          <div>
            <h4>Legal</h4>
            <ul>
              <li><a href="#">Política de Privacidade</a></li>
              <li><a href="#">Termos de Uso</a></li>
              <li>ANEEL — modelo regulado</li>
            </ul>
          </div>
        </div>
        <div className="footer-bottom">
          <span>© 2026 · Representante iGreen Energy MG</span>
          <span>Feito em Minas · Para mineiros</span>
        </div>
      </div>
    </footer>
  );
}

window.Footer = Footer;
