From b252f54fa05f0c73a14b775f52bac5b676790bd2 Mon Sep 17 00:00:00 2001
From: Arthur DANJOU <arthurdanjou@outlook.fr>
Date: Wed, 24 Dec 2025 00:06:35 +0100
Subject: [PATCH] =?UTF-8?q?feat:=20mettre=20=C3=A0=20jour=20les=20m=C3=A9t?=
 =?UTF-8?q?adonn=C3=A9es=20SEO=20et=20r=C3=A9organiser=20les=20pages=20de?=
 =?UTF-8?q?=20projets?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/app.vue                   |  9 ++++++++-
 app/pages/hobbies.vue         |  8 ++++++++
 app/pages/index.vue           |  7 +++++--
 app/pages/projects.vue        | 12 ------------
 app/pages/projects/[slug].vue | 13 +++++++++++++
 app/pages/projects/index.vue  | 17 +++++++++++++++++
 app/pages/uses.vue            |  8 ++++++++
 nuxt.config.ts                |  5 -----
 8 files changed, 59 insertions(+), 20 deletions(-)
 delete mode 100644 app/pages/projects.vue
 create mode 100644 app/pages/projects/[slug].vue
 create mode 100644 app/pages/projects/index.vue

diff --git a/app/app.vue b/app/app.vue
index 40a139f..4c606b1 100644
--- a/app/app.vue
+++ b/app/app.vue
@@ -1,6 +1,13 @@
 <script lang="ts" setup>
 useHead({
-  link: [{ rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }]
+  link: [{ rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }],
+  titleTemplate: (titleChunk) => {
+    return titleChunk ? `${titleChunk} %separator %siteName` : 'Arthur Danjou %separator AI Safety & Applied Math'
+  },
+  templateParams: {
+    siteName: 'Arthur Danjou',
+    separator: '•'
+  }
 })
 </script>
 
diff --git a/app/pages/hobbies.vue b/app/pages/hobbies.vue
index a75fbb9..b4936d0 100644
--- a/app/pages/hobbies.vue
+++ b/app/pages/hobbies.vue
@@ -2,6 +2,14 @@
 const { data: page } = await useAsyncData('hobbies', () => {
   return queryCollection('hobbies').first()
 })
+
+useSeoMeta({
+  title: 'Balance & Perspectives',
+  description: 'Beyond the code. Exploring how competitive sports, motorsports strategy, and cultural experiences fuel my research resilience and cognitive flexibility.',
+  ogTitle: 'Balance & Perspectives • Arthur Danjou',
+  ogDescription: 'Beyond the code. Exploring how competitive sports, motorsports strategy, and cultural experiences fuel my research resilience and cognitive flexibility.',
+  twitterCard: 'summary_large_image'
+})
 </script>
 
 <template>
diff --git a/app/pages/index.vue b/app/pages/index.vue
index 96472e8..8f348ba 100644
--- a/app/pages/index.vue
+++ b/app/pages/index.vue
@@ -1,7 +1,10 @@
 <script lang="ts" setup>
 useSeoMeta({
-  title: 'Arthur Danjou - AI enjoyer and Maths student',
-  description: 'Developer enjoying Artificial Intelligence and Machine Learning. Mathematics Student at Paris Dauphine-PSL University specialised in Statistics'
+  title: 'AI Safety & Applied Mathematics',
+  description: 'Research Engineer & Master 2 Student at Paris-Dauphine (ISF). Focusing on AI Alignment, Robustness, and Safe Deep Learning.',
+  ogTitle: 'Arthur Danjou • AI Safety & Applied Mathematics',
+  ogDescription: 'Research Engineer & Master 2 Student at Paris-Dauphine (ISF). Focusing on AI Alignment, Robustness, and Safe Deep Learning.',
+  twitterCard: 'summary_large_image'
 })
 
 const { data: page } = await useAsyncData('index', () => {
diff --git a/app/pages/projects.vue b/app/pages/projects.vue
deleted file mode 100644
index c4f6f8a..0000000
--- a/app/pages/projects.vue
+++ /dev/null
@@ -1,12 +0,0 @@
-<script lang="ts" setup>
-const { data: projects } = await useAsyncData('projects', () => {
-  return queryCollection('projects').all()
-})
-</script>
-
-<template>
-  <div>
-    PROJECTS PAGE
-    {{ projects }}
-  </div>
-</template>
diff --git a/app/pages/projects/[slug].vue b/app/pages/projects/[slug].vue
new file mode 100644
index 0000000..b139ec6
--- /dev/null
+++ b/app/pages/projects/[slug].vue
@@ -0,0 +1,13 @@
+<script lang="ts" setup>
+
+</script>
+
+<template>
+  <div>
+    
+  </div>
+</template>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/app/pages/projects/index.vue b/app/pages/projects/index.vue
new file mode 100644
index 0000000..941e37f
--- /dev/null
+++ b/app/pages/projects/index.vue
@@ -0,0 +1,17 @@
+<script lang="ts" setup>
+const { data: projects } = await useAsyncData('projects', () => {
+  return queryCollection('projects').order('publishedAt', 'DESC').all()
+})
+
+useSeoMeta({
+  title: 'Engineering & Research Labs',
+  description: 'Bridging the gap between theoretical models and production systems. Explore my experimental labs, open-source contributions, and engineering work.',
+  ogTitle: 'Engineering & Research Labs • Arthur Danjou',
+  ogDescription: 'Bridging the gap between theoretical models and production systems. Explore my experimental labs, open-source contributions, and engineering work.',
+  twitterCard: 'summary_large_image'
+})
+</script>
+
+<template>
+  <div />
+</template>
diff --git a/app/pages/uses.vue b/app/pages/uses.vue
index dcb9d1f..2eb68cc 100644
--- a/app/pages/uses.vue
+++ b/app/pages/uses.vue
@@ -2,6 +2,14 @@
 const { data: page } = await useAsyncData('uses', () => {
   return queryCollection('uses').first()
 })
+
+useSeoMeta({
+  title: 'Research Lab & Technical Setup',
+  description: 'A curated list of the hardware, software, and self-hosted infrastructure that powers my mathematical modeling and AI research workflows.',
+  ogTitle: 'Research Lab & Technical Setup • Arthur Danjou',
+  ogDescription: 'A curated list of the hardware, software, and self-hosted infrastructure that powers my mathematical modeling and AI research workflows.',
+  twitterCard: 'summary_large_image'
+})
 </script>
 
 <template>
diff --git a/nuxt.config.ts b/nuxt.config.ts
index a574972..a4a0462 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -16,11 +16,6 @@ export default defineNuxtConfig({
 
   app: {
     pageTransition: { name: 'page', mode: 'out-in' },
-    head: {
-      templateParams: {
-        separator: '•'
-      }
-    },
     rootAttrs: {
       class: 'bg-[var(--ui-bg)]'
     }