export const About = () => (
  <section id="about" class="scroll-mt-24">
    <h2 class="text-3xl font-bold mb-4 text-dracula-purple">About</h2>
    <div class="prose prose-invert max-w-none">
      <p class="text-lg">
        Self-taught engineer with 20+ years of practical experience in systems administration, 
        infrastructure management, and QA automation. Currently leading API testing automation 
        initiatives for enterprise clients.
      </p>
      <p>
        Strong preference for self-hosted infrastructure and cost-effective solutions over major cloud providers. 
        Proven track record in building automated testing frameworks, leading technical teams, and delivering 
        reliable infrastructure solutions for small to medium businesses.
      </p>
      <div class="grid grid-cols-1 md:grid-cols-2 gap-4 mt-6">
        <div class="bg-dracula-selection p-4 rounded">
          <h3 class="font-bold text-dracula-cyan mb-2">Location</h3>
          <p>Buenos Aires, Argentina</p>
        </div>
        <div class="bg-dracula-selection p-4 rounded">
          <h3 class="font-bold text-dracula-green mb-2">Languages</h3>
          <p>Spanish (Native), English (FCE certified)</p>
        </div>
      </div>
    </div>
  </section>
)