Théâtre : 3 sous-pages (improvisation, écrit, acteur) FR/EN/AR, composants NavCard et BackLink

src/components/BackLink.astro

@@ -0,0 +1,15 @@
+---
+interface Props {
+  href: string;
+  label: string;
+  rtl?: boolean;
+}
+
+const { href, label, rtl = false } = Astro.props;
+---
+
+<p class="mb-2">
+  <a href={href} class="text-sm text-purple-600 dark:text-purple-300 hover:underline">
+    {rtl ? <Fragment>{label} &rarr;</Fragment> : <Fragment>&larr; {label}</Fragment>}
+  </a>
+</p>

src/components/NavCard.astro

@@ -0,0 +1,14 @@
+---
+interface Props {
+  href: string;
+  title: string;
+  description: string;
+}
+
+const { href, title, description } = Astro.props;
+---
+
+<a href={href} class="group block rounded-2xl border border-gray-200 dark:border-neutral-700 p-6 transition-colors hover:border-purple-400 dark:hover:border-purple-400 hover:bg-purple-50 dark:hover:bg-white/[0.04]">
+  <h2 class="text-xl font-bold dark:text-neutral-200 group-hover:text-purple-700 dark:group-hover:text-purple-300 transition-colors">{title}</h2>
+  <p class="mt-2 text-gray-600 dark:text-neutral-400 text-sm leading-relaxed">{description}</p>
+</a>

src/pages/ar/index.astro

@@ -119,7 +119,7 @@ const recommendationCount = (await getCollection("recommendations")).length;
               المسرح
             </h3>
             <p class="text-amber-700 dark:text-amber-300 mb-6 leading-relaxed">
-              ممثل ارتجالي منذ 2008، من ضواحي باريس إلى المغرب قبل تأسيس فرقة Les Particules في ألبي. اليوم أخوض أيضًا غمار المسرح المكتوب.
+              ممثل ارتجالي منذ 2008، من ضواحي باريس إلى المغرب قبل تأسيس فرقة Les Particules في ألبي. ممثل مسرح مكتوب وممثل أمام الكاميرا.
             </p>
             <span class="text-amber-600 dark:text-amber-400 group-hover:text-amber-800 dark:group-hover:text-amber-200 font-medium">
               ← المسار الفني

src/pages/ar/مسرح/index.astro

@@ -0,0 +1,45 @@
+---
+import PageHeading from "../../../components/page-heading.astro";
+import Layout from "../../../layouts/main.astro";
+import Link from "../../../components/Link.astro";
+import NavCard from "../../../components/NavCard.astro";
+---
+
+<Layout
+  title="مسرح - جليل عرفاوي"
+  description="المسار المسرحي لجليل عرفاوي: ممثل ارتجالي منذ 2008، مؤسس مشارك لفرقة Les Particules في ألبي، ممثل مسرح مكتوب مع Compagnie AspiRêves."
+>
+  <section dir="rtl" lang="ar" class="relative z-20 max-w-2xl mx-auto my-12 px-7 lg:px-0">
+    <PageHeading
+      title="مسرح"
+      description="ممثل ارتجالي منذ 2008، وأخوض اليوم أيضًا غمار المسرح المكتوب."
+    />
+
+    <div class="mt-8 space-y-4 text-gray-600 dark:text-neutral-400 leading-relaxed">
+      <p>
+        يرافقني المسرح منذ 2008. بدأت بالارتجال، مبارياته وعروضه — من <Link href="https://improchatou78.wordpress.com/" external>فرقة Touchatou</Link> قرب باريس إلى LaTTIFA في المغرب، ثم <Link href="https://les-particules.org/" external>Les Particules</Link> التي شاركت في تأسيسها في ألبي.
+      </p>
+      <p>
+        اليوم أنا أيضًا ممثل مسرح مكتوب مع <Link href="https://aspireves.org" external>Compagnie AspiRêves</Link>، وممثل أمام الكاميرا في سلاسل ويب وأفلام قصيرة.
+      </p>
+    </div>
+
+    <div class="mt-12 grid gap-6 sm:grid-cols-2">
+      <NavCard
+        href="/ar/مسرح/ارتجال"
+        title="ارتجال"
+        description="من Touchatou إلى Les Particules، مرورًا بـ LaTTIFA في المغرب. مباريات ارتجال، عروض، ورشات."
+      />
+      <NavCard
+        href="/ar/مسرح/مكتوب"
+        title="مسرح مكتوب"
+        description="La Pièce، عرض من Compagnie AspiRêves كتبه وأخرجه Michel Cals. دور Pierrot."
+      />
+      <NavCard
+        href="/ar/مسرح/ممثل"
+        title="ممثل"
+        description="سلاسل ويب، أفلام قصيرة ومشاريع أخرى أمام الكاميرا."
+      />
+    </div>
+  </section>
+</Layout>

