/* global React */

function About() {
  return (
    <section className="fk-section" id="about" data-screen-label="02 About">
      <div className="fk-section__inner">
        <div className="section-marker">
          <span className="num">01 —</span><span>about</span>
        </div>
        <div className="about-grid">
          <div className="about-portrait">
            <img src="assets/photos/lounge-seated.jpg" alt="Farid seated, marina" />
          </div>
          <div className="about-copy">
            <h2 className="fk-h1">
              I'm Farid — operator, builder, dad <span className="fk-display__caveat">in that order.</span>
            </h2>
            <p className="lede">
              I'm the CEO and co-founder of Purely Works — an AI-enabled services company. We help startups,
              SMEs, and nonprofits scale through AI-augmented teams that ship like an extension of yours.
            </p>
            <p>
              I started Purely Works in 2024 because the businesses I respected most were getting buried in
              process and outsourced labor that didn't care. We do the opposite — five services (proposals,
              development, consulting, recruiting, marketing), one team per client, month-to-month, and you
              own 100% of the code, the data, and the IP from the moment it's written. About fourteen of us
              today, scaling to twenty. US leadership, operations in Pakistan. Remote-first, on purpose.
            </p>
            <div className="about-quote">
              A good company should fit around the life you want — not the other way around.
            </div>
            <p>
              The rest of the time, I'm at home in Southern California with my wife and kids, on the road,
              or writing on Medium about what it's actually like to design a business around your family
              instead of the other way around. I have closed deals from a campground. I'm going to keep
              doing that.
            </p>
            <dl className="about-facts">
              <div><dt>Role</dt><dd>CEO / Co-founder, Purely Works</dd></div>
              <div><dt>Founded</dt><dd>2024 · Southern California</dd></div>
              <div><dt>Team</dt><dd>~14 today · scaling to 20</dd></div>
              <div><dt>Writing</dt><dd>Medium · @faridkheloco</dd></div>
              <div><dt>Open to</dt><dd>Speaking · advisory · collabs</dd></div>
              <div><dt>Email</dt><dd>farid@purelyworks.com</dd></div>
            </dl>
          </div>
        </div>
      </div>
    </section>
  );
}

window.About = About;