/* global React */
const { Button } = window.UI;

function Footer({ onContact, onNav, onBlog }) {
  return (
    <footer className="sl-footer" id="contact">
      <div className="sl-wrap">
        <div className="sl-footer-top">
          <div>
            <img className="sl-footer-logo" src={window.__resources && window.__resources.logoOndark || "../../assets/summit-lab-logo-ondark.png"} alt="Summit Lab" />
            <p className="sl-footer-tag">Arquitectura operacional para empresas lideradas por fundadores. Diseñamos sistemas, procesos y estructura para escalar con intención.</p>
            <div style={{ marginTop: 24 }}><Button icon="arrow-right" onClick={onContact}>Trabajemos juntos</Button></div>
          </div>
          <div className="sl-footer-cols">
            <div className="sl-footer-col">
              <h5>Firma</h5>
              <a onClick={() => onNav("about")}>Nosotros</a>
              <a onClick={() => onNav("services")}>Servicios</a>
              <a onClick={() => onNav("method")}>Proceso</a>
              <a onClick={() => onNav("cases")}>Casos de Éxito</a>
              <a onClick={onBlog}>Blog</a>
            </div>
            <div className="sl-footer-col">
              <h5>Servicios</h5>
              <a onClick={() => onNav("services")}>Business Design</a>
              <a onClick={() => onNav("services")}>Scale &amp; Growth</a>
              <a onClick={() => onNav("services")}>Project Execution</a>
              <a onClick={() => onNav("ai")}>AI Integration</a>
            </div>
            <div className="sl-footer-col">
              <h5>Contacto</h5>
              <a onClick={() => onNav("contacto")}>hola@summitlab.com.ar</a>
              <a onClick={() => onNav("contacto")}>Agendar llamada</a>
              <a>LinkedIn</a>
              <a>Instagram</a>
            </div>
          </div>
        </div>
        <div className="sl-footer-bot">
          <span>© 2026 Summit Lab. Todos los derechos reservados.</span>
          <span>Operational Partner</span>
        </div>
      </div>
    </footer>
  );
}
window.Footer = Footer;