// cta-footer.jsx — dobra 9 (CTA) + footer
const { IconArrowRight, IconArrowUpRight } = window.Icons;

function DobraCTA() {
  return (
    <section className="section canvas" id="planos">
      <div className="container">
        <div className="cta-stage">
          <h2>Uma nova forma de operar<br/>o flip imobiliário</h2>
          <p>
            Plataforma criada para dar mais clareza, controle e consistência à operação de quem compra, transforma, vende ou aluga imóveis com geração de valor.
          </p>
          <div className="cta-actions">
            <a className="btn btn-primary btn-lg" href="/precos">
              Ver planos <IconArrowRight size={16} />
            </a>
          </div>
          <div style={{ marginTop: 28, fontSize: 13, color: 'var(--fg-subtle)' }}>
            Sem compromisso · Onboarding com o time · Português, real, do Brasil
          </div>
        </div>
      </div>
    </section>
  );
}

function Footer({ base = '' }) {
  // `base` is a prefix for site-relative links (e.g. '../' when this footer
  // is rendered from a page in /marketing/conteudo/). Defaults to '' so
  // existing pages at /marketing/*.html keep working unchanged.
  return (
    <footer className="footer">
      <div className="container">
        <div className="footer-grid">
          <div className="footer-brand">
            <a href="/#top" className="nav-logo footer-logo">
              <img src="/assets/logo-app-icon-blue.png" alt="" />
              <span className="nav-wordmark">Flipper Hub</span>
            </a>
            <p>A inteligência operacional do flip imobiliário no Brasil.</p>
          </div>
          <div>
            <h4>Plataforma</h4>
            <ul>
              <li><a href="/#plataforma">Visão geral</a></li>
              <li><a href="/#jornada">Jornada do imóvel</a></li>
              <li><a href="/precos">Planos</a></li>
            </ul>
          </div>
          <div>
            <h4>Empresa</h4>
            <ul>
              <li><a href="/sobre">Sobre</a></li>
              <li><a href="/conteudo">Conteúdo</a></li>
              <li><a href="#">Contato</a></li>
              <li><a href="#">Carreiras</a></li>
            </ul>
          </div>
          <div>
            <h4>Acesso</h4>
            <ul>
              <li><a href='https://app.flipperhub.com.br' target="_blank" rel="noopener">Entrar</a></li>
              <li><a href="#">Status</a></li>
              <li><a href="#">Política de privacidade</a></li>
            </ul>
          </div>
        </div>
        <div className="footer-legal">
          <div className="footer-legal-info">
            <p>HF Tech Ltda · CNPJ 64.113.809/0001-02</p>
            <p>Av. Carlos Gomes, 700, sala 606 · Boa Vista · Porto Alegre/RS · CEP 90480-000</p>
            <p>© 2026 Flipper Hub · Todos os direitos reservados</p>
          </div>
          <span className="footer-made-in">
            <svg className="br-flag" width="20" height="14" viewBox="0 0 20 14" aria-hidden="true">
              <rect width="20" height="14" rx="1.5" fill="#009C3B"/>
              <path d="M10 1.6 L18.4 7 L10 12.4 L1.6 7 Z" fill="#FFDF00"/>
              <circle cx="10" cy="7" r="2.6" fill="#002776"/>
              <path d="M7.6 6.3 Q10 5.4 12.4 6.3" stroke="#FFFFFF" strokeWidth="0.45" fill="none"/>
            </svg>
            Feito no Brasil, para o mercado brasileiro.
          </span>
        </div>
        <p className="footer-disclaimer">
          Logos e marcas de terceiros pertencem aos respectivos titulares e aparecem apenas para fins ilustrativos — sem relação de parceria, patrocínio ou endosso.
        </p>
      </div>
    </footer>
  );
}

window.DobraCTA = DobraCTA;
window.SiteFooter = Footer;