function Pricing() {
  const basics = [
    'Intent signals: job changes, hiring, funding & tech stack',
    <React.Fragment key="ul-basics">Unlimited leads<sup style={{fontSize:'0.65em', marginLeft:2}}>*</sup></React.Fragment>,
    'Automated outreach with smart routing',
    'Open-profile detection (Sales Navigator)',
    'AI-powered lead scoring & qualification',
    'Signal-specific icebreaker generation',
    '1 LinkedIn profile',
    'GoHighLevel CRM integration',
  ];
  const plus = [
    'Everything in Signals',
    'Unlimited campaigns',
    'Competitor & influencer monitoring — engagement on competitor/influencer posts + keyword-post activity',
    'AI Inbox Manager — AI-drafted replies for review, or fully automated inbox management',
    'Phone number enrichment',
    'Personality assessment per prospect',
    'Communication tips per personality profile',
  ];

  return (
    <section className="section" id="pricing">
      <div className="wrap">
        <div className="section-head">
          <div>
            <div className="eyebrow eyebrow-indigo">06 / Pricing</div>
            <h2>Start free.<br/>Pay when it works.</h2>
          </div>
          <p className="lede">
            Every plan begins with a <b>7-day free trial</b>. Set up your signals, launch outreach,
            and watch responses come in before you're billed a cent.
          </p>
        </div>

        <div className="trial-banner">
          <div className="trial-banner-inner">
            <div className="trial-pill">7-DAY FREE TRIAL</div>
            <div className="trial-headline">
              Try AiDA SDR free for 7 days.<br/>
              <span className="trial-headline-soft">Cancel anytime. Keep every reply.</span>
            </div>
            <a href="https://app.aidasdr.com/signup" className="btn btn-indigo btn-lg trial-cta">
              Start your 7-day free trial <span className="arrow">→</span>
            </a>
            <div className="trial-fineprint">Full access to the signal engine · unlimited leads within LinkedIn's sending limits · cancel anytime before day 8</div>
          </div>
        </div>

        <div className="price-grid">
          <div className="price">
            <div className="name">Signals</div>
            <div className="tag">Signal-based prospecting with hands-on outreach control.</div>
            <div className="amt">
              <span className="n">$197</span>
              <span className="p">/ month</span>
            </div>
            <a href="https://app.aidasdr.com/signup?plan=signals" className="btn btn-primary cta">Start free for 7 days <span className="arrow">→</span></a>
            <div className="price-trial-note">Then $197/mo · cancel anytime</div>
            <div className="div"></div>
            <div className="feats-head">What's included</div>
            <ul className="feats">
              {basics.map((f, i) => (
                <li key={i}><span className="ck"><ICheck size={11}/></span>{f}</li>
              ))}
            </ul>
            <div style={{marginTop:14, fontFamily:'var(--mono)', fontSize:11, color:'var(--ink-mute)', letterSpacing:'0.04em'}}>
              * LinkedIn sending limits apply.
            </div>
          </div>

          <div className="price featured">
            <div className="ribbon">MOST POPULAR</div>
            <div className="name">Signals + AI</div>
            <div className="tag">Unlimited leads, unlimited campaigns, and AiDA managing the inbox for you.</div>
            <div className="amt">
              <span className="n">$297</span>
              <span className="p">/ month</span>
            </div>
            <a href="https://app.aidasdr.com/signup?plan=signals_plus" className="btn btn-primary cta">Start free for 7 days <span className="arrow">→</span></a>
            <div className="price-trial-note">Then $297/mo · cancel anytime</div>
            <div className="div"></div>
            <div className="feats-head">Everything in Signals, plus</div>
            <ul className="feats">
              {plus.map((f, i) => (
                <li key={i}><span className="ck"><ICheck size={11}/></span>{f}</li>
              ))}
            </ul>
            <div style={{marginTop:18, fontFamily:'var(--mono)', fontSize:11, color:'rgba(255,255,255,0.5)', letterSpacing:'0.04em'}}>
              * LinkedIn sending limits apply.
            </div>
          </div>
        </div>

        <div className="dfy">
          Want it done for you? We also run fully-managed outbound programs for companies
          that want results without lifting a finger. <a href="https://get.aidasdr.com/application">Apply for done-for-you →</a>
        </div>
      </div>
    </section>
  );
}
window.Pricing = Pricing;