// Footer — newsletter (desire-first capture) + sitemap, on chianti.
function Footer({ onSubscribe }) {
  return (
    <footer className="foot">
      <div className="news">
        <div className="wrap">
          <h2>Fique de olho no forno.</h2>
          <p>Novidades, fornadas especiais e os rituais da casa, direto no seu e-mail.</p>
          <form className="news-form" onSubmit={(e) => { e.preventDefault(); onSubscribe(); e.target.reset(); }}>
            <input type="email" required placeholder="seu@email.com" aria-label="E-mail" />
            <button type="submit">Quero receber</button>
          </form>
        </div>
      </div>
      <div className="wrap foot-units">
        {[
          { u: 'Ilha Pura', bairro: 'Barra da Tijuca' },
          { u: 'Ipanema', bairro: 'Zona Sul' },
        ].map((n) => (
          <div className="unit" key={n.u}>
            <h4>{n.u}</h4>
            <p>{n.bairro} · Rio de Janeiro</p>
            <p className="hrs">Todos os dias · 7h às 22h</p>
            <a href="#">Ver no mapa →</a>
          </div>
        ))}
      </div>
      <div className="wrap foot-main has-neg">
        <div>
          <img className="lg" src="../../assets/logo-trigo.png" alt="Panetteria" />
          <p>Mais que padaria.<br/>Duas casas no Rio de Janeiro.</p>
        </div>
        <div className="foot-col">
          <h4>A casa</h4>
          <a href="#">Nossa história</a><a href="#">Eventos</a><a href="#">Bastidores</a><a href="#">Trabalhe conosco</a>
        </div>
        <div className="foot-col">
          <h4>Cardápio</h4>
          <a href="#">Café da manhã</a><a href="#">Almoço</a><a href="#">Noite &amp; pizza</a><a href="#">Padaria</a>
        </div>
        <div className="foot-col">
          <h4>Visite</h4>
          <a href="#">Reservas</a><a href="#">Encomendas</a><a href="#">@panetteria</a>
        </div>
        <div className="foot-col">
          <h4>Para empresas</h4>
          <a href="hoteis.html">Hotéis</a><a href="eventos.html">Eventos</a><a href="mercado.html">Mercado</a>
        </div>
      </div>
      <div className="wrap foot-bottom">
        <span>© 2026 Panetteria</span>
        <span>Feito com fermento e paciência.</span>
      </div>
    </footer>
  );
}
window.Footer = Footer;