const Footer = () => {
  return (
    <footer className="footer" data-screen-label="Footer">
      <div className="footer__cols">
        <div>
          <div className="wordmark" style={{ fontSize: 22 }}>
            <span style={{ display: "inline-flex", alignItems: "center", gap: 8 }}>
              <BrainMark size={26} maskId="footer-bm" />
              <span>Industro<span style={{ color: "var(--saffron)" }}>learn</span></span>
            </span>
          </div>
          <p className="muted" style={{ marginTop: 14, maxWidth: 36+"ch", fontSize: 14 }}>
            A founder-led AI school and project studio, built in India for people who want to use AI to become valuable — not just informed.
          </p>
          <div className="mono muted" style={{ fontSize: 12, marginTop: 22, letterSpacing: "0.06em", lineHeight: 1.7 }}>
            <div>©&nbsp;2026 Industrolearn AI Education Pvt. Ltd.</div>
            <div>GSTIN&nbsp;29AAICI5610F1ZM</div>
            <div>CIN&nbsp;U85499KA2025PTC212251</div>
          </div>
        </div>
        <div>
          <div className="eyebrow" style={{ marginBottom: 14 }}>School</div>
          <ul style={{ listStyle: "none", padding: 0, margin: 0, display: "grid", gap: 10, fontSize: 14 }}>
            <li><a href="programs/builder-track.html">Builder Track</a></li>
            <li><a href="programs/foundations.html">Foundations</a></li>
            <li><a href="programs/apprenticeship.html">Apprenticeship</a></li>
            <li><a href="start-here.html">Start here</a></li>
          </ul>
        </div>
        <div>
          <div className="eyebrow" style={{ marginBottom: 14 }}>Studio</div>
          <ul style={{ listStyle: "none", padding: 0, margin: 0, display: "grid", gap: 10, fontSize: 14 }}>
            <li><a href="studio.html#audit">Audit</a></li>
            <li><a href="studio.html#sprint">Sprint</a></li>
            <li><a href="studio.html#mvp">MVP</a></li>
            <li><a href="studio.html#retainer">Retainer</a></li>
            <li><a href="studio.html#build-pod">Build Pod</a></li>
          </ul>
        </div>
        <div>
          <div className="eyebrow" style={{ marginBottom: 14 }}>Company</div>
          <ul style={{ listStyle: "none", padding: 0, margin: 0, display: "grid", gap: 10, fontSize: 14 }}>
            <li><a href="#about">About</a></li>
            <li><a href="#events">Events</a></li>
            <li><a href="#book">Book a call</a></li>
            <li><a href="#">Terms</a></li>
            <li><a href="#">Privacy</a></li>
            <li><a href="#">Refunds</a></li>
          </ul>
        </div>
      </div>
    </footer>
  );
};

window.Footer = Footer;