function Footer() {
  return (
    <footer className="footer">
      <div className="container footer-grid">
        <div className="brand-col">
          <div className="brand-row">
            <img src="./assets/mark-dark.svg" alt="" />
            <div className="wm">TETRAHEDRON SYSTEMS</div>
          </div>
          <div className="tagline">Settlement, end&#8208;to&#8208;end.</div>
          <div className="addr">
            [Legal entity · Inc. / LLC / Ltd.]<br/>
            [Address line 1]<br/>
            [City, State, ZIP, USA]
          </div>
        </div>
        <div>
          <h4>Product</h4>
          <ul>
            <li><a>Acceptance</a></li>
            <li><a>Settlement</a></li>
            <li><a>Reconciliation</a></li>
            <li><a>Fulfillment events</a></li>
            <li><a>Custody</a></li>
          </ul>
        </div>
        <div>
          <h4>Resources</h4>
          <ul>
            <li><a href="https://docs.tigerbeetle.com/" target="_blank" rel="noopener">Documentation <span className="ext">↗</span></a></li>
            <li><a href="https://docs.tigerbeetle.com/reference/" target="_blank" rel="noopener">API reference <span className="ext">↗</span></a></li>
            <li><a>Status</a></li>
            <li><a>Changelog</a></li>
          </ul>
        </div>
        <div>
          <h4>Company</h4>
          <ul>
            <li><a>About</a></li>
            <li><a>Engineering</a></li>
            <li><a href="./legal.html">Legal</a></li>
            <li><a>Contact</a></li>
          </ul>
        </div>
      </div>
      <div className="container">
        <div className="legal">
          <span>© 2026 Tetrahedron Systems · TS-BG-001 · v0.1</span>
          <span>tetrahedron-systems.com</span>
        </div>
      </div>
    </footer>
  );
}

window.Footer = Footer;