function Footer({ onNav }) {
  const year = new Date().getFullYear();
  return (
    <footer className="site-footer">
      <div className="inner">
        <div className="brand">
          <img src="assets/logo/hardi-latam-white.svg" alt="HARDI LATAM" />
          <p>
            HARDI LATAM es el capítulo regional de Heating, Air-conditioning &
            Refrigeration Distributors International. Representamos al canal
            mayorista HVACR de Latinoamérica desde 1958.
          </p>
        </div>
        <div>
          <h4>Navegación</h4>
          <ul>
            <li><a onClick={()=>onNav('home')}>Inicio</a></li>
            <li><a onClick={()=>onNav('pilares')}>Pilares</a></li>
            <li><a onClick={()=>onNav('actividades')}>Actividades</a></li>
            <li><a onClick={()=>onNav('recursos')}>Recursos</a></li>
            <li><a onClick={()=>onNav('miembros')}>Miembros</a></li>
          </ul>
        </div>
        <div>
          <h4>Recursos</h4>
          <ul>
            <li><a href="https://hardinet.org/" target="_blank" rel="noreferrer">HARDI Global</a></li>
            <li><a href="https://www.hardiconference.com" target="_blank" rel="noreferrer">HARDI Conference</a></li>
            <li><a onClick={()=>onNav('recursos')}>Webinars HVACR</a></li>
            <li><a onClick={()=>onNav('contacto')}>Solicitar Membresía</a></li>
          </ul>
        </div>
        <div>
          <h4>Contacto</h4>
          <ul>
            <li><a href="mailto:hardilatam@hardinet.org">hardilatam@hardinet.org</a></li>
            <li><a href="tel:+12397859516">+1 (239) 785-9516</a></li>
            <li>WhatsApp · 24/7</li>
          </ul>
          <div className="social" style={{ marginTop: 22 }}>
            <a href="https://www.linkedin.com/company/heating-air-conditioning-&-refrigeration-distributors-international" target="_blank" rel="noreferrer" aria-label="LinkedIn">
              <i data-lucide="linkedin" style={{ width: 18, height: 18 }}></i>
            </a>
            <a href="#" aria-label="YouTube">
              <i data-lucide="youtube" style={{ width: 18, height: 18 }}></i>
            </a>
            <a href="#" aria-label="Facebook">
              <i data-lucide="facebook" style={{ width: 18, height: 18 }}></i>
            </a>
          </div>
        </div>
      </div>
      <div className="legal">
        <span>© {year} HARDI LATAM. Todos los derechos reservados.</span>
        <span>Heating, Air-conditioning & Refrigeration Distributors International</span>
      </div>
    </footer>
  );
}