src/pages/ar/مسرح/ارتجال.astro

@@ -1,17 +1,19 @@
 ---
-import PageHeading from "../../components/page-heading.astro";
+import PageHeading from "../../../components/page-heading.astro";
-import Layout from "../../layouts/main.astro";
+import Layout from "../../../layouts/main.astro";
-import Link from "../../components/Link.astro";
+import Link from "../../../components/Link.astro";
+import BackLink from "../../../components/BackLink.astro";
 ---
 
 <Layout
-  title="مسرح - جليل عرفاوي"
+  title="ارتجال مسرحي - جليل عرفاوي"
-  description="المسار المسرحي لجليل عرفاوي: ممثل ارتجالي منذ 2008، مؤسس مشارك لفرقة Les Particules في ألبي، ممثل مسرح مكتوب."
+  description="مسار جليل عرفاوي في الارتجال: Touchatou، LaTTIFA في المغرب، مؤسس مشارك لفرقة Les Particules في ألبي."
 >
   <section dir="rtl" lang="ar" class="relative z-20 max-w-2xl mx-auto my-12 px-7 lg:px-0">
+    <BackLink href="/ar/مسرح" label="المسرح" rtl />
     <PageHeading
-      title="مسرح"
+      title="ارتجال"
-      description="ممثل ارتجالي منذ 2008، وأخوض اليوم أيضًا غمار المسرح المكتوب."
+      description="ممثل ارتجالي منذ 2008، من ضواحي باريس إلى المغرب وألبي."
     />
 
     <h2 class="mt-10 mb-4 text-2xl font-bold dark:text-neutral-200">Les Touchatou</h2>
@@ -34,19 +36,5 @@ import Link from "../../components/Link.astro";
         في ألبي، شاركت في تأسيس <Link href="https://les-particules.org/" external>Les Particules</Link>، فرقة ارتجال أمثّل معها بانتظام. عروض، مباريات، ورشات.
       </p>
     </div>
-
-    <h2 class="mt-10 mb-4 text-2xl font-bold dark:text-neutral-200">Lost in Traduction</h2>
-    <div class="space-y-4 text-gray-600 dark:text-neutral-400 leading-relaxed">
-      <p>
-        ممثل في <Link href="https://www.e-translation-agency.com/fr/lost-in-traduction-fr/lost-in-traduction-episode-1-the-pilot/" external>Lost in Traduction</Link>، سلسلة ويب من إنتاج <Link href="https://www.e-translation-agency.com/" external>E translation agency</Link> لإزالة الغموض عن قطاع الترجمة المهنية.
-      </p>
-    </div>
-
-    <h2 class="mt-10 mb-4 text-2xl font-bold dark:text-neutral-200">المسرح المكتوب</h2>
-    <div class="space-y-4 text-gray-600 dark:text-neutral-400 leading-relaxed">
-      <p>
-        بعد سنوات من الارتجال، أخوض اليوم أيضًا غمار المسرح المكتوب. اتّجاه جديد، نفس الدافع.
-      </p>
-    </div>
   </section>
 </Layout>

src/pages/ar/مسرح/مكتوب.astro

