// Two-Path routing cards, equal-weight. Framing and copy do the sorting.
// Card 1 (organizations) → Services. Card 2 (individuals / referrers) → Common Ground.
// Plain-first APIP on the consulting side; GCFV cert is intentionally held for the
// Common Ground page, not surfaced here.
function TwoPaths() {
  return (
    <section className="section section-cream" data-screen-label="02 Two paths">
      <div className="section-inner">
        <div className="twopath-header">
          <div>
            <p className="eyebrow">Two paths</p>
            <h2 className="section-headline">What brings you here?</h2>
          </div>
          <p className="section-body" style={{ marginTop: 0 }}>
            Same practitioner, two distinct kinds of work. Pick the one that fits.
          </p>
        </div>

        <div className="twopath-grid">
          {/* Path 1 — consulting practice */}
          <a className="path-card" href="Services.html">
            <div className="path-eyebrow">
              <span className="path-num">For organizations</span>
            </div>
            <h3 className="path-title">Consulting, training &amp; curriculum development</h3>
            <p className="path-body">
              For abusive partner intervention programs, the state agencies that oversee them, and community partners looking to strengthen how intervention is done. Training, curriculum development, and consultation.
            </p>
            <div className="path-meta">
              <span className="path-meta-chip">Training</span>
              <span className="path-meta-chip">Curriculum development</span>
              <span className="path-meta-chip">Consultation</span>
            </div>
            <span className="path-action">
              Explore services
              <span className="arrow" aria-hidden="true">→</span>
            </span>
          </a>

          {/* Path 2 — Common Ground program */}
          <a className="path-card" href="Common Ground.html">
            <div className="path-eyebrow">
              <span className="path-num">For participants &amp; referrers</span>
            </div>
            <h3 className="path-title">Common Ground Men's Education Program</h3>
            <p className="path-body">
              A 24-week intimate partner violence intervention program for men, delivered in weekly virtual sessions on a sliding fee scale. For men considering enrollment and for professionals making a referral. Open to court-referred, community-referred, and voluntary participants.
            </p>
            <div className="path-meta">
              <span className="path-meta-chip">24 weeks</span>
              <span className="path-meta-chip">Virtual (Zoom)</span>
              <span className="path-meta-chip">Sliding fee scale</span>
            </div>
            <span className="path-action">
              About the program
              <span className="arrow" aria-hidden="true">→</span>
            </span>
          </a>
        </div>
      </div>
    </section>
  );
}

window.TwoPaths = TwoPaths;