function Footer({ setRoute }) {
  const go = (key) => (e) => { e.preventDefault(); setRoute(key); window.scrollTo(0, 0); };
  return (
    <footer className="footer">
      <div className="footer__text">
        <nav className="footer__nav">
          <a className="footer__navlink" href="menu.html">The Menu</a>
          <a className="footer__navlink" href="#" onClick={go("whatis")}>What is Nourrir</a>
          <a className="footer__navlink" href="our-story.html">Our Story</a>
          <a className="footer__navlink" href="build.html">Build your plan</a>
          <a className="footer__navlink" href="#">Member login</a>
        </nav>

        <div className="footer__legal">
          <a href="#">Privacy</a>
          <a href="#">Terms</a>
          <a href="#">Cookies</a>
        </div>

        <div className="footer__sign">
          <div className="footer__mono">n.</div>
          <div className="footer__tag">Eat with intention.</div>
          <div className="footer__contact">
            <a href="#">@nourrir.life</a>
            <a href="#">nourrir.life</a>
          </div>
          <div className="footer__creed">London · Halal · Chef-cooked · Never frozen</div>
        </div>
      </div>

      <div className="footer__media">
        <div className="footer__slot" style={{ backgroundImage: "url(assets/hero-03-table.jpg)" }}>
          <span className="label">The Table</span>
        </div>
        <div className="footer__slot" style={{ backgroundImage: "url(assets/sunday-drop.jpg)" }}>
          <span className="label">The Drop</span>
        </div>
      </div>
    </footer>
  );
}
window.Footer = Footer;