function Footer() {
  return (
    <footer className="footer">
      <div className="container">
        <div className="footer-top">
          <div className="footer-brand">
            <h3>Nos vemos<br/>en barra.</h3>
            <p>Café de especialidad, tostadas serias y baristas con paciencia. Pásate cuando quieras — el bean te espera.</p>
            <div style={{ display: 'flex', gap: 10, marginTop: 20 }}>
              <a className="btn btn-primary" href="https://www.instagram.com/beancoffeezgz/" target="_blank" rel="noopener noreferrer">
                <IconInstagram size={16} color="var(--cream-3)" /> Instagram
              </a>
            </div>
          </div>
          <div className="footer-col">
            <h4>Carta</h4>
            <ul>
              <li><a href="#menu">Café</a></li>
              <li><a href="#menu">Especiales</a></li>
              <li><a href="#menu">Fríos</a></li>
              <li><a href="#menu">Tostadas</a></li>
              <li><a href="#menu">Vitrina</a></li>
            </ul>
          </div>
          <div className="footer-col">
            <h4>Cafetería</h4>
            <ul>
              <li><a href="#especialidad">Especialidad</a></li>
              <li><a href="#experiencias">Experiencias</a></li>
              <li><a href="#resenas">Reseñas</a></li>
              <li><a href="#visitanos">Visítanos</a></li>
            </ul>
          </div>
          <div className="footer-col">
            <h4>Contacto</h4>
            <ul>
              <li><a href="mailto:hola@beancoffee.es">hola@beancoffee.es</a></li>
              <li><a href="https://wa.me/34600000000" target="_blank" rel="noopener noreferrer">WhatsApp</a></li>
              <li><a href="https://maps.app.goo.gl/urVJx2mhKgg6ehys5" target="_blank" rel="noopener noreferrer">Cómo llegar</a></li>
            </ul>
          </div>
        </div>

        <div className="footer-bottom">
          <span>© 2025 Bean Coffee Zaragoza · Café de especialidad</span>
          <a
            href="https://paginasea.es"
            target="_blank"
            rel="noopener noreferrer"
            className="footer-credit"
          >
            Hecho por
            <img src="assets/paginasea-favicon.svg" alt="" width="16" height="16" />
            <strong>paginasea.es</strong>
            <span className="credit-sub">— Agencia de diseño web</span>
          </a>
        </div>
      </div>
      <div className="footer-giant">BEAN COFFEE</div>
    </footer>
  );
}

Object.assign(window, { Footer });