@@ -0,0 +1,32 @@
+---
+import PageHeading from "../../../components/page-heading.astro";
+import Layout from "../../../layouts/main.astro";
+import Link from "../../../components/Link.astro";
+import BackLink from "../../../components/BackLink.astro";
+---
+
+<Layout
+  title="مسرح مكتوب - جليل عرفاوي"
+  description="جليل عرفاوي ممثل مسرح مكتوب: La Pièce، عرض من Compagnie AspiRêves كتبه وأخرجه Michel Cals."
+>
+  <section dir="rtl" lang="ar" class="relative z-20 max-w-2xl mx-auto my-12 px-7 lg:px-0">
+    <BackLink href="/ar/مسرح" label="المسرح" rtl />
+    <PageHeading
+      title="مسرح مكتوب"
+      description="بعد سنوات من الارتجال، ممثل مسرح مكتوب."
+    />
+
+    <h2 class="mt-10 mb-4 text-2xl font-bold dark:text-neutral-200">La Pièce</h2>
+    <div class="space-y-4 text-gray-600 dark:text-neutral-400 leading-relaxed">
+      <p>
+        <Link href="https://compagnieaspireves.wixsite.com/aspireves/la-pi%C3%A8ce" external>La Pièce</Link> عرض لجميع الجماهير، كتبه وأخرجه Michel Cals، من إنتاج <Link href="https://aspireves.org" external>Compagnie AspiRêves</Link>.
+      </p>
+      <p>
+        تدور الأحداث في منطقة تارن، في 20 أغسطس 1944، خلال آخر معارك التحرير. في مكان مغلق تحت نافذة قبو، يلتقي صدفةً زوجان انتهازيان يديران نُزلًا، وأبناؤهما المقرّبون من الميليشيا، وشاب يهودي مقاوم. جوّ سارتري حيث لا تزال المعضلات الأخلاقية لفترة الاحتلال تتردد حتى اليوم.
+      </p>
+      <p>
+        أؤدّي دور Pierrot، قائد فصيلة شاب في Corps Francs de la montagne التابع للجيش اليهودي، إلى جانب Éléonore Astruc وCathy Giovannini وArthur Placet وJean-Louis Reynes.
+      </p>
+    </div>
+  </section>
+</Layout>

src/pages/ar/مسرح/ممثل.astro

@@ -0,0 +1,26 @@
+---
+import PageHeading from "../../../components/page-heading.astro";
+import Layout from "../../../layouts/main.astro";
+import Link from "../../../components/Link.astro";
+import BackLink from "../../../components/BackLink.astro";
+---
+
+<Layout
+  title="ممثل - جليل عرفاوي"
+  description="جليل عرفاوي ممثل: سلاسل ويب، أفلام قصيرة. Lost in Traduction (E translation agency)."
+>
+  <section dir="rtl" lang="ar" class="relative z-20 max-w-2xl mx-auto my-12 px-7 lg:px-0">
+    <BackLink href="/ar/مسرح" label="المسرح" rtl />
+    <PageHeading
+      title="ممثل"
+      description="سلاسل ويب، أفلام قصيرة ومشاريع أخرى أمام الكاميرا."
+    />
+
+    <h2 class="mt-10 mb-4 text-2xl font-bold dark:text-neutral-200">Lost in Traduction</h2>
+    <div class="space-y-4 text-gray-600 dark:text-neutral-400 leading-relaxed">
+      <p>
+        ممثل في <Link href="https://www.e-translation-agency.com/fr/lost-in-traduction-fr/lost-in-traduction-episode-1-the-pilot/" external>Lost in Traduction</Link>، سلسلة ويب من إنتاج <Link href="https://www.e-translation-agency.com/" external>E translation agency</Link> لإزالة الغموض عن قطاع الترجمة المهنية.
+      </p>
+    </div>
+  </section>
+</Layout>

src/pages/en/index.astro

@@ -112,14 +112,14 @@ const recommendationCount = (await getCollection("recommendations")).length;
       </a>
 
       <div class="grid grid-cols-1 md:grid-cols-2 gap-8">
-        <a href="/en/acting" class="group relative overflow-hidden bg-gradient-to-br from-amber-50 to-amber-100 dark:from-amber-950/30 dark:to-amber-900/20 rounded-3xl p-8 hover:scale-105 transition-all duration-300 border border-amber-200/50 dark:border-amber-800/30 block no-underline">
+        <a href="/en/theater" class="group relative overflow-hidden bg-gradient-to-br from-amber-50 to-amber-100 dark:from-amber-950/30 dark:to-amber-900/20 rounded-3xl p-8 hover:scale-105 transition-all duration-300 border border-amber-200/50 dark:border-amber-800/30 block no-underline">
           <div class="absolute top-4 right-4 text-4xl opacity-20 group-hover:opacity-40 transition-opacity">🎭</div>
           <div class="relative z-10">
             <h3 class="text-2xl font-bold text-amber-900 dark:text-amber-100 mb-3">
               Theater
             </h3>
             <p class="text-amber-700 dark:text-amber-300 mb-6 leading-relaxed">
-              Improv actor since 2008, from the Paris suburbs to Morocco before co-founding Les Particules in Albi. Now also taking on scripted theater.
+              Improv actor since 2008, from the Paris suburbs to Morocco before co-founding Les Particules in Albi. Scripted theater actor and on-camera performer.
             </p>
             <span class="text-amber-600 dark:text-amber-400 group-hover:text-amber-800 dark:group-hover:text-amber-200 font-medium">
               → Artistic journey

