feat: mettre à jour les métadonnées SEO et réorganiser les pages de projets

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>
 

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>

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', () => {

app/pages/projects.vue

@@ -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>

app/pages/projects/[slug].vue

@@ -0,0 +1,13 @@
+<script lang="ts" setup>
+
+</script>
+
+<template>
+  <div>
+    
+  </div>
+</template>
+
+<style scoped>
+
+</style>

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>

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>

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)]'
     }