const AboutSummary = () => {
  return (
    <div
      id="who-am-i"
      className="flex flex-col items-center justify-center gap-4 p-4 rounded w-full"
    >
      <h3 className="mt-4 mb-2 text-5xl font-bold tracking-tight text-white">
        Who am I?
      </h3>
      <section className="prose text-white md:prose-lg lg:prose-xl max-w-3xl mx-auto">
        <p>
          Hi, I&apos;m Gabriel Kaszewski — a Bioinformatics graduate and a
          software engineer by trade. I’ve been obsessed with programming since
          I was 11, and I thrive on building software that solves complex,
          real-world problems.
        </p>

        <p>
          My most ambitious project to date is my first game. You can check out
          the Steam preview below — if it catches your eye, I’d love for you to
          add it to your wishlist!
        </p>

        <div className="w-full max-w-full aspect-[646/190] mx-auto not-prose">
          <iframe
            className="w-full h-full"
            src="https://store.steampowered.com/widget/3575090/"
          ></iframe>
        </div>

        <p>
          Currently, I am a Software Engineer at{" "}
          <strong className="text-yellow-400">WPP Media</strong>. When I’m not
          at my day job, I’m usually deep-diving into new technologies or
          bringing my own side projects to life.
        </p>
      </section>
    </div>
  );
};

export default AboutSummary;