/* Footer */
function Footer() {
  const cols = [
    { h: "Produtos", items: ["DentalFlow", "Lumière", "FrioGest", "LAB AI"] },
    { h: "Links rápidos", items: ["Sobre", "Blog", "Contato"] },
  ];
  return (
    <footer className="lab-footer" id="footer">
      <div className="lab-container">
        <div className="lab-footer-grid">
          <div>
            <a className="lab-brand" href="#hero"><span className="mk" /> <span className="lab-wm"><span className="g">Lab</span> MicroSaaS</span></a>
            <p className="desc">Holding de tecnologia especializada em MicroSaaS e Inteligência Artificial para nichos específicos de mercado.</p>
          </div>
          {cols.map((c) => (
            <div key={c.h}>
              <h5>{c.h}</h5>
              <ul>{c.items.map((it) => <li key={it}><a href="#produtos">{it}</a></li>)}</ul>
            </div>
          ))}
          <div>
            <h5>Informações</h5>
            <ul>
              <li className="lab-footer-info"><Icon name="map-pin" size={15} /> Fortaleza · CE, Brasil</li>
              <li className="lab-footer-info"><Icon name="mail" size={15} /> contato@labsaas.com.br</li>
            </ul>
          </div>
        </div>
        <div className="lab-footer-bottom">
          <span>© 2026 Lab MicroSaaS. Todos os direitos reservados.</span>
          <span style={{ display: "flex", gap: 18 }}>
            <a href="#">Privacidade</a><a href="#">Termos</a>
          </span>
        </div>
      </div>
    </footer>
  );
}
window.Footer = Footer;