/* eslint-disable */
// Newsletter CTA block — navy bg with gold rule, inline email form.

const NewsletterCTA = () => {
  const [email, setEmail] = React.useState('');
  const [done, setDone] = React.useState(false);
  return (
    <section className="cbm-newsletter">
      <div className="cbm-newsletter__inner">
        <div>
          <div className="cbm-newsletter__rule" />
          <h2>Stay informed. Every Monday.</h2>
          <p>Trusted insights, leadership stories and the news that drives Curaçao's business community forward — straight to your inbox.</p>
        </div>
        <div>
          {done ? (
            <p style={{fontFamily: 'var(--font-display)', fontSize: 22, color: 'var(--cbm-gold)', margin: 0}}>
              You're subscribed. Welcome aboard.
            </p>
          ) : (
            <form className="cbm-newsletter__form" onSubmit={async e => {
              e.preventDefault();
              if (!email) return;
              const ok = await window.submitFormspree(window.FORMSPREE.newsletter, e.currentTarget, { source: 'home-newsletter-cta' });
              if (ok) setDone(true);
            }}>
              <input type="email" name="email" placeholder="your@business.cw" value={email} onChange={e => setEmail(e.target.value)} />
              <button className="cbm-btn cbm-btn--gold" type="submit">Subscribe</button>
            </form>
          )}
          <p style={{fontSize: 11, color: 'rgba(255,255,255,0.6)', marginTop: 14, letterSpacing: '0.06em'}}>
            8,000+ subscribers · No spam · Unsubscribe anytime
          </p>
        </div>
      </div>
    </section>
  );
};

Object.assign(window, { NewsletterCTA });