diff --git a/public/images/hutopymedia/icons/black/facebookblack.png b/public/images/hutopymedia/icons/black/facebookblack.png
deleted file mode 100644
index 8ab55f0..0000000
Binary files a/public/images/hutopymedia/icons/black/facebookblack.png and /dev/null differ
diff --git a/public/images/hutopymedia/icons/black/instagramblack.png b/public/images/hutopymedia/icons/black/instagramblack.png
deleted file mode 100644
index 93fa970..0000000
Binary files a/public/images/hutopymedia/icons/black/instagramblack.png and /dev/null differ
diff --git a/public/images/hutopymedia/icons/black/linkedinblack.png b/public/images/hutopymedia/icons/black/linkedinblack.png
deleted file mode 100644
index 8278ae5..0000000
Binary files a/public/images/hutopymedia/icons/black/linkedinblack.png and /dev/null differ
diff --git a/public/images/hutopymedia/icons/black/xblack.png b/public/images/hutopymedia/icons/black/xblack.png
deleted file mode 100644
index 21e614a..0000000
Binary files a/public/images/hutopymedia/icons/black/xblack.png and /dev/null differ
diff --git a/public/images/hutopymedia/icons/black/youtube.png b/public/images/hutopymedia/icons/black/youtube.png
deleted file mode 100644
index c35edd6..0000000
Binary files a/public/images/hutopymedia/icons/black/youtube.png and /dev/null differ
diff --git a/public/images/hutopymedia/icons/pink/facebookpink.png b/public/images/hutopymedia/icons/pink/facebookpink.png
deleted file mode 100644
index 8a2fea1..0000000
Binary files a/public/images/hutopymedia/icons/pink/facebookpink.png and /dev/null differ
diff --git a/public/images/hutopymedia/icons/pink/instagrampink.png b/public/images/hutopymedia/icons/pink/instagrampink.png
deleted file mode 100644
index b399f26..0000000
Binary files a/public/images/hutopymedia/icons/pink/instagrampink.png and /dev/null differ
diff --git a/public/images/hutopymedia/icons/pink/xpink.png b/public/images/hutopymedia/icons/pink/xpink.png
deleted file mode 100644
index 28ed2ce..0000000
Binary files a/public/images/hutopymedia/icons/pink/xpink.png and /dev/null differ
diff --git a/public/images/hutopymedia/icons/white/facebookwhite.png b/public/images/hutopymedia/icons/white/facebookwhite.png
deleted file mode 100644
index 1d3aa5c..0000000
Binary files a/public/images/hutopymedia/icons/white/facebookwhite.png and /dev/null differ
diff --git a/public/images/hutopymedia/icons/white/instagramwhite.png b/public/images/hutopymedia/icons/white/instagramwhite.png
deleted file mode 100644
index 54c1b95..0000000
Binary files a/public/images/hutopymedia/icons/white/instagramwhite.png and /dev/null differ
diff --git a/public/images/hutopymedia/icons/white/xwhite.png b/public/images/hutopymedia/icons/white/xwhite.png
deleted file mode 100644
index fa153b5..0000000
Binary files a/public/images/hutopymedia/icons/white/xwhite.png and /dev/null differ
diff --git a/public/images/externals/tiktok-black.png b/public/images/socials/tiktok-black.png
similarity index 100%
rename from public/images/externals/tiktok-black.png
rename to public/images/socials/tiktok-black.png
diff --git a/public/images/externals/tiktok-white.png b/public/images/socials/tiktok-white.png
similarity index 100%
rename from public/images/externals/tiktok-white.png
rename to public/images/socials/tiktok-white.png
diff --git a/src/views/Profile/Dialogs/PageInformations/ModalFacebook.vue b/src/views/Profile/Dialogs/PageInformations/ModalFacebook.vue
deleted file mode 100644
index 14df41a..0000000
--- a/src/views/Profile/Dialogs/PageInformations/ModalFacebook.vue
+++ /dev/null
@@ -1,24 +0,0 @@
-<template>
-  <div class="pb-5 text-2xl">Lien Facebook</div>
-
-  <v-text-field
-      variant="outlined"
-      v-model="facebookLink"
-      label="Votre lien Facebook"
-      outlined
-  ></v-text-field>
-
-  <div class="flex justify-end space-x-4">
-    <v-btn variant="plain" color="black">Annuler</v-btn>
-    <v-btn color="#A6147D">Enregistrer</v-btn>
-  </div>
-</template>
-
-<script setup>
-import { ref } from 'vue';
-const facebookLink = ref('');
-
-</script>
-
-<style scoped>
-</style>
diff --git a/src/views/Profile/Dialogs/PageInformations/ModalInstagram.vue b/src/views/Profile/Dialogs/PageInformations/ModalInstagram.vue
deleted file mode 100644
index 6993d25..0000000
--- a/src/views/Profile/Dialogs/PageInformations/ModalInstagram.vue
+++ /dev/null
@@ -1,24 +0,0 @@
-<template>
-  <div class="pb-5 text-2xl">Lien Instagram</div>
-
-  <v-text-field
-      variant="outlined"
-      v-model="instagramLink"
-      label="Votre lien Instagram"
-      outlined
-  ></v-text-field>
-
-  <div class="flex justify-end space-x-4">
-    <v-btn variant="plain" color="black">Annuler</v-btn>
-    <v-btn color="#A6147D">Enregistrer</v-btn>
-  </div>
-</template>
-
-<script setup>
-import { ref } from 'vue';
-const instagramLink = ref('');
-
-</script>
-
-<style scoped>
-</style>
diff --git a/src/views/Profile/Dialogs/PageInformations/ModalLinkedIn.vue b/src/views/Profile/Dialogs/PageInformations/ModalLinkedIn.vue
deleted file mode 100644
index 2286e60..0000000
--- a/src/views/Profile/Dialogs/PageInformations/ModalLinkedIn.vue
+++ /dev/null
@@ -1,24 +0,0 @@
-<template>
-  <div class="pb-5 text-2xl">Lien LinkedIn</div>
-
-  <v-text-field
-      variant="outlined"
-      v-model="linkedInLink"
-      label="Votre lien LinkedIn"
-      outlined
-  ></v-text-field>
-
-  <div class="flex justify-end space-x-4">
-    <v-btn variant="plain" color="black">Annuler</v-btn>
-    <v-btn color="#A6147D">Enregistrer</v-btn>
-  </div>
-</template>
-
-<script setup>
-import { ref } from 'vue';
-const linkedInLink = ref('');
-
-</script>
-
-<style scoped>
-</style>
diff --git a/src/views/Profile/Dialogs/PageInformations/ModalReddit.vue b/src/views/Profile/Dialogs/PageInformations/ModalReddit.vue
deleted file mode 100644
index e23ccb0..0000000
--- a/src/views/Profile/Dialogs/PageInformations/ModalReddit.vue
+++ /dev/null
@@ -1,24 +0,0 @@
-<template>
-  <div class="pb-5 text-2xl">Lien Reddit</div>
-
-  <v-text-field
-      variant="outlined"
-      v-model="redditLink"
-      label="Votre lien Reddit"
-      outlined
-  ></v-text-field>
-
-  <div class="flex justify-end space-x-4">
-    <v-btn variant="plain" color="black">Annuler</v-btn>
-    <v-btn color="#A6147D">Enregistrer</v-btn>
-  </div>
-</template>
-
-<script setup>
-import { ref } from 'vue';
-const redditLink = ref('');
-
-</script>
-
-<style scoped>
-</style>
diff --git a/src/views/Profile/Dialogs/PageInformations/ModalTikTok.vue b/src/views/Profile/Dialogs/PageInformations/ModalTikTok.vue
deleted file mode 100644
index 2a57004..0000000
--- a/src/views/Profile/Dialogs/PageInformations/ModalTikTok.vue
+++ /dev/null
@@ -1,24 +0,0 @@
-<template>
-  <div class="pb-5 text-2xl">Lien TikTok</div>
-
-  <v-text-field
-      variant="outlined"
-      v-model="tiktokLink"
-      label="Votre lien TikTok"
-      outlined
-  ></v-text-field>
-
-  <div class="flex justify-end space-x-4">
-    <v-btn variant="plain" color="black">Annuler</v-btn>
-    <v-btn color="#A6147D">Enregistrer</v-btn>
-  </div>
-</template>
-
-<script setup>
-import { ref } from 'vue';
-const tiktokLink = ref('');
-
-</script>
-
-<style scoped>
-</style>
diff --git a/src/views/Profile/Dialogs/PageInformations/ModalWebsite.vue b/src/views/Profile/Dialogs/PageInformations/ModalWebsite.vue
deleted file mode 100644
index b99e864..0000000
--- a/src/views/Profile/Dialogs/PageInformations/ModalWebsite.vue
+++ /dev/null
@@ -1,24 +0,0 @@
-<template>
-  <div class="pb-5 text-2xl">Page Web personnel</div>
-
-  <v-text-field
-      variant="outlined"
-      v-model="websiteLink"
-      label="Lien de votre page web personnel"
-      outlined
-  ></v-text-field>
-
-  <div class="flex justify-end space-x-4">
-    <v-btn variant="plain" color="black">Annuler</v-btn>
-    <v-btn color="#A6147D">Enregistrer</v-btn>
-  </div>
-</template>
-
-<script setup>
-import { ref } from 'vue';
-const websiteLink = ref('');
-
-</script>
-
-<style scoped>
-</style>
diff --git a/src/views/Profile/Dialogs/PageInformations/ModalX.vue b/src/views/Profile/Dialogs/PageInformations/ModalX.vue
deleted file mode 100644
index f86f434..0000000
--- a/src/views/Profile/Dialogs/PageInformations/ModalX.vue
+++ /dev/null
@@ -1,24 +0,0 @@
-<template>
-  <div class="pb-5 text-2xl">Lien X</div>
-
-  <v-text-field
-      variant="outlined"
-      v-model="xLink"
-      label="Votre lien x"
-      outlined
-  ></v-text-field>
-
-  <div class="flex justify-end space-x-4">
-    <v-btn variant="plain" color="black">Annuler</v-btn>
-    <v-btn color="#A6147D">Enregistrer</v-btn>
-  </div>
-</template>
-
-<script setup>
-import { ref } from 'vue';
-const xLink = ref('');
-
-</script>
-
-<style scoped>
-</style>
diff --git a/src/views/Profile/Dialogs/PageInformations/ModalYoutube.vue b/src/views/Profile/Dialogs/PageInformations/ModalYoutube.vue
deleted file mode 100644
index dd4492d..0000000
--- a/src/views/Profile/Dialogs/PageInformations/ModalYoutube.vue
+++ /dev/null
@@ -1,24 +0,0 @@
-<template>
-  <div class="pb-5 text-2xl">Lien Youtube</div>
-
-  <v-text-field
-      variant="outlined"
-      v-model="youtubeLink"
-      label="Votre lien Youtube"
-      outlined
-  ></v-text-field>
-
-  <div class="flex justify-end space-x-4">
-    <v-btn variant="plain" color="black">Annuler</v-btn>
-    <v-btn color="#A6147D">Enregistrer</v-btn>
-  </div>
-</template>
-
-<script setup>
-import { ref } from 'vue';
-const youtubeLink = ref('');
-
-</script>
-
-<style scoped>
-</style>
diff --git a/src/views/Profile/Dialogs/PageInformations/SocialNetworks.vue b/src/views/Profile/Dialogs/PageInformations/SocialNetworks.vue
new file mode 100644
index 0000000..1a466b9
--- /dev/null
+++ b/src/views/Profile/Dialogs/PageInformations/SocialNetworks.vue
@@ -0,0 +1,123 @@
+<script setup>
+import {ref} from 'vue'
+import {useClient} from "@/plugins/api.js";
+
+const props = defineProps({
+  creator: {
+    required: true
+  }
+})
+
+const emits = defineEmits(['closeRequested'])
+
+const facebookUrl = ref(props.creator.socialNetworks.facebookUrl)
+const instagramUrl = ref(props.creator.socialNetworks.instagramUrl)
+const linkedInUrl = ref(props.creator.socialNetworks.linkedInUrl)
+const redditUrl = ref(props.creator.socialNetworks.redditUrl)
+const tikTokUrl = ref(props.creator.socialNetworks.tikTokUrl)
+const websiteUrl = ref(props.creator.socialNetworks.websiteUrl)
+const xUrl = ref(props.creator.socialNetworks.xUrl)
+const youtubeUrl = ref(props.creator.socialNetworks.youtubeUrl)
+
+const client = useClient()
+const save = async () => {
+  try {
+    await client.post(
+        `/api/creators/${props.creator.id}/socials`,
+        {
+          "facebookUrl": facebookUrl.value || null,
+          "instagramUrl": instagramUrl.value || null,
+          "linkedInUrl": linkedInUrl.value || null,
+          "redditUrl": redditUrl.value || null,
+          "tikTokUrl": tikTokUrl.value || null,
+          "websiteUrl": websiteUrl.value || null,
+          "xUrl": xUrl.value || null,
+          "youtubeUrl": youtubeUrl.value || null,
+        })
+
+    props.creator.socialNetworks.facebookUrl = facebookUrl
+    props.creator.socialNetworks.instagramUrl = instagramUrl
+    props.creator.socialNetworks.linkedInUrl = linkedInUrl
+    props.creator.socialNetworks.redditUrl = redditUrl
+    props.creator.socialNetworks.tikTokUrl = tikTokUrl
+    props.creator.socialNetworks.websiteUrl = websiteUrl
+    props.creator.socialNetworks.xUrl = xUrl
+    props.creator.socialNetworks.youtubeUrl = youtubeUrl
+    
+    emits('closeRequested')
+  } catch (error) {
+    console.error(error)
+  }
+}
+
+const cancel = () => {
+  emits('closeRequested')
+}
+
+</script>
+
+<template>
+  <div class="pb-5 text-2xl">Reseaux Sociaux</div>
+
+  <v-text-field
+      variant="outlined"
+      v-model="facebookUrl"
+      label="Lien Facebook"
+      outlined
+  ></v-text-field>
+
+  <v-text-field
+      variant="outlined"
+      v-model="instagramUrl"
+      label="Lien Instagram"
+      outlined
+  ></v-text-field>
+
+
+  <v-text-field
+      variant="outlined"
+      v-model="linkedInUrl"
+      label="Lien LinkedIn"
+      outlined
+  ></v-text-field>
+
+  <v-text-field
+      variant="outlined"
+      v-model="redditUrl"
+      label="Lien Reddit"
+      outlined
+  ></v-text-field>
+
+  <v-text-field
+      variant="outlined"
+      v-model="tikTokUrl"
+      label="Lien TikTok"
+      outlined
+  ></v-text-field>
+
+  <v-text-field
+      variant="outlined"
+      v-model="websiteUrl"
+      label="Lien site web"
+      outlined
+  ></v-text-field>
+
+  <v-text-field
+      variant="outlined"
+      v-model="xUrl"
+      label="Lien X"
+      outlined
+  ></v-text-field>
+
+  <v-text-field
+      variant="outlined"
+      v-model="youtubeUrl"
+      label="Lien Youtube"
+      outlined
+  ></v-text-field>
+
+  <div class="flex justify-end space-x-4">
+    <v-btn color="black" variant="text" @click="cancel">Annuler</v-btn>
+    <v-btn color="#A6147D" @click="save">Enregistrer</v-btn>
+  </div>
+</template>
diff --git a/src/views/Profile/PageInformations.vue b/src/views/Profile/PageInformations.vue
index 6cd7b88..cd93a8c 100644
--- a/src/views/Profile/PageInformations.vue
+++ b/src/views/Profile/PageInformations.vue
@@ -1,13 +1,6 @@
 <script setup>
 import {ref} from 'vue';