src/pages/en/theater/actor.astro

@@ -0,0 +1,26 @@
+---
+import PageHeading from "../../../components/page-heading.astro";
+import Layout from "../../../layouts/main.astro";
+import Link from "../../../components/Link.astro";
+import BackLink from "../../../components/BackLink.astro";
+---
+
+<Layout
+  title="Actor - Jalil Arfaoui"
+  description="Jalil Arfaoui as an actor: web series, short films. Lost in Traduction (E translation agency)."
+>
+  <section class="relative z-20 max-w-2xl mx-auto my-12 px-7 lg:px-0">
+    <BackLink href="/en/theater" label="Theater" />
+    <PageHeading
+      title="Actor"
+      description="Web series, short films and other on-camera projects."
+    />
+
+    <h2 class="mt-10 mb-4 text-2xl font-bold dark:text-neutral-200">Lost in Traduction</h2>
+    <div class="space-y-4 text-gray-600 dark:text-neutral-400 leading-relaxed">
+      <p>
+        Actor in <Link href="https://www.e-translation-agency.com/fr/lost-in-traduction-fr/lost-in-traduction-episode-1-the-pilot/" external>Lost in Traduction</Link>, a web series produced by <Link href="https://www.e-translation-agency.com/" external>E translation agency</Link> to demystify the professional translation industry.
+      </p>
+    </div>
+  </section>
+</Layout>

src/pages/en/theater/improvisation.astro

@@ -0,0 +1,40 @@
+---
+import PageHeading from "../../../components/page-heading.astro";
+import Layout from "../../../layouts/main.astro";
+import Link from "../../../components/Link.astro";
+import BackLink from "../../../components/BackLink.astro";
+---
+
+<Layout
+  title="Improvisation - Jalil Arfaoui"
+  description="Jalil Arfaoui's improv journey: les Touchatou, LaTTIFA in Morocco, co-founder of Les Particules in Albi."
+>
+  <section class="relative z-20 max-w-2xl mx-auto my-12 px-7 lg:px-0">
+    <BackLink href="/en/theater" label="Theater" />
+    <PageHeading
+      title="Improvisation"
+      description="Improv actor since 2008, from the Paris suburbs to Morocco and Albi."
+    />
+
+    <h2 class="mt-10 mb-4 text-2xl font-bold dark:text-neutral-200">Les Touchatou</h2>
+    <div class="space-y-4 text-gray-600 dark:text-neutral-400 leading-relaxed">
+      <p>
+        It all started in 2008 with <Link href="https://improchatou78.wordpress.com/" external>les Touchatou</Link>, an improv troupe near Paris. Discovering improv matches, exercises, that unique energy where everything is built from nothing.
+      </p>
+    </div>
+
+    <h2 class="mt-10 mb-4 text-2xl font-bold dark:text-neutral-200">LaTTIFA</h2>
+    <div class="space-y-4 text-gray-600 dark:text-neutral-400 leading-relaxed">
+      <p>
+        Between 2013 and 2015, in Morocco, I joined <strong class="text-gray-800 dark:text-neutral-200">LaTTIFA</strong> — a French-Arabic improv theater troupe. Performing in two languages, navigating between two cultures on stage.
+      </p>
+    </div>
+
+    <h2 class="mt-10 mb-4 text-2xl font-bold dark:text-neutral-200">Les Particules</h2>
+    <div class="space-y-4 text-gray-600 dark:text-neutral-400 leading-relaxed">
+      <p>
+        In Albi, I co-founded <Link href="https://les-particules.org/" external>Les Particules</Link>, an improv troupe I regularly perform with. Shows, matches, workshops.
+      </p>
+    </div>
+  </section>
+</Layout>

src/pages/en/theater/index.astro

