From e48a551dcbe2b30f73b6f5f42d4c0b59075ab9f1 Mon Sep 17 00:00:00 2001
From: Jalil Arfaoui <jalil@arfaoui.net>
Date: Sun, 22 Feb 2026 14:39:47 +0100
Subject: [PATCH] =?UTF-8?q?Refonte=20des=20pages=20hub=20/code=20en=20aper?=
 =?UTF-8?q?=C3=A7us=20de=20contenu?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Remplace les NavigationCards génériques par des aperçus réels :
4 expériences récentes, 3 projets featured, 3 catégories de
compétences et 3 recommandations, chacun avec lien "Voir tout".
Supprime le composant NavigationCard devenu inutile.
---
 .../recommendations/matthieu-diouron.jpg      | Bin 10432 -> 6196 bytes
 src/components/code/NavigationCard.astro      |  23 ----
 src/content/recommendations/antoine-wolff.md  |   1 +
 src/content/recommendations/benoit-sarda.md   |   2 +-
 src/pages/ar/برمجة/index.astro                | 126 ++++++++++++------
 src/pages/code/index.astro                    | 126 ++++++++++++------
 src/pages/en/code/index.astro                 | 126 ++++++++++++------
 7 files changed, 260 insertions(+), 144 deletions(-)
 delete mode 100644 src/components/code/NavigationCard.astro

diff --git a/src/assets/images/recommendations/matthieu-diouron.jpg b/src/assets/images/recommendations/matthieu-diouron.jpg
index f55fcefc475e554debc51cfeebf4b2488efeca92..b934cc626a20cf33a05651b8de79b2fa550ce93a 100644
GIT binary patch
literal 6196
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

literal 10432
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

diff --git a/src/components/code/NavigationCard.astro b/src/components/code/NavigationCard.astro
deleted file mode 100644
index 2108cee..0000000
--- a/src/components/code/NavigationCard.astro
+++ /dev/null
@@ -1,23 +0,0 @@
----
-interface Props {
-  title: string;
-  description: string;
-  href: string;
-  icon: string;
-}
-
-const { title, description, href, icon } = Astro.props;
----
-
-<a
-  href={href}
-  class="facet-card group block rounded-2xl bg-white/[0.06] border border-white/[0.1] p-6 hover:bg-white/[0.12] hover:border-white/[0.2] hover:scale-[1.02] transition-all duration-300 no-underline"
->
-  <div class="text-3xl mb-3 opacity-80 group-hover:opacity-100 group-hover:scale-110 transition-all duration-300 inline-block">{icon}</div>
-  <h3 class="text-lg font-bold text-white mb-2 group-hover:text-purple-200 transition-colors">
-    {title}
-  </h3>
-  <p class="text-sm text-white/55 leading-relaxed group-hover:text-white/70 transition-colors">
-    {description}
-  </p>
-</a>
diff --git a/src/content/recommendations/antoine-wolff.md b/src/content/recommendations/antoine-wolff.md
index dbd2487..6a0dcf1 100644
--- a/src/content/recommendations/antoine-wolff.md
+++ b/src/content/recommendations/antoine-wolff.md
@@ -2,6 +2,7 @@
 author: "Antoine Wolff"
 authorRole: "Développeur, graphiste et chef de projet"
 company: "LeCollectif"
+avatar: antoine-wolff.png
 url: https://www.linkedin.com/in/wolffantoine
 date: 2020-12-07
 lang: "fr"
diff --git a/src/content/recommendations/benoit-sarda.md b/src/content/recommendations/benoit-sarda.md
index 73d9f00..15deee6 100644
--- a/src/content/recommendations/benoit-sarda.md
+++ b/src/content/recommendations/benoit-sarda.md
@@ -1,6 +1,6 @@
 ---
 author: "Benoit Sarda"
-authorRole: "Sr Solution Architect, Manuf"
+authorRole: "Sr Solution Architect"
 company: "Amazon Web Services (AWS)"
 avatar: benoit-sarda.jpg
 url: https://www.linkedin.com/in/benoitsarda
diff --git a/src/pages/ar/برمجة/index.astro b/src/pages/ar/برمجة/index.astro
index 0966fde..7672ca3 100644
--- a/src/pages/ar/برمجة/index.astro
+++ b/src/pages/ar/برمجة/index.astro
@@ -3,9 +3,11 @@ import { getCollection } from "astro:content";
 import { Image } from "astro:assets";
 import Layout from "../../../layouts/main.astro";
 import Link from "../../../components/Link.astro";
