// BIO, Founder · compact close for Ch.05

function Bio() {
  return (
    <section className="section rule-top" id="founder">
      <div className="page">
        <div className="join-founder">
          <span className="eyebrow">The Founder</span>
          <h2 className="h-section join-founder-headline">
            Built by someone who <em>negotiated</em> their way from broke to Beverly Hills to now traveling the world.
          </h2>
          <p className="lede join-founder-lede">
            I'm Aidan Crotinger. Grammy nominations, 3B+ streams, 400+ deals negotiated, two companies sold, and the same paperwork mistakes early on that cost me money I didn't have. Producer Union is the map I didn't get at twenty-two.
          </p>
          <dl className="join-founder-facts">
            {[
              ["Grammy nominations", "5×"],
              ["Streams worked on", "3B+"],
              ["Deals negotiated", "400+"],
              ["Operating since", "2018"],
            ].map(([k, v]) => (
              <div key={k} className="join-founder-fact">
                <dt className="caption">{k}</dt>
                <dd>{v}</dd>
              </div>
            ))}
          </dl>
          <div style={{ marginTop: 40 }}>
            <JoinCta href={PU_LINKS.free} sub="Free · No card needed">Join free on Skool</JoinCta>
          </div>
        </div>
      </div>
    </section>
  );
}

window.Bio = Bio;