@@ -0,0 +1,45 @@
+---
+import PageHeading from "../../../components/page-heading.astro";
+import Layout from "../../../layouts/main.astro";
+import Link from "../../../components/Link.astro";
+import NavCard from "../../../components/NavCard.astro";
+---
+
+<Layout
+  title="Theater - Jalil Arfaoui"
+  description="Jalil Arfaoui's theatrical journey: improv actor since 2008, co-founder of Les Particules in Albi, scripted theater actor with Compagnie AspiRêves."
+>
+  <section class="relative z-20 max-w-2xl mx-auto my-12 px-7 lg:px-0">
+    <PageHeading
+      title="Theater"
+      description="Improv actor since 2008, scripted theater actor today as well."
+    />
+
+    <div class="mt-8 space-y-4 text-gray-600 dark:text-neutral-400 leading-relaxed">
+      <p>
+        Theater has been part of my life since 2008. First improv, with its matches and shows — from <Link href="https://improchatou78.wordpress.com/" external>les Touchatou</Link> near Paris to LaTTIFA in Morocco, then <Link href="https://les-particules.org/" external>Les Particules</Link> which I co-founded in Albi.
+      </p>
+      <p>
+        Today, I'm also a scripted theater actor with <Link href="https://aspireves.org" external>Compagnie AspiRêves</Link>, and an on-camera actor for web series and short films.
+      </p>
+    </div>
+
+    <div class="mt-12 grid gap-6 sm:grid-cols-2">
+      <NavCard
+        href="/en/theater/improvisation"
+        title="Improvisation"
+        description="From les Touchatou to Les Particules, through LaTTIFA in Morocco. Improv matches, shows, workshops."
+      />
+      <NavCard
+        href="/en/theater/written"
+        title="Scripted theater"
+        description="La Pièce, a show by Compagnie AspiRêves written and directed by Michel Cals. Playing Pierrot."
+      />
+      <NavCard
+        href="/en/theater/actor"
+        title="Actor"
+        description="Web series, short films and other on-camera projects."
+      />
+    </div>
+  </section>
+</Layout>

src/pages/en/theater/written.astro

@@ -0,0 +1,32 @@
+---
+import PageHeading from "../../../components/page-heading.astro";
+import Layout from "../../../layouts/main.astro";
+import Link from "../../../components/Link.astro";
+import BackLink from "../../../components/BackLink.astro";
+---
+
+<Layout
+  title="Scripted theater - Jalil Arfaoui"
+  description="Jalil Arfaoui scripted theater actor: La Pièce, a show by Compagnie AspiRêves written and directed by Michel Cals."
+>
+  <section class="relative z-20 max-w-2xl mx-auto my-12 px-7 lg:px-0">
+    <BackLink href="/en/theater" label="Theater" />
+    <PageHeading
+      title="Scripted theater"
+      description="After years of improvisation, scripted theater actor."
+    />
+
+    <h2 class="mt-10 mb-4 text-2xl font-bold dark:text-neutral-200">La Pièce</h2>
+    <div class="space-y-4 text-gray-600 dark:text-neutral-400 leading-relaxed">
+      <p>
+        <Link href="https://compagnieaspireves.wixsite.com/aspireves/la-pi%C3%A8ce" external>La Pièce</Link> is a show for all audiences, written and directed by Michel Cals, produced by <Link href="https://aspireves.org" external>Compagnie AspiRêves</Link>.
+      </p>
+      <p>
+        The story takes place in the Tarn region, on August 20, 1944, during the last battles of the Liberation. Behind closed doors beneath a basement window, an opportunistic innkeeper couple, their children close to the Milice, and a young Jewish resistance fighter meet by chance. A Sartrean atmosphere where the moral dilemmas of the Occupation still resonate today.
+      </p>
+      <p>
+        I play the role of Pierrot, a young section leader of the Corps Francs de la montagne of the Jewish Army, alongside Éléonore Astruc, Cathy Giovannini, Arthur Placet and Jean-Louis Reynes.
+      </p>
+    </div>
+  </section>
+</Layout>

src/pages/index.astro

@@ -119,7 +119,7 @@ const recommendationCount = (await getCollection("recommendations")).length;
               Théâtre
             </h3>
             <p class="text-amber-700 dark:text-amber-300 mb-6 leading-relaxed">
-              Improvisateur depuis 2008, passé par les Yvelines et le Maroc avant de cofonder Les Particules à Albi. Aujourd'hui je m'attaque aussi au théâtre écrit.
+              Improvisateur depuis 2008, passé par les Yvelines et le Maroc avant de cofonder Les Particules à Albi. Comédien de théâtre écrit et acteur devant la caméra.
             </p>
             <span class="text-amber-600 dark:text-amber-400 group-hover:text-amber-800 dark:group-hover:text-amber-200 font-medium">
               → Parcours artistique

src/pages/theatre.astro

