// REALIZE.CONTENT — Footer (multi-page aware via basePath)
const Footer = ({ basePath = './' }) =>
<footer className="footer">
    <div className="footer-inner">
      <div className="footer-col footer-bola">
        <img src={`${basePath}assets/logos/IDV inteira - NEGATIVO - sem fundo.png`}
      alt="REALIZE.CONTENT" style={{ width: 160 }} />
        <p>Produtora multidisciplinar colaborativa. Brasília–DF.</p>
      </div>
      <div className="footer-col">
        <h4>Navegar</h4>
        <a href={`${basePath}index.html#manifesto`}>Manifesto</a>
        <a href={`${basePath}projetos.html`}>Projetos</a>
        <a href={`${basePath}realizers.html`}>Realizers</a>
        <a href={`${basePath}index.html#contato`}>Contato</a>
      </div>
      <div className="footer-col">
        <h4>Realização</h4>
        <a href={`${basePath}projetos.html#longas`}>Longa-metragem</a>
        <a href={`${basePath}projetos.html#curtas`}>Curta-metragem</a>
        <a href={`${basePath}projetos.html#series`}>Série</a>
        <a href="#">Transmídia</a>
      </div>
      <div className="footer-col">
        <h4>Encontrar</h4>
        <a href="https://www.instagram.com/realize.content/" target="_blank" rel="noreferrer">Instagram</a>
        <a href="https://www.youtube.com/@realize.content" target="_blank" rel="noreferrer">Youtube</a>
        <a href="mailto:gestao@realizecontent.com.br">gestao@realizecontent.com.br</a>
      </div>
    </div>
    <div className="footer-strip" style={{ maxWidth: 1280, margin: '48px auto 0' }}>
      <div>© 2026 REALIZE.CONTENT · CNPJ 36.535.994/0001-98</div>
      <div className="tagline">CRIATIVIDADE, AUDIOVISUAL E TRANSMÍDIA</div>
    </div>
  </footer>;

window.Footer = Footer;