diff --git a/public/site/config/config.php b/public/site/config/config.php
index abb3122..795178d 100644
--- a/public/site/config/config.php
+++ b/public/site/config/config.php
@@ -85,5 +85,20 @@ return [
       'users',
       'system'
     ]
+  ],
+  'routes' => [
+    [
+      'pattern' => '(:all)logout.php',
+      'action'  => function () {
+          $kirby = kirby();
+          $user  = $kirby->user();
+          $user->logout();
+          session_start();
+
+          go($_SESSION['redirect_url']);
+
+          return '<html><body>logout</body></html>';
+      }
+  ]
   ]
 ];
diff --git a/public/site/snippets/footer.php b/public/site/snippets/footer.php
index 7e82b3b..3c52612 100644
--- a/public/site/snippets/footer.php
+++ b/public/site/snippets/footer.php
@@ -1,3 +1,15 @@
-  
+<script>
+  const kirbyData = {
+    user: {
+      role: '<?= $kirby->user()->role() ?>',
+      <?php if ($kirby->user()->role() == 'client'): ?>
+        client: {
+          name: '<?= $kirby->user()->client()->toPage()->title() ?>',
+          uuid: '<?= $kirby->user()->client()->toPage()->uuid() ?>',
+        }
+      <?php endif ?>
+    }
+  }
+</script> 
 </body>
 </html>
\ No newline at end of file
diff --git a/public/site/templates/inspirations.json.php b/public/site/templates/inspirations.json.php
index 65943fb..bdb70b2 100644
--- a/public/site/templates/inspirations.json.php
+++ b/public/site/templates/inspirations.json.php
@@ -1,8 +1,9 @@
 <?php
 
-$collections = $page->children()->map(function ($child) {
+$inspirations = $page->children()->map(function ($child) {
   return [
     'title' => $child->title()->value(),
+    'description' => $child->description()->value(),
     'new' => $child->new()->value() === "true" ? true : false,
     'date' => $child->date()->toDate('Y-MM-d'),
     'url' => $child->url(),
@@ -18,7 +19,7 @@ $collections = $page->children()->map(function ($child) {
 })->values();
 
 $specificData = [
-  "collections" => $collections
+  "inspirations" => $inspirations
 ];
 
 $data = array_merge($genericData, $specificData);
diff --git a/src/App.vue b/src/App.vue
index 2dc2a6b..5131d37 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -4,14 +4,20 @@
 
 <script setup>
 import { useApiStore } from "./stores/api";
+import { useUserStore } from "./stores/user";
 import { ref } from "vue";
 import home from "./views/Home.vue";
 import inspirations from "./views/Inspirations.vue";
+import { storeToRefs } from "pinia";
 
 const components = {
-  home, inspirations
+  home,
+  inspirations,
 };
 
+const { user } = storeToRefs(useUserStore());
+user.value = kirbyData.user;
+
 const data = ref(null);
 const api = useApiStore();
 api.fetchPageData().then((res) => (data.value = res));
diff --git a/src/components/Menu.vue b/src/components/Menu.vue
index 7e599dd..a231646 100644
--- a/src/components/Menu.vue
+++ b/src/components/Menu.vue
@@ -73,7 +73,7 @@
           <a href="#">Profil</a>
         </li>
         <li data-icon="logout">
-          <a href="#">Déconnexion</a>
+          <a href="/logout.php">Déconnexion</a>
         </li>
       </ul>
     </footer>
diff --git a/src/components/inspirations/Header.vue b/src/components/inspirations/Header.vue
index fdf3185..5d4d38c 100644
--- a/src/components/inspirations/Header.vue
+++ b/src/components/inspirations/Header.vue
@@ -1,14 +1,14 @@
 <template>
   <header
     class="flex | text-center"
-    :style="'--image: url(\'' + collection.cover + '\');'"
+    :style="'--image: url(\'' + inspiration.cover + '\');'"
   >
     <!-- $inspiration->cover()->url() -->
     <h2
       class="inspiration__title | font-serif | text-lg"
-      :class="{ new: collection.new }"
+      :class="{ new: inspiration.new }"
     >
-      {{ collection.title }}
+      {{ inspiration.title }}
     </h2>
     <!-- $inspiration->title() + class="new" if $inspiration->new()->isTrue() -->
     <time
@@ -18,7 +18,7 @@
     >
     <!-- $inspiration->date() -->
     <p class="inspiration__description">
-      {{ collection.description }}
+      {{ inspiration.description }}
     </p>
   </header>
 </template>
@@ -27,13 +27,13 @@
 import dayjs from "dayjs";
 import "dayjs/locale/fr";
 
-const { collection } = defineProps({
-  collection: Object,
+const { inspiration } = defineProps({
+  inspiration: Object,
 });
 
 dayjs.locale("fr");
 
-const frenchFormattedDate = dayjs(collection.date).format("MMMM YYYY");
+const frenchFormattedDate = dayjs(inspiration.date).format("MMMM YYYY");
 </script>
 
 <style scoped>
diff --git a/src/stores/projects.js b/src/stores/projects.js
index 79e340d..c5eaf6e 100644
--- a/src/stores/projects.js
+++ b/src/stores/projects.js
@@ -1,6 +1,7 @@
 import { defineStore } from "pinia";
 import { useApiStore } from "./api.js";
 import { ref, computed } from "vue";
+import { useUserStore } from "./user.js";
 
 export const useProjectsStore = defineStore("projects", () => {
   const projects = ref([]);
diff --git a/src/stores/user.js b/src/stores/user.js
new file mode 100644
index 0000000..706f3ca
--- /dev/null
+++ b/src/stores/user.js
@@ -0,0 +1,8 @@
+import { defineStore } from "pinia";
+import { ref } from "vue";
+
+export const useUserStore = defineStore("user", () => {
+  const user = ref(null);
+
+  return { user };
+});
diff --git a/src/views/Inspirations.vue b/src/views/Inspirations.vue
index f1c80fa..ac53721 100644
--- a/src/views/Inspirations.vue
+++ b/src/views/Inspirations.vue
@@ -19,9 +19,9 @@
 
       <!-- TabPanel -->
       <section class="inspiration">
-        <Header :collection="currentCollection" />
+        <Header :inspiration="currentInspiration" />
         <div class="grid masonry">
-          <template v-for="(item, index) in currentCollection.media">
+          <template v-for="(item, index) in currentInspiration.media">
             <figure class="flex" :style="'--rows: ' + (index % 2 ? 2 : 3)">
               <button
                 class="favorite"
@@ -72,13 +72,15 @@ const tabs = computed(() => {
     {
       label: "Les inspirations",
       id: "all",
-      count: currentCollection.media.length,
+      count: currentInspiration.media.length,
       isActive: true,
     },
   ];
 });
 
-const currentCollection = data.collections[0];
+const currentInspiration = data.inspirations[0];
+
+function toggleFavorite() {}
 </script>
 
 <style scoped>