@@ -1,58 +0,0 @@
----
-import PageHeading from "../components/page-heading.astro";
-import Layout from "../layouts/main.astro";
-import Link from "../components/Link.astro";
----
-
-<Layout
-  title="Théâtre - Jalil Arfaoui"
-  description="Parcours théâtral de Jalil Arfaoui : improvisateur depuis 2008, cofondateur des Particules à Albi, comédien de théâtre écrit."
->
-  <section class="relative z-20 max-w-2xl mx-auto my-12 px-7 lg:px-0">
-    <PageHeading
-      title="Théâtre"
-      description="Improvisateur depuis 2008, comédien de théâtre écrit aujourd'hui aussi."
-    />
-
-    <h2 class="mt-10 mb-4 text-2xl font-bold dark:text-neutral-200">Les Touchatou</h2>
-    <div class="space-y-4 text-gray-600 dark:text-neutral-400 leading-relaxed">
-      <p>
-        Tout a commencé en 2008 avec <Link href="https://improchatou78.wordpress.com/" external>les Touchatou</Link>, une troupe d'improvisation dans les Yvelines. Découverte du match d'impro, des exercices, de cette énergie particulière où tout se construit à partir de rien.
-      </p>
-    </div>
-
-    <h2 class="mt-10 mb-4 text-2xl font-bold dark:text-neutral-200">LaTTIFA</h2>
-    <div class="space-y-4 text-gray-600 dark:text-neutral-400 leading-relaxed">
-      <p>
-        Entre 2013 et 2015, au Maroc, j'ai rejoint la <strong class="text-gray-800 dark:text-neutral-200">LaTTIFA</strong> — une troupe franco-arabe d'improvisation théâtrale. Jouer dans deux langues, naviguer entre deux cultures sur scène.
-      </p>
-    </div>
-
-    <h2 class="mt-10 mb-4 text-2xl font-bold dark:text-neutral-200">Les Particules</h2>
-    <div class="space-y-4 text-gray-600 dark:text-neutral-400 leading-relaxed">
-      <p>
-        À Albi, j'ai cofondé <Link href="https://les-particules.org/" external>Les Particules</Link>, une troupe d'improvisation avec qui je joue régulièrement. Des spectacles, des matchs, des ateliers.
-      </p>
-    </div>
-
-    <h2 class="mt-10 mb-4 text-2xl font-bold dark:text-neutral-200">Lost in Traduction</h2>
-    <div class="space-y-4 text-gray-600 dark:text-neutral-400 leading-relaxed">
-      <p>
-        Acteur dans <Link href="https://www.e-translation-agency.com/fr/lost-in-traduction-fr/lost-in-traduction-episode-1-the-pilot/" external>Lost in Traduction</Link>, une web série produite par <Link href="https://www.e-translation-agency.com/" external>E translation agency</Link> pour démystifier le secteur de la traduction professionnelle.
-      </p>
-    </div>
-
-    <h2 class="mt-10 mb-4 text-2xl font-bold dark:text-neutral-200">La Pièce</h2>
-    <div class="space-y-4 text-gray-600 dark:text-neutral-400 leading-relaxed">
-      <p>
-        Après des années d'improvisation, je me lance dans le théâtre écrit avec <Link href="https://aspireves.orgla-pi%C3%A8ce" external>La Pièce</Link>, un spectacle tout public écrit et mis en scène par Michel Cals, produit par la <Link href="https://aspireves.org" external>Compagnie AspiRêves</Link>.
-      </p>
-      <p>
-        L'intrigue se situe dans le Tarn, le 20 août 1944, lors des derniers combats de la Libération. En huis clos sous un soupirail, un couple d'aubergistes opportunistes, leurs enfants proches de la Milice, et un jeune résistant juif se rencontrent fortuitement. Une atmosphère sartrienne où les dilemmes moraux de l'Occupation résonnent jusqu'à aujourd'hui.
-      </p>
-      <p>
-        J'y interprète le rôle de Pierrot, jeune Chef de section des Corps Francs de la montagne de l'Armée juive, aux côtés d'Éléonore Astruc, Cathy Giovannini, Arthur Placet et Jean-Louis Reynes.
-      </p>
-    </div>
-  </section>
-</Layout>

src/pages/theatre/acteur.astro

