// GSP Footer.
function Footer() {
  const Icon = window.Icon;
  return (
    <footer className="footer">
      <div className="footer-inner">
        <div className="footer-grid">
          <div className="footer-brand">
            <a href="index.html" style={{ display: 'inline-block' }}><img src="gsp-logo.svg" alt="GSP Seguridad Privada" /></a>
            <p>Seguridad integral basada en la gestión del riesgo. +20 años protegiendo lo que importa.</p>
          </div>
          <div className="footer-col">
            <h5>Servicios</h5>
            <a href="#">Vigilancia Privada</a><a href="#">Alarmas</a><a href="#">Cámaras de Seguridad</a><a href="#">Control de Accesos</a><a href="#">Geolocalización</a>
          </div>
          <div className="footer-col">
            <h5>Empresa</h5>
            <a href="#">Nosotros</a><a href="#">Clientes</a><a href="#">Centro de Conocimiento</a><a href="https://empleo.gspseguridad.com.ar/" rel="nofollow" className="empleo">Trabajá con nosotros</a>
          </div>
          <div className="footer-col">
            <h5>Contacto</h5>
            <a href="#">0810-220-0477</a><a href="#">info@gspseguridad.com.ar</a>
          </div>
        </div>
        <div className="footer-bottom">
          <p>© 2026 GSP Seguridad y Tecnología S.R.L. Todos los derechos reservados.</p>
          <div className="footer-social">
            <IconButton onDark aria-label="Facebook"><Icon name="facebook" size={16} stroke="none" style={{ fill: 'currentColor' }} /></IconButton>
            <IconButton onDark aria-label="Instagram"><Icon name="eye" size={16} /></IconButton>
          </div>
        </div>
      </div>
    </footer>
  );
}
window.Footer = Footer;