/* global React */
window.Footer = function Footer() {
  return (
    <footer className="footer">
      <div className="footer-inner">
        <div className="footer-top">
          <img className="footer-mark" src="../assets/mimren-lockup-hero.png" alt="Mimren" />
          <div className="footer-cols">
            <div>
              <Eyebrow>Practice</Eyebrow>
              <ul><li><a href="#">Services</a></li><li><a href="#">Case studies</a></li><li><a href="#">Insights</a></li></ul>
            </div>
            <div>
              <Eyebrow>Company</Eyebrow>
              <ul><li><a href="#">About</a></li><li><a href="#">People</a></li><li><a href="#">Careers</a></li></ul>
            </div>
            <div>
              <Eyebrow>Contact</Eyebrow>
              <ul><li>hello@mimren.com</li><li>For owner-led companies</li></ul>
            </div>
          </div>
        </div>
        <div className="footer-rule"></div>
        <div className="footer-bottom">
          <span>© 2026 Mimren</span>
          <span className="footer-tag">AI strategy · Implementation · Impact</span>
          <div className="footer-legal"><a href="#">Imprint</a><a href="#">Privacy</a></div>
        </div>
      </div>
    </footer>
  );
};