@@ -0,0 +1,26 @@
+---
+import PageHeading from "../../components/page-heading.astro";
+import Layout from "../../layouts/main.astro";
+import Link from "../../components/Link.astro";
+import BackLink from "../../components/BackLink.astro";
+---
+
+<Layout
+  title="Acteur - Jalil Arfaoui"
+  description="Jalil Arfaoui acteur : web séries, courts métrages. Lost in Traduction (E translation agency)."
+>
+  <section class="relative z-20 max-w-2xl mx-auto my-12 px-7 lg:px-0">
+    <BackLink href="/theatre" label="Théâtre" />
+    <PageHeading
+      title="Acteur"
+      description="Web séries, courts métrages et autres projets devant la caméra."
+    />
+
+    <h2 class="mt-10 mb-4 text-2xl font-bold dark:text-neutral-200">Lost in Traduction</h2>
+    <div class="space-y-4 text-gray-600 dark:text-neutral-400 leading-relaxed">
+      <p>
+        Acteur dans <Link href="https://www.e-translation-agency.com/fr/lost-in-traduction-fr/lost-in-traduction-episode-1-the-pilot/" external>Lost in Traduction</Link>, une web série produite par <Link href="https://www.e-translation-agency.com/" external>E translation agency</Link> pour démystifier le secteur de la traduction professionnelle.
+      </p>
+    </div>
+  </section>
+</Layout>

src/pages/theatre/ecrit.astro

@@ -0,0 +1,32 @@
+---
+import PageHeading from "../../components/page-heading.astro";
+import Layout from "../../layouts/main.astro";
+import Link from "../../components/Link.astro";
+import BackLink from "../../components/BackLink.astro";
+---
+
+<Layout
+  title="Théâtre écrit - Jalil Arfaoui"
+  description="Jalil Arfaoui comédien de théâtre écrit : La Pièce, spectacle de la Compagnie AspiRêves écrit et mis en scène par Michel Cals."
+>
+  <section class="relative z-20 max-w-2xl mx-auto my-12 px-7 lg:px-0">
+    <BackLink href="/theatre" label="Théâtre" />
+    <PageHeading
+      title="Théâtre écrit"
+      description="Après des années d'improvisation, comédien de théâtre écrit."
+    />
+
+    <h2 class="mt-10 mb-4 text-2xl font-bold dark:text-neutral-200">La Pièce</h2>
+    <div class="space-y-4 text-gray-600 dark:text-neutral-400 leading-relaxed">
+      <p>
+        <Link href="https://compagnieaspireves.wixsite.com/aspireves/la-pi%C3%A8ce" external>La Pièce</Link> est un spectacle tout public écrit et mis en scène par Michel Cals, produit par la <Link href="https://aspireves.org" external>Compagnie AspiRêves</Link>.
+      </p>
+      <p>
+        L'intrigue se situe dans le Tarn, le 20 août 1944, lors des derniers combats de la Libération. En huis clos sous un soupirail, un couple d'aubergistes opportunistes, leurs enfants proches de la Milice, et un jeune résistant juif se rencontrent fortuitement. Une atmosphère sartrienne où les dilemmes moraux de l'Occupation résonnent jusqu'à aujourd'hui.
+      </p>
+      <p>
+        J'y interprète le rôle de Pierrot, jeune Chef de section des Corps Francs de la montagne de l'Armée juive, aux côtés d'Éléonore Astruc, Cathy Giovannini, Arthur Placet et Jean-Louis Reynes.
+      </p>
+    </div>
+  </section>
+</Layout>

src/pages/theatre/improvisation.astro

@@ -0,0 +1,41 @@
+---
+import PageHeading from "../../components/page-heading.astro";
+import Layout from "../../layouts/main.astro";
+import Link from "../../components/Link.astro";
+import BackLink from "../../components/BackLink.astro";
+---
+
+<Layout
+  title="Improvisation théâtrale - Jalil Arfaoui"
+  description="Parcours d'improvisateur de Jalil Arfaoui : les Touchatou, LaTTIFA au Maroc, cofondateur des Particules à Albi."
+>
+  <section class="relative z-20 max-w-2xl mx-auto my-12 px-7 lg:px-0">
+    <BackLink href="/theatre" label="Théâtre" />
+    <PageHeading
+      title="Improvisation"
+      description="Improvisateur depuis 2008, des Yvelines au Maroc jusqu'à Albi."
+    />
+
+    <h2 class="mt-10 mb-4 text-2xl font-bold dark:text-neutral-200">Les Touchatou</h2>
+    <div class="space-y-4 text-gray-600 dark:text-neutral-400 leading-relaxed">
+      <p>
+        Tout a commencé en 2008 avec <Link href="https://improchatou78.wordpress.com/" external>les Touchatou</Link>, une troupe d'improvisation dans les Yvelines. Découverte du match d'impro, des exercices, de cette énergie particulière où tout se construit à partir de rien.
+      </p>
+    </div>
+
+    <h2 class="mt-10 mb-4 text-2xl font-bold dark:text-neutral-200">LaTTIFA</h2>
+    <div class="space-y-4 text-gray-600 dark:text-neutral-400 leading-relaxed">
+      <p>
+        Entre 2013 et 2015, au Maroc, j'ai rejoint la <strong class="text-gray-800 dark:text-neutral-200">LaTTIFA</strong> — une troupe franco-arabe d'improvisation théâtrale. Jouer dans deux langues, naviguer entre deux cultures sur scène.
+      </p>
+    </div>
+
+    <h2 class="mt-10 mb-4 text-2xl font-bold dark:text-neutral-200">Les Particules</h2>
+    <div class="space-y-4 text-gray-600 dark:text-neutral-400 leading-relaxed">
+      <p>
+        À Albi, j'ai cofondé <Link href="https://les-particules.org/" external>Les Particules</Link>, une troupe d'improvisation avec qui je joue régulièrement. Des spectacles, des matchs, des ateliers.
+      </p>
+    </div>
+
+  </section>
+</Layout>

