// FooterV4.jsx — dark, minimal. Reinforces the 3-page structure.
function FooterV4({ setPage }) {
  const go = (id) => (e) => { if (e) e.preventDefault(); setPage(id); };
  const year = new Date().getFullYear();
  return (
    <footer className="foot">
      <div className="wrap">
        <div className="foot-top">
          <div className="foot-brand">
            <img className="foot-logo" src={window.R('assets/logos/axv-wordmark-light.png')} alt="Aero X Ventures" />
            <p className="foot-line">Aero X Ventures is an operator-led venture firm backing deep technology.</p>
          </div>
          <div className="foot-nav">
            <div className="foot-col">
              <h5>Site</h5>
              <button onClick={go('home')}>Home</button>
              <button onClick={go('portfolio')}>Portfolio</button>
              <button onClick={go('team')}>Team</button>
              <button onClick={go('contact')}>Contact</button>
            </div>
            <div className="foot-col">
              <h5>Contact</h5>
              <a href="mailto:info@axv.vc">info@axv.vc</a>
              <button onClick={go('contact')}>Get in touch</button>
            </div>
          </div>
        </div>
        <div className="foot-bottom">
          <span>© {year} Aero X Ventures</span>
          <span>Deep Tech · Venture Capital</span>
        </div>
      </div>
    </footer>
  );
}
window.FooterV4 = FooterV4;