/* @jsx React.createElement */
function Footer() {
  return (
    <footer className="vc-footer">
      <div className="vc-footer__top">
        <div>
          <div className="vc-eyebrow">CMD&nbsp;&amp;&nbsp;CONTROL</div>
          <div className="vc-footer__brand">VOLUNTEER&nbsp;C2</div>
          <div className="vc-footer__tag">For the wall, not the feed.</div>
        </div>
        <div className="vc-footer__cols">
          <div>
            <div className="vc-footer__lbl">INDEX</div>
            <a href="index.html">Home</a>
            <a href="doctrine.html">Doctrine</a>
            <a href="episodes.html">Episodes</a>
            <a href="aars.html">AAR ledger</a>
            <a href="about.html">About</a>
          </div>
          <div>
            <div className="vc-footer__lbl">SUPPORT</div>
            <a href="https://www.patreon.com/cw/VolunteerC2" target="_blank" rel="noopener">Patreon</a>
            <a href="index.html#subscribe">Free brief</a>
            <a>Press kit</a>
          </div>
          <div>
            <div className="vc-footer__lbl">SIGNALS</div>
            <a>RSS</a>
            <a>Mastodon</a>
            <a>Bluesky</a>
            <a>Contact</a>
          </div>
        </div>
      </div>
      <div className="vc-footer__btm">
        <span>EST. 2026 &middot; CALLSIGN VC2 &middot; READER-SUPPORTED</span>
        <span>© 2026 VOLUNTEER C2 &middot; READER-SUPPORTED &middot; ALL TRANSMISSIONS RECORDED FOR AAR PURPOSES.</span>
      </div>
    </footer>
  );
}
window.Footer = Footer;