// O formulário virou página separada em /candidatura (quiz progressivo).
// Mantemos apenas o Closing, Footer e FloatingCTA aqui.

const Closing = () => (
  <Section tone="dark" id="fechamento" className="ms-closing">
    <div className="reveal"><Fleuron variant="champagne" /></div>
    <p className="ms-closing__line reveal reveal-d1">O seu negócio só cresce até onde <em>você</em> sustenta.</p>
    <h2 className="ms-closing__triplet reveal reveal-d2"><strong>Mulher</strong> forte. <br /><strong>Empresária</strong> forte. <br /><strong>Empresa</strong> forte.</h2>
    <a href="/candidatura" className="ms-btn ms-btn--cream">
      <span>Sou essa mulher</span><span className="ms-btn__arr">→</span>
    </a>
    <span className="ms-closing__sig">journey</span>
  </Section>
);

const Footer = () => (
  <footer className="ms-footer" data-screen-label="14 Footer">
    <div className="ms-container ms-footer__inner">
      <Monogram variant="champagne" size={64} />
      <div className="ms-footer__cols">
        <div><span className="ms-footer__lbl">Mentora</span><a href="https://www.instagram.com/larissaotolini/" target="_blank" rel="noopener">@larissaotolini</a></div>
        <div><span className="ms-footer__lbl">Edição</span><span>Junho – Agosto 2026</span></div>
      </div>
      <div className="ms-footer__fine">© 2026 MS Journey · Jornada Mulher de Sucesso</div>
    </div>
  </footer>
);

// FloatingCTA agora aparece sempre (não há formulário inline para esconder).
// Some apenas perto do rodapé pra não brigar com a CTA do Closing.
const FloatingCTA = () => {
  const [hide, setHide] = React.useState(false);
  React.useEffect(() => {
    const onScroll = () => {
      const f = document.getElementById("fechamento");
      if (!f) return;
      const r = f.getBoundingClientRect();
      setHide(r.top < window.innerHeight && r.bottom > 0);
    };
    window.addEventListener("scroll", onScroll);
    onScroll();
    return () => window.removeEventListener("scroll", onScroll);
  }, []);
  return (
    <a href="/candidatura" className={`ms-fab ${hide ? "is-hidden" : ""}`}>
      <span>Quero me candidatar</span>
      <span className="ms-fab__arr">→</span>
    </a>
  );
};

Object.assign(window, { Closing, Footer, FloatingCTA });
