// QBClone — Footer
const QbFooter = () => (
  <footer className="qb-footer" data-screen-label="06 Footer">
    <div className="qb-footer-inner">
      <div className="qb-footer-brand">
        <a className="qb-brand" href="index.html">
          <img src="assets/logo.svg" alt="" className="qb-brand-logo" />
          QbClone<span className="qb-brand-dot">.</span>
        </a>
        <p>The modern, AI-native QuickBooks replacement. Free, forever. Built in the open. Extend it with Claude Code or Codex.</p>
      </div>
      <div className="qb-footer-cols">
        <div>
          <h5>Product</h5>
          <a href="dashboard.html">Dashboard</a>
          <a href="#compare">vs QuickBooks</a>
          <a href="#ai">AI assistant</a>
          <a href="#">Migrate</a>
          <a href="#">Changelog</a>
        </div>
        <div>
          <h5>Migrate</h5>
          <a href="#">From QB Desktop</a>
          <a href="#">From QB Online</a>
          <a href="#">From Xero</a>
          <a href="#">From Wave</a>
          <a href="#">From spreadsheets</a>
        </div>
        <div>
          <h5>Developers</h5>
          <a href="#">REST API</a>
          <a href="#">MCP server</a>
          <a href="#">SDKs</a>
          <a href="#">Webhooks</a>
          <a href="#">GitHub →</a>
        </div>
        <div>
          <h5>Company</h5>
          <a href="#">About</a>
          <a href="#">Open source</a>
          <a href="#">Security</a>
          <a href="#">Status</a>
          <a href="#">Contact</a>
        </div>
      </div>
    </div>
    <div className="qb-footer-bottom">
      <span>© 2026 QBClone · Free forever · MIT-licensed core</span>
      <span className="qb-status"><span className="d"></span>All systems operational · 99.99%</span>
    </div>
  </footer>
);

Object.assign(window, { QbFooter });