// =========================================================
// FINAL CTA (LANDING) — landing-only closing CTA.
// Dark "decision point" panel (forest-ink #14201A), single action only.
// Home page keeps the original <FinalCTA> in sections-3.jsx untouched.
// =========================================================
function FinalCTALanding({ onBook }) {
  return (
    <section className="section section--bleed">
      <div className="container">
        <Reveal>
          <div className="cta-end cta-end--dark cta-end--full">
            <div className="eyebrow" style={{ justifyContent: "center", display: "inline-flex" }}>
              what happens on the call
            </div>
            <h2 className="display">A 30-min talk. Then a clear next step.</h2>
            <p>
              You walk me through where you are. I tell you, plainly, whether
              I think I can help — and if so, which track fits. If not, I'll
              point you to who or what does.
            </p>

            <div className="cta-end__agenda">
              <div className="cta-end__step">
                <div className="cta-end__step-num">01</div>
                <div className="cta-end__step-time">10 min</div>
                <div className="cta-end__step-label">Where you are</div>
              </div>
              <div className="cta-end__step">
                <div className="cta-end__step-num">02</div>
                <div className="cta-end__step-time">10 min</div>
                <div className="cta-end__step-label">The questions that matter</div>
              </div>
              <div className="cta-end__step">
                <div className="cta-end__step-num">03</div>
                <div className="cta-end__step-time">10 min</div>
                <div className="cta-end__step-label">A clear next step</div>
              </div>
            </div>

            <div className="cta-end__actions">
              <button className="btn btn--primary btn--lg" onClick={onBook}>
                Book your free discovery call <ArrowGlyph />
              </button>
            </div>

            <div className="cta-end__alt">
              <strong>Not ready for a call?</strong> Send me a one-paragraph
              email at <a href="mailto:hello@jaysbansal.com">hello@jaysbansal.com</a> telling
              me where you're stuck. I read every one and reply within 48 hours.
            </div>

            <div className="cta-end__sig">
              currently booking · 1:1 and the next small cohort
            </div>
            <div className="cta-end__handsign">
              <img className="cta-end__avatar" src="assets/jay-avatar.png" alt="Jay" />
              <span className="cta-end__handsign-name">— Jay</span>
              <span className="cta-end__handsign-meta">calling from auckland · usually mornings your time</span>
            </div>
          </div>
        </Reveal>
      </div>
    </section>
  );
}

Object.assign(window, { FinalCTALanding });