-import ModalFacebook from '@/views/Profile/Dialogs/PageInformations/ModalFacebook.vue';
-import ModalInstagram from '@/views/Profile/Dialogs/PageInformations/ModalInstagram.vue';
-import ModalLinkedIn from '@/views/Profile/Dialogs/PageInformations/ModalLinkedIn.vue';
-import ModalReddit from '@/views/Profile/Dialogs/PageInformations/ModalReddit.vue';
-import ModalTikTok from '@/views/Profile/Dialogs/PageInformations/ModalTikTok.vue';
-import ModalWebsite from '@/views/Profile/Dialogs/PageInformations/ModalWebsite.vue';
-import ModalX from '@/views/Profile/Dialogs/PageInformations/ModalX.vue';
-import ModalYoutube from '@/views/Profile/Dialogs/PageInformations/ModalYoutube.vue';
+import SocialNetworks from '@/views/Profile/Dialogs/PageInformations/SocialNetworks.vue';
 import BannerPicker from '@/views/Profile/Dialogs/PageInformations/BannerPicker.vue';
 import ColorTopBanner from '@/views/Profile/Dialogs/PageInformations/ColorTopBanner.vue';
 import ColorBottomBanner from "@/views/Profile/Dialogs/PageInformations/ColorBottomBanner.vue";
