/* CTA final · Footer  (Cases agora vive em cases.jsx) */

function CtaFinal() {
  const { Button } = window.CheerDesignSystem_4677f5;
  return (
    <section className="dark" id="contato">
      <div className="wrap cta">
        <div className="reveal">
          <h2>pronto para ter a marca<br />que você <span className="y">merece?</span></h2>
          <p>Tenha uma conversa estratégica de 20 minutos. Sem pitch preparado, sem proposta
            genérica, apenas para entender o seu negócio, e se fizer sentido para os dois lados, avançarmos.</p>
          <Button variant="primary" size="lg" rightIcon={<window.Icon.Arrow />}
            onClick={() => window.open(window.FORM, "_blank")}>
            Agendar minha conversa estratégica
          </Button>
        </div>
      </div>
    </section>
  );
}

function Footer() {
  return (
    <footer className="footer">
      <div className="wrap">
        <div className="footer__grid">
          <div>
            <img className="footer__logo" src="cheer-ds/assets/logo/cheer-wordmark-white.svg" alt="cheer desıgn" />
            <p className="footer__tag">Estúdio de branding e estratégia com raiz em neurociência e comportamento humano. São Paulo.</p>
          </div>
          <div className="footer__col">
            <h4>Serviços</h4>
            <a href="#servicos">Branding completo</a>
            <a href="#servicos">Ativação estratégica</a>
            <a href="#servicos">Mentoria mensal</a>
            <a href="#servicos">Execução estratégica</a>
          </div>
          <div className="footer__col">
            <h4>Estúdio</h4>
            <a href="#create">Metodologia CREATE</a>
            <a href="#cases">Trabalhos</a>
            <a href="#diferencial">Sobre a Patricia</a>
          </div>
          <div className="footer__col">
            <h4>Contato</h4>
            <a href={window.FORM} target="_blank" rel="noreferrer">Conversa estratégica</a>
            <a href="https://www.instagram.com/estudiocheerdesign/" target="_blank" rel="noreferrer">Instagram</a>
            <a href="https://wa.me/5511978234145" target="_blank" rel="noreferrer">WhatsApp</a>
          </div>
        </div>
        <div className="footer__base">
          <span>© 2025 Estúdio cheer design. Todos os direitos reservados.</span>
          <span>feito com estratégia em São Paulo</span>
        </div>
      </div>
    </footer>
  );
}

Object.assign(window, { CtaFinal, Footer });