---
import PageHeading from "../../components/page-heading.astro";
import Layout from "../../layouts/main.astro";
import Link from "../../components/Link.astro";
---

<Layout title="About - Jalil Arfaoui">
  <section class="relative z-20 max-w-2xl mx-auto my-12 px-7 lg:px-0">
    <PageHeading
      title="About"
      description="Code craftsman, theater enthusiast, photography lover."
    />

    <img src="/assets/images/photo.png" class="relative z-30 w-full my-10 rounded-xl" alt="Jalil Arfaoui" />

    <h2 class="mb-4 text-2xl font-bold dark:text-neutral-200">Who am I?</h2>
    <div class="space-y-4 text-gray-600 dark:text-neutral-400 leading-relaxed">
      <p>
        I'm <strong class="text-gray-800 dark:text-neutral-200">Jalil Arfaoui</strong>, a freelance developer based in Albi, France with over 20 years of experience.
        My motto: <em>"Building well-thought software that meets real needs"</em>.
      </p>
      <p>
        Passionate about <strong class="text-gray-800 dark:text-neutral-200">Software Craftsmanship</strong>, I practice TDD, Clean Code and Domain-Driven Design on a daily basis.
        I support teams as a senior developer, tech lead or technical coach depending on their needs.
      </p>
      <p>
        My preferred stack: <strong class="text-gray-800 dark:text-neutral-200">TypeScript/JavaScript</strong>, but also PHP and Elixir.
        What drives me: building clean, maintainable architectures and sharing these practices with others.
      </p>
      <p>
        Organizer of Software Crafters Albi since 2018, I love bringing together and sharing with fellow code enthusiasts.
      </p>
    </div>

    <h2 class="mt-10 mb-4 text-2xl font-bold dark:text-neutral-200">Beyond code</h2>
    <div class="space-y-4 text-gray-600 dark:text-neutral-400 leading-relaxed">
      <p>
        🎭 <strong class="text-gray-800 dark:text-neutral-200">Theater</strong> — Passionate amateur actor, I regularly perform on stage.
        Theater gives me another way to tell stories and connect with people.
      </p>
      <p>
        📸 <strong class="text-gray-800 dark:text-neutral-200">Photography</strong> — Capturing the moment, playing with light.
        A passion that has followed me for years, which I share <Link href="/photo">on this site</Link>.
      </p>
    </div>

    <h2 class="mt-10 mb-4 text-2xl font-bold dark:text-neutral-200">Get in touch</h2>
    <p class="text-gray-600 dark:text-neutral-400 leading-relaxed">
      Want to discuss a project, a mission, or just talk craft?
      <br class="hidden sm:block" />
      · <Link href="mailto:jalil@arfaoui.net">Email me</Link>
    </p>
  </section>
</Layout>