@@ -22,14 +15,7 @@ const dialog = ref(false);
 const currentComponent = ref('');
 
 const componentsMap = {
-  ModalFacebook,
-  ModalInstagram,
-  ModalLinkedIn,
-  ModalReddit,
-  ModalTikTok,
-  ModalWebsite,
-  ModalX,
-  ModalYoutube,
+  SocialNetworks,
   BannerPicker,
   ColorTopBanner,
   ColorBottomBanner,
@@ -39,6 +25,7 @@ const componentsMap = {
 };
 
 const openDialog = (component) => {
+  console.dir(userStore.creator)
   currentComponent.value = componentsMap[component]
   dialog.value = true
 }
@@ -51,7 +38,7 @@ const closeDialog = () => {
 </script>
 
 <template>
-  
+
   <v-dialog v-model="dialog" max-width="600px">
     <v-card>
       <v-card-text>
@@ -62,7 +49,7 @@ const closeDialog = () => {
       </v-card-text>
     </v-card>
   </v-dialog>
-  
+
   <div class="flex flex-col items-center w-full">
     <h1 class="uppercase pb-5 text-2xl">
       <v-icon class="mr-2">mdi-file-edit-outline</v-icon>
@@ -127,91 +114,92 @@ const closeDialog = () => {
 
     <!-- Réseaux sociaux -->
     <div class="mt-10 border rounded-2xl w-full max-w-[800px]">
+
       <div class="py-5 uppercase ml-4">Réseaux Sociaux</div>
+
       <div class="flex flex-col w-full">
         <button
-            @click="openDialog('ModalFacebook')"
+            @click="openDialog('SocialNetworks')"
             class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full">
           <span class="pa-2 min-w-32 text-left"><v-icon>mdi-facebook</v-icon></span>
-          <span class="flex-auto text-left pr-6">Facebook</span>
+          <span class="flex-auto text-left pr-6">{{ userStore.creator.socialNetworks.facebookUrl }}</span>
           <span class="flex-none">
             <v-icon>mdi-chevron-right</v-icon>
           </span>
         </button>
 
         <button
-            @click="openDialog('ModalInstagram')"
+            @click="openDialog('SocialNetworks')"
             class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full">
           <span class="flex-none pa-2 min-w-32 text-left"> <v-icon>mdi-instagram</v-icon></span>
-          <span class="flex-auto text-left pr-6">Instagram</span>
+          <span class="flex-auto text-left pr-6">{{ userStore.creator.socialNetworks.instagramUrl }}</span>
           <span class="flex-none">
             <v-icon>mdi-chevron-right</v-icon>
           </span>
         </button>
 
         <button
-            @click="openDialog('ModalX')"
+            @click="openDialog('SocialNetworks')"
             class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full">
-          <span class="flex-none pa-2 min-w-32 text-left"> <img src="/images/hutopymedia/icons/black/xblack.png"
-                                                                class="w-5 h-5"></span>
-          <span class="flex-auto text-left pr-6">X</span>
+          <span class="flex-none pa-2 min-w-32 text-left"><v-icon>mdi-twitter</v-icon></span>
+          <span class="flex-auto text-left pr-6">{{ userStore.creator.socialNetworks.xUrl }}</span>
           <span class="flex-none">          
                         <v-icon>mdi-chevron-right</v-icon>
           </span>
         </button>
 
         <button
-            @click="openDialog('ModalLinkedIn')"
+            @click="openDialog('SocialNetworks')"
             class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full ">
           <span class="pa-2 min-w-32 text-left"><v-icon>mdi-linkedin</v-icon></span>
-          <span class="flex-auto text-left pr-6">LinkedIn</span>
+          <span class="flex-auto text-left pr-6">{{ userStore.creator.socialNetworks.linkedInUrl }}</span>
           <span class="flex-none">
             <v-icon>mdi-chevron-right</v-icon>
           </span>
         </button>
 
         <button
-            @click="openDialog('ModalTikTok')"
+            @click="openDialog('SocialNetworks')"
             class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full ">
-          <span class="flex-none pa-2 min-w-32 text-left"> <img src="/images/externals/tiktok-black.png"
-                                                                class="w-5 h-5"></span>
-          <span class="flex-auto text-left pr-6">TikTok</span>
+          <span class="flex-none pa-2 min-w-32 text-left"> 
+            <img src="/images/socials/tiktok-black.png" class="w-5 h-5">
+          </span>
+          <span class="flex-auto text-left pr-6">{{ userStore.creator.socialNetworks.tikTokUrl }}</span>
           <span class="flex-none">
             <v-icon>mdi-chevron-right</v-icon>
           </span>
         </button>
 
         <button
-            @click="openDialog('ModalYoutube')"
+            @click="openDialog('SocialNetworks')"
             class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full ">
           <span class="pa-2 min-w-32 text-left"><v-icon>mdi-youtube</v-icon></span>
-          <span class="flex-auto text-left pr-6">Youtube</span>
+          <span class="flex-auto text-left pr-6">{{ userStore.creator.socialNetworks.youtubeUrl }}</span>
           <span class="flex-none">
             <v-icon>mdi-chevron-right</v-icon>
           </span>
         </button>
 
         <button
-            @click="openDialog('ModalReddit')"
+            @click="openDialog('SocialNetworks')"
             class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full ">
           <span class="pa-2 min-w-32 text-left"><v-icon>mdi-reddit</v-icon></span>
-          <span class="flex-auto text-left pr-6">Reddit</span>
+          <span class="flex-auto text-left pr-6">{{ userStore.creator.socialNetworks.redditUrl }}</span>
           <span class="flex-none">
             <v-icon>mdi-chevron-right</v-icon>
           </span>
         </button>
 
         <button
-            @click="openDialog('ModalWebsite')"
+            @click="openDialog('SocialNetworks')"
             class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full rounded-b-2xl  ">
           <span class="pa-2 min-w-32 text-left"><v-icon>mdi-web</v-icon></span>
-          <span class="flex-auto text-left pr-6">Site web personnel</span>
+          <span class="flex-auto text-left pr-6">{{ userStore.creator.socialNetworks.websiteUrl }}</span>
           <span class="flex-none">
             <v-icon>mdi-chevron-right</v-icon>
           </span>
         </button>
 
-
       </div>
     </div>
   </div>
diff --git a/src/views/contents/contents.json b/src/views/contents/contents.json
deleted file mode 100644
index a5e8983..0000000
--- a/src/views/contents/contents.json
+++ /dev/null
@@ -1,40 +0,0 @@
-[
-  {
-    "id": "00000002-0000-0000-0000-000000000001",
-    "url": "https://www.youtube.com/embed/neKWqjE0eSs?si=Bo7xbYaw9-56w3lU",
-    "description": "Bonjour, Nous sommes fiers de vous présenter la version 0.10 d'Hutopy. Nous sommes au début d'une aventure visant à transformer la sphère des médias sociaux. Notre objectif est d'apporter un souffle de fraîcheur en favorisant des interactions plus constructives entre les individus. Dans cette première version, seuls nos utilisateurs testeurs ont accès à la plateforme comme créateur. Dans un futur proche, avec le déploiement de la version 0.2, nous contacterons les personnes qui se sont inscrites via l'onglet d'inscription et ont rempli quelques questions. Si vous souhaitez soutenir le développement de la plateforme, deux options s'offrent à vous. La première consiste à nous apporter un soutien financier, tandis que la seconde est de nous contacter pour faire partie de l'équipe de développement. Nous recherchons actuellement un programmeur supplémentaire pour faire progresser certaines fonctionnalités. Merci de visiter Hutopy.",
-    "created_by": {
-      "id": "00000001-0000-0000-0000-000000000001",
-      "alias": "@marchy"
-    },
-    "created_at": "",
-    "thumb_up_count": 0,
-    "thumb_down_count": 0
-  },
-  {
-    "id": "00000002-0000-0000-0000-000000000002",
-    "url": "/images/usersmedia/HutopyProfile/pictures/version.png",
-    "title": "Déploiement de la version 0.10 d'Hutopy",
-    "description": "Bonjour, Nous sommes fiers de vous présenter la version 0.10 d'Hutopy. Nous sommes au début d'une aventure visant à transformer la sphère des médias sociaux. Notre objectif est d'apporter un souffle de fraîcheur en favorisant des interactions plus constructives entre les individus. Dans cette première version, seuls nos utilisateurs testeurs ont accès à la plateforme comme créateur. Dans un futur proche, avec le déploiement de la version 0.2, nous contacterons les personnes qui se sont inscrites via l'onglet d'inscription et ont rempli quelques questions. Si vous souhaitez soutenir le développement de la plateforme, deux options s'offrent à vous. La première consiste à nous apporter un soutien financier, tandis que la seconde est de nous contacter pour faire partie de l'équipe de développement. Nous recherchons actuellement un programmeur supplémentaire pour faire progresser certaines fonctionnalités. Merci de visiter Hutopy.",
-    "created_by": {
-      "id": "00000001-0000-0000-0000-000000000001",
-      "alias": "@marchy",
-      "portrait_url": ""
-    },
-    "created_at": "",
-    "thumb_up_count": 0,
-    "thumb_down_count": 0
-  },
-  {
-    "id": "00000002-0000-0000-0000-000000000003",
-    "url": "/images/usersmedia/HutopyProfile/pictures/version.png",
-    "description": "Bonjour, Nous sommes fiers de vous présenter la version 0.10 d'Hutopy. Nous sommes au début d'une aventure visant à transformer la sphère des médias sociaux. Notre objectif est d'apporter un souffle de fraîcheur en favorisant des interactions plus constructives entre les individus. Dans cette première version, seuls nos utilisateurs testeurs ont accès à la plateforme comme créateur. Dans un futur proche, avec le déploiement de la version 0.2, nous contacterons les personnes qui se sont inscrites via l'onglet d'inscription et ont rempli quelques questions. Si vous souhaitez soutenir le développement de la plateforme, deux options s'offrent à vous. La première consiste à nous apporter un soutien financier, tandis que la seconde est de nous contacter pour faire partie de l'équipe de développement. Nous recherchons actuellement un programmeur supplémentaire pour faire progresser certaines fonctionnalités. Merci de visiter Hutopy.",
-    "created_by": {
-      "id": "00000001-0000-0000-0000-000000000001",
-      "alias": "@marchy"
-    },
-    "created_at": "",
-    "thumb_up_count": 0,
-    "thumb_down_count": 0
-  }
-]
\ No newline at end of file
diff --git a/src/views/creators/CreatorBanner.vue b/src/views/creators/CreatorBanner.vue
index 312cef7..965daa3 100644
--- a/src/views/creators/CreatorBanner.vue
+++ b/src/views/creators/CreatorBanner.vue
@@ -1,5 +1,5 @@
 <template>
-  
+
   <!--  Bannière-->
   <div class="relative bottom-4  z-20 m">
     <div class="relative flex flex-col">
@@ -89,26 +89,54 @@ function GetActiveSocialNetworkUrls() {
 
   const socialNetworks = [];
   const userSocialNetworks = props.creator.socialNetworks;
+  
   if (userSocialNetworks.facebookUrl !== null) {
-    socialNetworks.push({icon: "mdi-facebook", url: props.creator.socialNetworks.facebookUrl})
-  }
-  if (userSocialNetworks.xUrl !== null) {
-    socialNetworks.push({icon: "mdi-twitter", url: props.creator.socialNetworks.xUrl})
+    socialNetworks.push({
+      icon: "mdi-facebook",
+      url: props.creator.socialNetworks.facebookUrl
+    })
   }
   if (userSocialNetworks.instagramUrl !== null) {
-    socialNetworks.push({icon: "mdi-instagram", url: props.creator.socialNetworks.instagramUrl})
+    socialNetworks.push({
+      icon: "mdi-instagram",
+      url: props.creator.socialNetworks.instagramUrl
+    })
+  }
+  if (userSocialNetworks.xUrl !== null) {
+    socialNetworks.push({
+      icon: "mdi-twitter",
+      url: props.creator.socialNetworks.xUrl
+    })
+  }
+  if (userSocialNetworks.linkedInUrl !== null) {
+    socialNetworks.push({
+      icon: 'mdi-linkedin',
+      url: props.creator.socialNetworks.linkedInUrl
+    })
   }
   if (userSocialNetworks.tikTokUrl !== null) {
     socialNetworks.push({
-      icon: '/images/externals/tiktok-white.png',
+      icon: '/images/socials/tiktok-white.png',
       url: props.creator.socialNetworks.tikTokUrl
     })
   }
   if (userSocialNetworks.youtubeUrl !== null) {
-    socialNetworks.push({icon: 'mdi-youtube', url: props.creator.socialNetworks.youtubeUrl})
+    socialNetworks.push({
+      icon: 'mdi-youtube',
+      url: props.creator.socialNetworks.youtubeUrl
+    })
+  }
+  if (userSocialNetworks.redditUrl !== null) {
+    socialNetworks.push({
+      icon: 'mdi-reddit',
+      url: props.creator.socialNetworks.redditUrl
+    })
   }
   if (userSocialNetworks.websiteUrl !== null) {
-    socialNetworks.push({icon: 'mdi-web', url: props.creator.socialNetworks.websiteUrl})
+    socialNetworks.push({
+      icon: 'mdi-web',
+      url: props.creator.socialNetworks.websiteUrl
+    })
   }
 
   return socialNetworks;
diff --git a/src/views/creators/CreatorList.vue b/src/views/creators/CreatorList.vue
index 5afe06c..36f901b 100644
--- a/src/views/creators/CreatorList.vue
+++ b/src/views/creators/CreatorList.vue
@@ -28,6 +28,5 @@
 <script setup>
 
 import CreatorCard from "@/views/creators/CreatorCard.vue";
-import creators from "@/views/creators/creators.json";
 
 </script>
diff --git a/src/views/creators/creators.json b/src/views/creators/creators.json
deleted file mode 100644
index f05c95b..0000000
--- a/src/views/creators/creators.json
+++ /dev/null
@@ -1,51 +0,0 @@
-[
-  {
-    "ìd": 1,
-    "name": "Hutopy",
-    "title": "Page officielle",
-    "description": "Site officiel pour Hutopy. Venez-nous-y retrouver avec tous vos fans!",
-    "imageUrl": "/images/usersmedia/HutopyProfile/profilepictures/profileHutopyProfile01.png",
-    "routerLink": "@hutopy",
-    "about": "Notre mission chez Hutopy est d'aider les gens à s'épanouir en leur proposant un environnement de partage unique qui va leur permettre de se surpasser. Nous travaillons étroitement avec la communauté d'Hutopy afin de concentrer notre développement sur ce que vous demandez et sur vos besoins, afin d'offrir les meilleurs outils. Le tout en gardant à l'esprit l'aspect humain de chacun. Il est important pour nous de contribuer à créer un monde meilleur.",
-    "contacts": {
-      "twitter": "https://twitter.com/Hutopyinc",
-      "facebook": "https://www.facebook.com/Hutopy",
-      "instagram": "https://www.instagram.com/hutopy.inc/"
-    }
-  },
-  {
-    "id": 2,
-    "name": "L'effet",
-    "description": "Fondation",
-    "imageUrl": "/images/usersmedia/leffet/profilepictures/leffetProfile01.png",
-    "routerLink": "@leffet"
-  },
-  {
-    "id": 3,
-    "name": "Guillaume M",
-    "description": "Créateur de contenus",
-    "imageUrl": "/images/usersmedia/guillaumeMousseau/profilepictures/profileGuillaumeMousseau01.png",
-    "routerLink": "@guillaumeaime"
-  },
-  {
-    "id": 4,
-    "name": "Chloé Beaugrand",
-    "description": "Spécialiste en médias sociaux",
-    "imageUrl": "/images/usersmedia/chloebeaugrand/profilepictures/profileChloeBeaugrand01.png",
-    "routerLink": "@chloebeaugrand"
-  },
-  {
-    "id": 5,
-    "name": "Mathieu Caron",
-    "description": "Entrevue Atypique",
-    "imageUrl": "/images/usersmedia/mathieuCaron/profilepictures/profileMathieuCaron01.png",
-    "routerLink": "@mathieuCaron"
-  },
-  {
-    "id": 6,
-    "name": "ARPS",
-    "description": "Agence créative",
-    "imageUrl": "/images/usersmedia/ARPS/profilepictures/profileARPS.png",
-    "routerLink": "@ARPS"
-  }
-]
\ No newline at end of file
diff --git a/src/views/main/SiteMenu.vue b/src/views/main/SiteMenu.vue
index 92dcf61..3effd7d 100644
--- a/src/views/main/SiteMenu.vue
+++ b/src/views/main/SiteMenu.vue
@@ -3,16 +3,16 @@
 
     <div class="flex flex-row justify-center pb-4 pt-2 py-4">
       <!-- Facebook -->
-      <a href="https://www.facebook.com/profile.php?id=61556819217561">
-        <img src="/images/hutopymedia/icons/pink/facebookpink.png" alt="Facebook Logo">
+      <a href="https://www.facebook.com/profile.php?id=61556819217561" class="social">
+        <v-icon>mdi-facebook</v-icon>
       </a>
       <!-- Instagram -->
-      <a href="https://www.instagram.com/hutopy.inc/">
-        <img src="/images/hutopymedia/icons/pink/instagrampink.png" alt="Instagram Logo">
+      <a href="https://www.instagram.com/hutopy.inc/" class="social">
+        <v-icon>mdi-instagram</v-icon>
       </a>
       <!-- X / Twitter -->
-      <a href="https://twitter.com/Hutopyinc">
-        <img src="/images/hutopymedia/icons/pink/xpink.png" alt="X Logo">
+      <a href="https://twitter.com/Hutopyinc" class="social">
+        <v-icon>mdi-twitter</v-icon>
       </a>
     </div>
 
@@ -41,11 +41,8 @@
   @apply text-purple-800 bg-gray-50;
 }
 
-img {
+.social {
   @apply m-2 w-10 h-10;
 }
 
-
 </style>
-<script setup lang="ts">
-</script>
\ No newline at end of file