"use client";

export function About() {
  return (
    <section className="w-full space-y-8">
      <div className="text-center space-y-2">
        <h2 className="text-3xl font-bold text-transparent bg-clip-text bg-gradient-to-r from-blue-400 to-purple-500">
          Who?
        </h2>
        <p className="text-gray-400 max-w-2xl mx-auto">
          A bit about me, my background, and how I got into programming.
        </p>
      </div>

      <div className="max-w-3xl mx-auto">
        <div className="p-6 rounded-2xl bg-gradient-to-br from-blue-500/10 to-purple-500/5 backdrop-blur-sm border border-blue-500/20">
          <div className="space-y-4 text-gray-300">
            <p className="leading-relaxed">
              I'm a Developer from Germany. I love doing full-stack web
              development, tinkering with hardware, and 3D printing stuff i find quite fancy.
            </p>
            <p className="leading-relaxed">
              I focus on building projects that i need, and that don't
              already exist. Or break the ones that do exist, to see how they work and learn from them.
            </p>
            <p className="leading-relaxed">
              I started programming around 2017, started of with C# in Unity, then moved to Python for a while, before settling on JavaScript/TypeScript as my main language around 2023.
            </p>
          </div>
        </div>
      </div>
    </section>
  );
}
