function FinalCta() {
  const go = (id) => (e) => {
    e.preventDefault();
    document.getElementById(id)?.scrollIntoView({ behavior: "smooth" });
  };
  return (
    <section id="cta" className="final-cta section">
      <Sticker kind="star" className="fc-stk fc-stk-1 anim" />
      <Sticker kind="sparkle" className="fc-stk fc-stk-2 anim" style={{ animationDelay: "0.7s" }} />
      <Sticker kind="plus" className="fc-stk fc-stk-3" />
      <Sticker kind="squig" className="fc-stk fc-stk-4" />
      <div className="wrap">
        <Reveal as="div" className="fc-inner">
          <div className="eyebrow on-dark" style={{ justifyContent: "center", marginBottom: 18 }}><span className="dot"/>Empieza hoy</div>
          <h2>¿Cuánto tiempo más vas a<br/><span className="pink">esperar para crecer?</span></h2>
          <p>Puedes seguir dependiendo de la suerte, o tener un sistema que trabaje para ti 24/7. La elección es tuya.</p>
          <div className="fc-ctas">
            <a className="btn btn-primary" href="#cba672efdb">Crece tu negocio con datos <Arrow/></a>
            <a className="btn btn-ghost-dark" href="#sistemas" onClick={go("sistemas")}>Conocer los sistemas</a>
          </div>
          <div className="cta-note">
            <span>Estrategia gratuita · 30 min · sin compromiso</span>
          </div>
        </Reveal>
      </div>
    </section>
  );
}
Object.assign(window, { FinalCta });