// Free Training CTA — "Join The Fastest Growing Community" + video
function CommunityCTA({ onWatch }) {
  return (
    <section data-mf="community-cta" id="free-training" style={{
      position: 'relative',
      background: `
        radial-gradient(ellipse 80% 50% at 50% 100%, rgba(7,132,190,0.22) 0%, transparent 60%),
        linear-gradient(180deg, #0A0C0E 0%, #0F1215 100%)
      `,
      padding: '130px 44px 140px',
      borderTop: '1px solid rgba(255,255,255,0.06)',
    }}>
      <div style={{ maxWidth: 1100, margin: '0 auto', textAlign: 'center' }}>
        <h2 style={{
          fontFamily: 'Archivo', fontWeight: 800,
          fontSize: 'clamp(44px, 5.6vw, 84px)',
          lineHeight: 0.98, letterSpacing: '-0.028em',
          margin: '0 auto 18px', color: '#fff',
        }}>
          Join the fastest growing community<br/>
          <span style={{ color: '#0784BE' }}>of service business owners on earth.</span>
        </h2>
        <p style={{ fontSize: 18, lineHeight: 1.55, color: 'rgba(255,255,255,0.7)',
          maxWidth: 640, margin: '0 auto 48px' }}>
          Watch the exact marketing-and-sales framework our clients use to add five-figure contracts in 45 minutes or less. No sign-up tricks. No upsell maze.
        </p>

        <div style={{ marginTop: 48, display: 'flex', alignItems: 'center', justifyContent: 'center', gap: 24, flexWrap: 'wrap' }}>
          <Button size="xl" onClick={onWatch}>Schedule Demo</Button>
        </div>
      </div>
    </section>
  );
}
window.CommunityCTA = CommunityCTA;