// Footer — dark with halftone, multi-column links, fine print
const Footer = () => {
  return (
    <footer className="site-footer">
      <img src="../../assets/halftone-1.png" className="site-footer__halftone" alt="" aria-hidden="true" />
      <div className="container">
        <div className="site-footer__grid">
          <div className="site-footer__brand">
            <img src="../../assets/logo-saludaware-original.png" alt="SaludAware" />
            <p>
              Centro clínico en Puerto Rico — medicina integral, preventiva,
              estética y telemedicina. Conciencia sobre la salud y el bienestar.
            </p>
          </div>
          <div>
            <h4>Clínica</h4>
            <ul>
              <li><a href="#">Servicios</a></li>
              <li><a href="#">Especialistas</a></li>
              <li><a href="#">Filosofía</a></li>
              <li><a href="#">Pacientes</a></li>
            </ul>
          </div>
          <div>
            <h4>Pacientes</h4>
            <ul>
              <li><a href="#">Agenda en línea</a></li>
              <li><a href="#">Telemedicina</a></li>
              <li><a href="#">Mi portal</a></li>
              <li><a href="#">Preguntas frecuentes</a></li>
            </ul>
          </div>
          <div>
            <h4>Contacto</h4>
            <ul>
              <li><a href="#">Ave. Roosevelt 1450, San Juan</a></li>
              <li><a href="tel:+17875551234">+1 787 555 1234</a></li>
              <li><a href="mailto:hola@saludaware.pr">hola@saludaware.pr</a></li>
              <li><a href="#">Instagram · Facebook</a></li>
            </ul>
          </div>
        </div>

        <div className="site-footer__bottom">
          <span>© 2025 SaludAware · Todos los derechos reservados.</span>
          <div className="site-footer__bottom-right">
            <a href="#">Privacidad</a>
            <a href="#">Términos</a>
            <a href="#">Booom. ↗</a>
          </div>
        </div>
      </div>
    </footer>
  );
};

window.Footer = Footer;