function FinalCTA() {
  const [email, setEmail] = React.useState("");
  const [sent, setSent] = React.useState(false);
  const submit = (e) => { e.preventDefault(); if (email.includes("@")) setSent(true); };

  return (
    <section id="order" className="finalcta">
      <div className="container finalcta-inner">
        <div className="finalcta-marker">
          <div className="finalcta-stamp">
            <IconLogo size={18}/>
            <span>HAVEN</span>
          </div>
        </div>
        <h2 className="finalcta-h">Peace of mind starts at home.</h2>
        <p className="lead finalcta-lead">
          Accurate environmental testing, designed for modern homeowners.
        </p>

        <div className="finalcta-actions">
          <a className="btn btn-primary btn-lg" href="#order">
            Order Your Kit
            <IconArrow size={16} stroke={1.6} className="arrow"/>
          </a>
          <form className="finalcta-form" onSubmit={submit}>
            <input
              type="email"
              required
              placeholder="Or join the waitlist — your@email"
              value={email}
              onChange={(e) => setEmail(e.target.value)}
              aria-label="Email address"
            />
            <button type="submit" className="finalcta-form-btn">
              {sent ? <IconCheck size={16} stroke={2}/> : <IconArrow size={16} stroke={1.8}/>}
            </button>
          </form>
        </div>
        {sent && <div className="finalcta-confirm">Thanks — we'll be in touch.</div>}

        <div className="finalcta-meta">
          <div><div className="k">Kits ship</div><div className="v">Within 48 hours</div></div>
          <div><div className="k">Results in</div><div className="v">5–7 days</div></div>
          <div><div className="k">Lab partner</div><div className="v">AIH Laboratory</div></div>
        </div>
      </div>
    </section>
  );
}

window.FinalCTA = FinalCTA;