-import NavigationCard from "../../../components/code/NavigationCard.astro";
 import FeaturedRecommendation from "../../../components/code/FeaturedRecommendation.astro";
+import ProjectCard from "../../../components/code/ProjectCard.astro";
+import SkillBadge from "../../../components/code/SkillBadge.astro";
 import logoTiqa from "../../../assets/images/logo-tiqa-blanc.png";
+import skillsData from "../../../data/skills.json";
 
 const locale = "ar";
 
@@ -13,7 +15,15 @@ const experiences = (await getCollection("experiences"))
   .filter((e) => e.data.lang === locale && !e.data.draft)
   .sort((a, b) => (b.data.startDate > a.data.startDate ? 1 : -1));
 
-const currentPosition = experiences.find((e) => !e.data.endDate);
+const recentExperiences = experiences.slice(0, 4);
+
+const projects = (await getCollection("projects"))
+  .filter((p) => p.data.lang === locale && !p.data.draft && p.data.category === "dev")
+  .sort((a, b) => {
+    if (a.data.featured !== b.data.featured) return a.data.featured ? -1 : 1;
+    return b.data.date.getTime() - a.data.date.getTime();
+  })
+  .slice(0, 3);
 
 const recommendations = (await getCollection("recommendations"))
   .sort((a, b) => b.data.date.getTime() - a.data.date.getTime())
@@ -23,6 +33,14 @@ const recommendationTexts = recommendations.map((rec) => ({
   ...rec,
   text: rec.body || '',
 }));
+
+const topSkills = skillsData.categories.slice(0, 3);
+
+function formatMonth(dateStr: string) {
+  const [year, month] = dateStr.split('-');
+  return new Date(parseInt(year), parseInt(month) - 1)
+    .toLocaleDateString('ar-SA', { year: 'numeric', month: 'short' });
+}
 ---
 
 <Layout
