function AboutPage({ onNav }) {
  return (
    <article data-screen-label="about">
      <header className="pf-wp-hero">
        <div className="pf-wp-num">about</div>
        <div className="pf-wp-head">
          <span className="pf-wp-kicker">the longer version</span>
          <h1 className="pf-wp-title">about<span className="pf-hero-dot">.</span></h1>
          <p className="pf-wp-lede">
            AI automation engineer. Graduated Covenant University late 2024.
            Based in Lagos, time in the UK. The work is in production; the
            pitch is below.
          </p>
        </div>
      </header>

      <section className="pf-about-grid">
        {/* long bio */}
        <div className="pf-about-section">
          <div className="pf-about-section-label">01 · the bio</div>
          <div className="pf-about-section-body">
            <p>
              [PLACEHOLDER · 3–5 paragraphs, you&rsquo;ll provide the final
              copy.] What I do: I build AI-powered automation systems that
              run in production. The job is less about models and more about
              the connective tissue: service layers, integrations, the
              human-in-the-loop handoff that keeps the system safe.
            </p>
            <p>
              [PLACEHOLDER] Where I&rsquo;ve been: computer science at
              Covenant University (2021–2024, 4.48 CGPA). Internship at
              Africa Fintech Foundry in 2021, a Home Assistant co-op at
              Multiskills in 2023, and professional work since graduating:
              Multiskills IT, Verstand AI, RevGeni AI, Flow Lab Systems.
            </p>
            <p>
              [PLACEHOLDER] What I care about: systems that actually ship,
              clients who keep using them after the invoice clears, and
              leaving behind documentation sharp enough that the next
              engineer doesn&rsquo;t have to call me.
            </p>
          </div>
        </div>

        {/* education */}
        <div className="pf-about-section">
          <div className="pf-about-section-label">02 · education</div>
          <div className="pf-about-section-body">
            <h3>Covenant University</h3>
            <ul className="pf-about-kv">
              <li><span className="k">degree</span><span>BSc. computer science</span></li>
              <li><span className="k">dates</span><span>jan 2021 — oct 2024</span></li>
              <li><span className="k">cgpa</span><span>4.48 / 5.00</span></li>
              <li><span className="k">notes</span><span>tutorial team · NACOSS sports coordinator · Oracle hackathon 2nd place</span></li>
            </ul>
          </div>
        </div>

        {/* certifications */}
        <div className="pf-about-section">
          <div className="pf-about-section-label">03 · certifications</div>
          <div className="pf-about-section-body">
            <ul className="pf-about-kv">
              <li><span className="k">n8n</span><span>level 1 course · jan 2026</span></li>
              <li><span className="k">n8n</span><span>level 2 course · jan 2026</span></li>
              <li><span className="k">make</span><span>level 1 — foundation · jan 2026</span></li>
              <li><span className="k">make</span><span>level 2 — basics · jan 2026</span></li>
              <li><span className="k">udacity</span><span>intro to programming nanodegree · nov 2018</span></li>
            </ul>
          </div>
        </div>

        {/* volunteering */}
        <div className="pf-about-section">
          <div className="pf-about-section-label">04 · volunteering</div>
          <div className="pf-about-section-body">
            <h3>Robotics for Good youth challenge 2025</h3>
            <p style={{ color: 'var(--stone)' }}>feb 2025 — mar 2025</p>
            <p>
              Supported a nationwide robotics competition empowering Nigerian
              youth to develop solutions addressing UN sustainable development
              goals. Assisted with coordinating competition logistics and
              participant engagement; contributed to STEM education
              initiatives aimed at developing next-generation technology
              leaders.
            </p>
          </div>
        </div>

        {/* interests */}
        <div className="pf-about-section">
          <div className="pf-about-section-label">05 · interests</div>
          <div className="pf-about-section-body">
            <ul className="pf-about-kv">
              <li><span className="k">professional</span><span>AI startups · AI automations and workflows · AI/LLM-powered solutions</span></li>
              <li><span className="k">sports</span><span>soccer · rugby · handball · badminton</span></li>
            </ul>
          </div>
        </div>

        {/* socials */}
        <div className="pf-about-section">
          <div className="pf-about-section-label">06 · find me online</div>
          <div className="pf-about-section-body">
            <ul className="pf-about-kv">
              <li><span className="k">github</span><a href="https://github.com/christopher-igweze" target="_blank" rel="noopener">github.com/christopher-igweze</a></li>
              <li><span className="k">linkedin</span><a href="https://linkedin.com/in/christopher-igweze" target="_blank" rel="noopener">linkedin.com/in/christopher-igweze</a></li>
              <li><span className="k">x</span><a href="https://x.com/iigweze_" target="_blank" rel="noopener">x.com/iigweze_</a></li>
              <li><span className="k">substack</span><a href="https://substack.com/@christopherigweze" target="_blank" rel="noopener">substack.com/@christopherigweze</a></li>
              <li><span className="k">threads</span><a href="https://threads.com/@christopher.igweze" target="_blank" rel="noopener">threads.com/@christopher.igweze</a></li>
            </ul>
          </div>
        </div>

        {/* contact */}
        <div className="pf-about-section">
          <div className="pf-about-section-label">07 · contact</div>
          <div className="pf-about-section-body">
            <ul className="pf-about-kv">
              <li><span className="k">email</span><a href="mailto:christopher.igweze@outlook.com">christopher.igweze@outlook.com</a></li>
              <li><span className="k">schedule</span><a href="https://calendly.com/christopher-igweze" target="_blank" rel="noopener">schedule a 20-min call →</a></li>
            </ul>
            <div className="pf-about-cv">
              <a href="/christopher-igweze-cv.pdf" className="pf-btn-link" target="_blank" rel="noopener">
                download cv (pdf)
              </a>
            </div>
          </div>
        </div>
      </section>
    </article>
  );
}

Object.assign(window, { AboutPage });