/* global React */

function Footer() {
  return (
    <footer className="lp-footer">
      <div className="lp-footer__inner">
        <div className="lp-footer__brand">
          <span className="av-logo av-logo--footer" aria-hidden="true">
            <span className="av-logo__first">ALEXANDER</span>
            <span className="av-logo__last">VAN DER PLAS</span>
          </span>
          <div className="lp-footer__tag">Engineer. Commercial leader. Builder.</div>
        </div>

        <nav className="lp-footer__cols" aria-label="Footer">
          <div>
            <div className="lp-footer__col-head">// Career</div>
            <a href="#career">DSV — 8 yrs 4 mos</a>
            <a href="#career">Reserve Officer</a>
            <a href="/resume/alexander-van-der-plas-cv.pdf" download>Download CV ↓</a>
            <a href="https://www.linkedin.com/in/alexandervanderplas" target="_blank" rel="noopener noreferrer">LinkedIn ↗</a>
          </div>
          <div>
            <div className="lp-footer__col-head">// Ventures</div>
            <a href="https://podfy.net" target="_blank" rel="noopener noreferrer">Podfy ↗</a>
            <a href="https://justfit.cc" target="_blank" rel="noopener noreferrer">JustFit ↗</a>
            <a href="https://lake-project.com" target="_blank" rel="noopener noreferrer">Lake Project ↗</a>
          </div>
          <div>
            <div className="lp-footer__col-head">// Get in touch</div>
            <a href="#contact">Contact</a>
            <a href="mailto:hello@alexandervanderplas.com">hello@alexandervanderplas.com</a>
          </div>
        </nav>
      </div>

      <div className="lp-footer__base">
        <div className="lp-footer__base-meta">
          <span>Alexander van der Plas</span>
          <span>Lake Project · KvK 29816688</span>
          <span>Rotterdam · NL</span>
          <span>© 2026</span>
        </div>
        <div className="lp-footer__sig">Signal nominal</div>
      </div>
    </footer>
  );
}

window.Footer = Footer;