@@ -44,47 +62,56 @@ const recommendationTexts = recommendations.map((rec) => ({
       </p>
     </div>
 
-    <div class="grid grid-cols-1 sm:grid-cols-2 gap-4 mb-12">
-      <NavigationCard
-        title="المسار"
-        description="الجدول الزمني لخبراتي المهنية منذ 2002."
-        href="/ar/برمجة/مسار"
-        icon="📋"
-      />
-      <NavigationCard
-        title="المشاريع"
-        description="برمجيات مفتوحة المصدر ومشاريع شخصية."
-        href="/ar/برمجة/مشاريع"
-        icon="💻"
-      />
-      <NavigationCard
-        title="المهارات"
-        description="لغات، أطر عمل، ممارسات وأدوات."
-        href="/ar/برمجة/مهارات"
-        icon="🛠"
-      />
-      <NavigationCard
-        title="التوصيات"
-        description="ما يقوله الأشخاص الذين عملت معهم."
-        href="/ar/برمجة/توصيات"
-        icon="💬"
-      />
+    <div class="mb-12">
+      <div class="flex items-center justify-between mb-5">
+        <h2 class="text-2xl font-bold text-white">المسار</h2>
+        <a href="/ar/برمجة/مسار" class="text-sm text-purple-200 hover:text-white transition-colors">&larr; عرض الكل</a>
+      </div>
+      <div class="space-y-3">
+        {recentExperiences.map((exp) => {
+          const isOngoing = !exp.data.endDate;
+          const start = formatMonth(exp.data.startDate);
+          const end = exp.data.endDate ? formatMonth(exp.data.endDate) : 'الحالي';
+          return (
+            <div class="facet-card rounded-xl bg-white/[0.06] border border-white/[0.1] p-4 hover:bg-white/[0.1] transition-colors">
+              <div class="flex items-start justify-between gap-4">
+                <div class="min-w-0">
+                  <p class="font-semibold text-white text-sm truncate">{exp.data.role}</p>
+                  <p class="text-xs text-white/50 mt-0.5">
+                    {exp.data.companyUrl ? (
+                      <a href={exp.data.companyUrl} target="_blank" rel="noopener noreferrer" class="text-purple-200 hover:text-white transition-colors">{exp.data.company}</a>
+                    ) : exp.data.company}
+                    {exp.data.location && ` · ${exp.data.location}`}
+                  </p>
+                </div>
+                <span class:list={["text-xs whitespace-nowrap flex-shrink-0", isOngoing ? "text-purple-200 font-semibold" : "text-white/40"]}>
+                  {start} — {end}
+                </span>
+              </div>
+            </div>
+          );
+        })}
+      </div>
     </div>
 
-    {currentPosition && (
-      <div class="facet-card rounded-2xl bg-gradient-to-r from-purple-500/20 to-indigo-500/20 border border-purple-300/15 p-6 mb-10">
-        <p class="text-xs font-semibold text-purple-200 uppercase tracking-wider mb-2">المنصب الحالي</p>
-        <p class="text-xl font-bold text-white">{currentPosition.data.role}</p>
-        <p class="text-sm text-white/60 mt-1">
-          {currentPosition.data.companyUrl ? (
-            <a href={currentPosition.data.companyUrl} target="_blank" rel="noopener noreferrer" class="text-purple-200 hover:text-white transition-colors">{currentPosition.data.company}</a>
-          ) : (
-            currentPosition.data.company
-          )}
-          {currentPosition.data.location && ` · ${currentPosition.data.location}`}
-        </p>
+    <div class="mb-12">
+      <div class="flex items-center justify-between mb-5">
+        <h2 class="text-2xl font-bold text-white">المشاريع</h2>
+        <a href="/ar/برمجة/مشاريع" class="text-sm text-purple-200 hover:text-white transition-colors">&larr; عرض الكل</a>
       </div>
-    )}
+      <div class="grid grid-cols-1 sm:grid-cols-2 gap-4">
+        {projects.map((project) => (
+          <ProjectCard
+            title={project.data.title}
+            description={project.data.description}
+            technologies={project.data.technologies}
+            url={project.data.url}
+            github={project.data.github}
+            featured={project.data.featured}
+          />
+        ))}
+      </div>
+    </div>
 
     {recommendationTexts.length > 0 && (
       <div class="mb-12">
@@ -107,6 +134,25 @@ const recommendationTexts = recommendations.map((rec) => ({
       </div>
     )}
 
+    <div class="mb-12">
+      <div class="flex items-center justify-between mb-5">
+        <h2 class="text-2xl font-bold text-white">المهارات</h2>
+        <a href="/ar/برمجة/مهارات" class="text-sm text-purple-200 hover:text-white transition-colors">&larr; عرض الكل</a>
+      </div>
+      <div class="space-y-4">
+        {topSkills.map((category) => (
+          <div>
+            <p class="text-xs font-semibold text-white/40 uppercase tracking-wider mb-2">{category.name[locale as keyof typeof category.name]}</p>
+            <div class="flex flex-wrap gap-1.5">
+              {category.skills.map((skill) => (
+                <SkillBadge name={skill} />
+              ))}
+            </div>
+          </div>
+        ))}
+      </div>
+    </div>
+
     <h2 class="text-2xl font-bold text-white mb-5">القيم والمنهج</h2>
     <div class="facet-card rounded-2xl bg-white/[0.04] border border-white/[0.08] p-6 mb-10">
       <ul class="space-y-3 text-white/70">
diff --git a/src/pages/code/index.astro b/src/pages/code/index.astro
index 389eebb..1f20374 100644
--- a/src/pages/code/index.astro
+++ b/src/pages/code/index.astro
@@ -3,9 +3,11 @@ import { getCollection } from "astro:content";
 import { Image } from "astro:assets";
 import Layout from "../../layouts/main.astro";
 import Link from "../../components/Link.astro";
-import NavigationCard from "../../components/code/NavigationCard.astro";
 import FeaturedRecommendation from "../../components/code/FeaturedRecommendation.astro";
+import ProjectCard from "../../components/code/ProjectCard.astro";
+import SkillBadge from "../../components/code/SkillBadge.astro";
 import logoTiqa from "../../assets/images/logo-tiqa-blanc.png";
+import skillsData from "../../data/skills.json";
 
 const locale = "fr";
 
@@ -13,7 +15,15 @@ const experiences = (await getCollection("experiences"))
   .filter((e) => e.data.lang === locale && !e.data.draft)
   .sort((a, b) => (b.data.startDate > a.data.startDate ? 1 : -1));
 
-const currentPosition = experiences.find((e) => !e.data.endDate);
+const recentExperiences = experiences.slice(0, 4);
+
+const projects = (await getCollection("projects"))
+  .filter((p) => p.data.lang === locale && !p.data.draft && p.data.category === "dev")
+  .sort((a, b) => {
+    if (a.data.featured !== b.data.featured) return a.data.featured ? -1 : 1;
+    return b.data.date.getTime() - a.data.date.getTime();
+  })
+  .slice(0, 3);
 
 const recommendations = (await getCollection("recommendations"))
   .sort((a, b) => b.data.date.getTime() - a.data.date.getTime())
@@ -23,6 +33,14 @@ const recommendationTexts = recommendations.map((rec) => ({
   ...rec,
   text: rec.body || '',
 }));
+
+const topSkills = skillsData.categories.slice(0, 3);
+
+function formatMonth(dateStr: string) {
+  const [year, month] = dateStr.split('-');
+  return new Date(parseInt(year), parseInt(month) - 1)
+    .toLocaleDateString('fr-FR', { year: 'numeric', month: 'short' });
+}
 ---
 
 <Layout
@@ -44,47 +62,56 @@ const recommendationTexts = recommendations.map((rec) => ({
       </p>
     </div>
 
-    <div class="grid grid-cols-1 sm:grid-cols-2 gap-4 mb-12">
-      <NavigationCard
-        title="Parcours"
-        description="Timeline de mes expériences professionnelles depuis 2002."
-        href="/code/parcours"
-        icon="📋"
-      />
-      <NavigationCard
-        title="Projets"
-        description="Logiciels open source et projets personnels."
-        href="/code/projets"
-        icon="💻"
-      />
-      <NavigationCard
-        title="Compétences"
-        description="Langages, frameworks, pratiques et outils."
-        href="/code/competences"
-        icon="🛠"
-      />
-      <NavigationCard
-        title="Recommandations"
-        description="Ce que disent les gens avec qui j'ai travaillé."
-        href="/code/recommandations"
-        icon="💬"
-      />
+    <div class="mb-12">
+      <div class="flex items-center justify-between mb-5">
+        <h2 class="text-2xl font-bold text-white">Parcours</h2>
+        <a href="/code/parcours" class="text-sm text-purple-200 hover:text-white transition-colors">Voir tout &rarr;</a>
+      </div>
+      <div class="space-y-3">
+        {recentExperiences.map((exp) => {
+          const isOngoing = !exp.data.endDate;
+          const start = formatMonth(exp.data.startDate);
+          const end = exp.data.endDate ? formatMonth(exp.data.endDate) : 'Présent';
+          return (
+            <div class="facet-card rounded-xl bg-white/[0.06] border border-white/[0.1] p-4 hover:bg-white/[0.1] transition-colors">
+              <div class="flex items-start justify-between gap-4">
+                <div class="min-w-0">
+                  <p class="font-semibold text-white text-sm truncate">{exp.data.role}</p>
+                  <p class="text-xs text-white/50 mt-0.5">
+                    {exp.data.companyUrl ? (
+                      <a href={exp.data.companyUrl} target="_blank" rel="noopener noreferrer" class="text-purple-200 hover:text-white transition-colors">{exp.data.company}</a>
+                    ) : exp.data.company}
+                    {exp.data.location && ` · ${exp.data.location}`}
+                  </p>
+                </div>
+                <span class:list={["text-xs whitespace-nowrap flex-shrink-0", isOngoing ? "text-purple-200 font-semibold" : "text-white/40"]}>
+                  {start} — {end}
+                </span>
+              </div>
+            </div>
+          );
+        })}
+      </div>
     </div>
 
-    {currentPosition && (
-      <div class="facet-card rounded-2xl bg-gradient-to-r from-purple-500/20 to-indigo-500/20 border border-purple-300/15 p-6 mb-10">
-        <p class="text-xs font-semibold text-purple-200 uppercase tracking-wider mb-2">Poste actuel</p>
-        <p class="text-xl font-bold text-white">{currentPosition.data.role}</p>
-        <p class="text-sm text-white/60 mt-1">
-          {currentPosition.data.companyUrl ? (
-            <a href={currentPosition.data.companyUrl} target="_blank" rel="noopener noreferrer" class="text-purple-200 hover:text-white transition-colors">{currentPosition.data.company}</a>
-          ) : (
-            currentPosition.data.company
-          )}
-          {currentPosition.data.location && ` · ${currentPosition.data.location}`}
-        </p>
+    <div class="mb-12">
+      <div class="flex items-center justify-between mb-5">
+        <h2 class="text-2xl font-bold text-white">Projets</h2>
+        <a href="/code/projets" class="text-sm text-purple-200 hover:text-white transition-colors">Voir tous &rarr;</a>
       </div>
-    )}
+      <div class="grid grid-cols-1 sm:grid-cols-2 gap-4">
+        {projects.map((project) => (
+          <ProjectCard
+            title={project.data.title}
+            description={project.data.description}
+            technologies={project.data.technologies}
+            url={project.data.url}
+            github={project.data.github}
+            featured={project.data.featured}
+          />
+        ))}
+      </div>
+    </div>
 
     {recommendationTexts.length > 0 && (
       <div class="mb-12">
@@ -107,6 +134,25 @@ const recommendationTexts = recommendations.map((rec) => ({
       </div>
     )}
 
+    <div class="mb-12">
+      <div class="flex items-center justify-between mb-5">
+        <h2 class="text-2xl font-bold text-white">Compétences</h2>
+        <a href="/code/competences" class="text-sm text-purple-200 hover:text-white transition-colors">Voir toutes &rarr;</a>
+      </div>
+      <div class="space-y-4">
+        {topSkills.map((category) => (
+          <div>
+            <p class="text-xs font-semibold text-white/40 uppercase tracking-wider mb-2">{category.name[locale as keyof typeof category.name]}</p>
+            <div class="flex flex-wrap gap-1.5">
+              {category.skills.map((skill) => (
+                <SkillBadge name={skill} />
+              ))}
+            </div>
+          </div>
+        ))}
+      </div>
+    </div>
+
     <h2 class="text-2xl font-bold text-white mb-5">Valeurs & Approche</h2>
     <div class="facet-card rounded-2xl bg-white/[0.04] border border-white/[0.08] p-6 mb-10">
       <ul class="space-y-3 text-white/70">
diff --git a/src/pages/en/code/index.astro b/src/pages/en/code/index.astro
index a361626..d7198bf 100644
--- a/src/pages/en/code/index.astro
+++ b/src/pages/en/code/index.astro
@@ -3,9 +3,11 @@ import { getCollection } from "astro:content";
 import { Image } from "astro:assets";
 import Layout from "../../../layouts/main.astro";
 import Link from "../../../components/Link.astro";
-import NavigationCard from "../../../components/code/NavigationCard.astro";
 import FeaturedRecommendation from "../../../components/code/FeaturedRecommendation.astro";
+import ProjectCard from "../../../components/code/ProjectCard.astro";
+import SkillBadge from "../../../components/code/SkillBadge.astro";
 import logoTiqa from "../../../assets/images/logo-tiqa-blanc.png";
+import skillsData from "../../../data/skills.json";
 
 const locale = "en";
 
@@ -13,7 +15,15 @@ const experiences = (await getCollection("experiences"))
   .filter((e) => e.data.lang === locale && !e.data.draft)
   .sort((a, b) => (b.data.startDate > a.data.startDate ? 1 : -1));
 
-const currentPosition = experiences.find((e) => !e.data.endDate);
+const recentExperiences = experiences.slice(0, 4);
+
+const projects = (await getCollection("projects"))
+  .filter((p) => p.data.lang === locale && !p.data.draft && p.data.category === "dev")
+  .sort((a, b) => {
+    if (a.data.featured !== b.data.featured) return a.data.featured ? -1 : 1;
+    return b.data.date.getTime() - a.data.date.getTime();
+  })
+  .slice(0, 3);
 
 const recommendations = (await getCollection("recommendations"))
   .sort((a, b) => b.data.date.getTime() - a.data.date.getTime())
@@ -23,6 +33,14 @@ const recommendationTexts = recommendations.map((rec) => ({
   ...rec,
   text: rec.body || '',
 }));
+
+const topSkills = skillsData.categories.slice(0, 3);
+
+function formatMonth(dateStr: string) {
+  const [year, month] = dateStr.split('-');
+  return new Date(parseInt(year), parseInt(month) - 1)
+    .toLocaleDateString('en-US', { year: 'numeric', month: 'short' });
+}
 ---
 
 <Layout
@@ -44,47 +62,56 @@ const recommendationTexts = recommendations.map((rec) => ({
       </p>
     </div>
 
-    <div class="grid grid-cols-1 sm:grid-cols-2 gap-4 mb-12">
-      <NavigationCard
-        title="Career"
-        description="Timeline of my professional experiences since 2002."
-        href="/en/code/career"
-        icon="📋"
-      />
-      <NavigationCard
-        title="Projects"
-        description="Open source software and personal projects."
-        href="/en/code/projects"
-        icon="💻"
-      />
-      <NavigationCard
-        title="Skills"
-        description="Languages, frameworks, practices and tools."
-        href="/en/code/skills"
-        icon="🛠"
-      />
-      <NavigationCard
-        title="Recommendations"
-        description="What people I've worked with say about me."
-        href="/en/code/recommendations"
-        icon="💬"
-      />
+    <div class="mb-12">
+      <div class="flex items-center justify-between mb-5">
+        <h2 class="text-2xl font-bold text-white">Career</h2>
+        <a href="/en/code/career" class="text-sm text-purple-200 hover:text-white transition-colors">See all &rarr;</a>
+      </div>
+      <div class="space-y-3">
+        {recentExperiences.map((exp) => {
+          const isOngoing = !exp.data.endDate;
+          const start = formatMonth(exp.data.startDate);
+          const end = exp.data.endDate ? formatMonth(exp.data.endDate) : 'Present';
+          return (
+            <div class="facet-card rounded-xl bg-white/[0.06] border border-white/[0.1] p-4 hover:bg-white/[0.1] transition-colors">
+              <div class="flex items-start justify-between gap-4">
+                <div class="min-w-0">
+                  <p class="font-semibold text-white text-sm truncate">{exp.data.role}</p>
+                  <p class="text-xs text-white/50 mt-0.5">
+                    {exp.data.companyUrl ? (
+                      <a href={exp.data.companyUrl} target="_blank" rel="noopener noreferrer" class="text-purple-200 hover:text-white transition-colors">{exp.data.company}</a>
+                    ) : exp.data.company}
+                    {exp.data.location && ` · ${exp.data.location}`}
+                  </p>
+                </div>
+                <span class:list={["text-xs whitespace-nowrap flex-shrink-0", isOngoing ? "text-purple-200 font-semibold" : "text-white/40"]}>
+                  {start} — {end}
+                </span>
+              </div>
+            </div>
+          );
+        })}
+      </div>
     </div>
 
-    {currentPosition && (
-      <div class="facet-card rounded-2xl bg-gradient-to-r from-purple-500/20 to-indigo-500/20 border border-purple-300/15 p-6 mb-10">
-        <p class="text-xs font-semibold text-purple-200 uppercase tracking-wider mb-2">Current position</p>
-        <p class="text-xl font-bold text-white">{currentPosition.data.role}</p>
-        <p class="text-sm text-white/60 mt-1">
-          {currentPosition.data.companyUrl ? (
-            <a href={currentPosition.data.companyUrl} target="_blank" rel="noopener noreferrer" class="text-purple-200 hover:text-white transition-colors">{currentPosition.data.company}</a>
-          ) : (
-            currentPosition.data.company
-          )}
-          {currentPosition.data.location && ` · ${currentPosition.data.location}`}
-        </p>
+    <div class="mb-12">
+      <div class="flex items-center justify-between mb-5">
+        <h2 class="text-2xl font-bold text-white">Projects</h2>
+        <a href="/en/code/projects" class="text-sm text-purple-200 hover:text-white transition-colors">See all &rarr;</a>
       </div>
-    )}
+      <div class="grid grid-cols-1 sm:grid-cols-2 gap-4">
+        {projects.map((project) => (
+          <ProjectCard
+            title={project.data.title}
+            description={project.data.description}
+            technologies={project.data.technologies}
+            url={project.data.url}
+            github={project.data.github}
+            featured={project.data.featured}
+          />
+        ))}
+      </div>
+    </div>
 
     {recommendationTexts.length > 0 && (
       <div class="mb-12">
@@ -107,6 +134,25 @@ const recommendationTexts = recommendations.map((rec) => ({
       </div>
     )}
 
+    <div class="mb-12">
+      <div class="flex items-center justify-between mb-5">
+        <h2 class="text-2xl font-bold text-white">Skills</h2>
+        <a href="/en/code/skills" class="text-sm text-purple-200 hover:text-white transition-colors">See all &rarr;</a>
+      </div>
+      <div class="space-y-4">
+        {topSkills.map((category) => (
+          <div>
+            <p class="text-xs font-semibold text-white/40 uppercase tracking-wider mb-2">{category.name[locale as keyof typeof category.name]}</p>
+            <div class="flex flex-wrap gap-1.5">
+              {category.skills.map((skill) => (
+                <SkillBadge name={skill} />
+              ))}
+            </div>
+          </div>
+        ))}
+      </div>
+    </div>
+
     <h2 class="text-2xl font-bold text-white mb-5">Values & Approach</h2>
     <div class="facet-card rounded-2xl bg-white/[0.04] border border-white/[0.08] p-6 mb-10">
       <ul class="space-y-3 text-white/70">