// About teaser, portrait + short positioning + 3 stat cells + link to /about
function AboutTeaser() {
  return (
    <section className="section section-white" data-screen-label="03 About teaser">
      <div className="section-inner">
        <div className="about-teaser-grid">
          <div>
            <p className="eyebrow">About</p>
            <h2 className="section-headline">A practitioner first, working at the intersection of intervention, training, and curriculum development</h2>
            <div className="about-body">
              <p>
                I've spent over two decades inside this work: facilitating accountability groups, training facilitators and the trainers who prepare them, and writing curricula now used by programs across the country. The standpoint is practical, not academic: every recommendation has been tested in the room with men who have caused harm.
              </p>
              <p>
                I currently direct Common Ground in Atlanta and consult nationally with intervention programs, state agencies, and federal agencies on IPV intervention and prevention.
              </p>
            </div>

            <div className="about-credentials">
              <div className="about-cred">
                <div className="about-cred-value">25+ yrs</div>
                <div className="about-cred-label">In direct intervention practice</div>
              </div>
              <div className="about-cred">
                <div className="about-cred-value">National</div>
                <div className="about-cred-label">COALITIONS, STATE & FEDERAL AGENCIES, APIP PROGRAMS</div>
              </div>
            </div>

            <a className="about-link" href="#about">
              Read the full bio
              <span className="arrow" aria-hidden="true">→</span>
            </a>
          </div>
        </div>
      </div>
    </section>);

}

window.AboutTeaser = AboutTeaser;