const Footer = () => (
  <>
    <div className="footer">
      <div className="ftr-brand">
        <div className="nav-logo">
          <div className="nav-logo-mark" />
          <span>Model OS</span>
        </div>
        <p>
          The operating layer for model co-creation.
        </p>
      </div>
      <div className="col">
        <h5>Product</h5>
        <a href="#module-1">Training Data</a>
        <a href="#module-2">Fine-Tuning</a>
        <a href="#module-3">Eval</a>
        <a href="#module-4">Feedback</a>
      </div>
      <div className="col">
        <h5>Company</h5>
        <a href="team.html">Team</a>
        <a href="#traction">Research</a>
        <a href="mailto:contact@modelos.technology">Contact</a>
      </div>
    </div>
    <div className="footer-bottom">
      <span>© 2026 Model OS</span>
      <span>Built in Silicon Valley</span>
      <span>v0.9</span>
    </div>
  </>
);

window.Footer = Footer;