src/pages/theatre/index.astro

@@ -0,0 +1,45 @@
+---
+import PageHeading from "../../components/page-heading.astro";
+import Layout from "../../layouts/main.astro";
+import Link from "../../components/Link.astro";
+import NavCard from "../../components/NavCard.astro";
+---
+
+<Layout
+  title="Théâtre - Jalil Arfaoui"
+  description="Parcours théâtral de Jalil Arfaoui : improvisateur depuis 2008, cofondateur des Particules à Albi, comédien de théâtre écrit avec la Compagnie AspiRêves."
+>
+  <section class="relative z-20 max-w-2xl mx-auto my-12 px-7 lg:px-0">
+    <PageHeading
+      title="Théâtre"
+      description="Improvisateur depuis 2008, comédien de théâtre écrit aujourd'hui aussi."
+    />
+
+    <div class="mt-8 space-y-4 text-gray-600 dark:text-neutral-400 leading-relaxed">
+      <p>
+        Le théâtre m'accompagne depuis 2008. D'abord l'improvisation, avec ses matchs et ses spectacles — des <Link href="https://improchatou78.wordpress.com/" external>Touchatou</Link> dans les Yvelines à la LaTTIFA au Maroc, jusqu'à <Link href="https://les-particules.org/" external>Les Particules</Link> que j'ai cofondées à Albi.
+      </p>
+      <p>
+        Aujourd'hui, je suis aussi comédien de théâtre écrit avec la <Link href="https://aspireves.org" external>Compagnie AspiRêves</Link>, et acteur devant la caméra pour des web séries et courts métrages.
+      </p>
+    </div>
+
+    <div class="mt-12 grid gap-6 sm:grid-cols-2">
+      <NavCard
+        href="/theatre/improvisation"
+        title="Improvisation"
+        description="Des Touchatou aux Particules, en passant par la LaTTIFA au Maroc. Matchs d'impro, spectacles, ateliers."
+      />
+      <NavCard
+        href="/theatre/ecrit"
+        title="Théâtre écrit"
+        description="La Pièce, un spectacle de la Compagnie AspiRêves écrit et mis en scène par Michel Cals. Rôle de Pierrot."
+      />
+      <NavCard
+        href="/theatre/acteur"
+        title="Acteur"
+        description="Web séries, courts métrages et autres projets devant la caméra."
+      />
+    </div>
+  </section>
+</Layout>

src/utils/page-translations.ts

@@ -13,7 +13,10 @@ const translationGroups: Record<Locale, string>[] = [
 	{ fr: "/code/projets", en: "/en/code/projects", ar: "/ar/برمجة/مشاريع" },
 	{ fr: "/code/recommandations", en: "/en/code/recommendations", ar: "/ar/برمجة/توصيات" },
 	{ fr: "/code/competences", en: "/en/code/skills", ar: "/ar/برمجة/مهارات" },
-	{ fr: "/theatre", en: "/en/acting", ar: "/ar/مسرح" },
+	{ fr: "/theatre", en: "/en/theater", ar: "/ar/مسرح" },
+	{ fr: "/theatre/improvisation", en: "/en/theater/improvisation", ar: "/ar/مسرح/ارتجال" },
+	{ fr: "/theatre/ecrit", en: "/en/theater/written", ar: "/ar/مسرح/مكتوب" },
+	{ fr: "/theatre/acteur", en: "/en/theater/actor", ar: "/ar/مسرح/ممثل" },
 	{ fr: "/photo", en: "/en/photo", ar: "/ar/تصوير" },
 	{ fr: "/photo/blog", en: "/en/photo/blog", ar: "/ar/تصوير/مدونة" },
 ];