const About = () => (
  <section className="section" id="about">
    <div className="container">
      <div className="sec-head">
        <div className="eyebrow">About</div>
        <h2>A student, a careful builder.</h2>
      </div>
      <div className="about-body">
        <div className="eyebrow" style={{paddingTop:'8px'}}>Bio</div>
        <div>
          <p>
            I'm an incoming Computer Science student at King's College London. I'm interested in the systems side of machine learning: the data pipelines, inference tooling, and infrastructure that turn research models into shipped products.
          </p>
          <p>
            Right now I'm working through Java fundamentals ahead of coursework and sharpening my Python for ML work, with a spring insight programme in tech as the next target.
          </p>
        </div>
      </div>
    </div>
  </section>
);

window.About = About;