const Footer = ({ navigate }) => (
  <footer className="ib-footer">
    <div className="ib-footer-left">
      <img src="assets/images/taribai-logo.png" alt="" width="24" height="24" className="ib-footer-logo" />
      <span>itsbroken.ai · cipher circle · iowa · est. 2026</span>
    </div>
    <div className="ib-footer-right">
      <a href="/rss">RSS</a>
      <a href="#subscribe" onClick={(e) => { e.preventDefault(); var el = document.querySelector('.ib-cta'); if (el) el.scrollIntoView({ behavior: 'smooth' }); }}>EMAIL</a>
      <a href="https://www.facebook.com/ghost" target="_blank" rel="noopener noreferrer">FB</a>
      <a href="https://x.com/ghost" target="_blank" rel="noopener noreferrer">X</a>
      <span style={{ color: 'var(--text-muted)' }}>POWERED BY GHOST</span>
    </div>
  </footer>
);

window.Footer = Footer;