/* global React, useReveal, SectionHead */

window.About = function About() {
  const ref = useReveal();
  return (
    <section className="section section--border" id="about" ref={ref}>
      <SectionHead num="02 — About" title="A brief" titleEm="introduction" meta="Biographical" />

      <div className="about__body">
        <div />
        <p className="about__lede reveal">
          I'm a Business Administration student on the <em>Analytics track</em> at UNC Pembroke. My work sits at the intersection hiring teams care about: I can read the data, understand the audience, build the campaign, and communicate what should happen next.
        </p>
        <aside className="about__facts reveal">
          <div className="fact"><div className="fact__k">Based</div><div className="fact__v">Pembroke, N.C.</div></div>
          <div className="fact"><div className="fact__k">From</div><div className="fact__v">Bangalore, India</div></div>
          <div className="fact"><div className="fact__k">Programme</div><div className="fact__v">BSBA · Analytics</div></div>
          <div className="fact"><div className="fact__k">Class of</div><div className="fact__v">2028</div></div>
          <div className="fact"><div className="fact__k">Status</div><div className="fact__v accent">Seeking Summer 2026 internships</div></div>
        </aside>
      </div>
    </section>
  );
};