diff --git a/images/Chevron.png b/images/Chevron.png
deleted file mode 100644
index 0a23b01..0000000
Binary files a/images/Chevron.png and /dev/null differ
diff --git a/images/checkprofile.png b/images/checkprofile.png
deleted file mode 100644
index f979e5c..0000000
Binary files a/images/checkprofile.png and /dev/null differ
diff --git a/images/inspirer.png b/images/inspirer.png
deleted file mode 100644
index 6edf7ab..0000000
Binary files a/images/inspirer.png and /dev/null differ
diff --git a/images/Chevron2.png b/images/mobilemenulogo.png
similarity index 100%
rename from images/Chevron2.png
rename to images/mobilemenulogo.png
diff --git a/images/roadmapbanner.png b/images/roadmapbanner.png
deleted file mode 100644
index 2689189..0000000
Binary files a/images/roadmapbanner.png and /dev/null differ
diff --git a/src/layouts/DefaultLayout.vue b/src/layouts/DefaultLayout.vue
index 81a3e2c..b1a1058 100644
--- a/src/layouts/DefaultLayout.vue
+++ b/src/layouts/DefaultLayout.vue
@@ -42,7 +42,7 @@
           <v-col cols="11" class="d-flex align-center justify-center">
 
             <!-- Logo Top bar -->
-            <img src="/images/Chevron2.png" class="mobile-header" alt="Logo">
+            <img src="/images/mobilemenulogo.png" class="mobile-header" alt="Logo">
           </v-col>
         </v-row>
       </v-app-bar>
@@ -107,7 +107,6 @@ const drawer = ref(false);
   height: 40px;
   border-radius: px;
   box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
-  /* Ajouter une ombre à la photo */
   border: 2px solid #a30e79;
   margin-right: 10px
 }
diff --git a/src/layouts/FooterLayout.vue b/src/layouts/FooterLayout.vue
index d8e5c3c..f591185 100644
--- a/src/layouts/FooterLayout.vue
+++ b/src/layouts/FooterLayout.vue
@@ -1,36 +1,39 @@
-<!--lg="8" md="10" sm="10" xs="10" -->
-
 <template>
 
   <body style="background-color: #f4f4f4;">
     <v-container style="background-color: #f4f4f4;">
       <div style="background-color: #f4f4f4; min-height: 10vh; display: flex; flex-direction: column;"
         class="footer-align">
+
+        <!-- Hutopy footer logo -->
         <v-container style="background-color: #f4f4f4">
-          <!--Bug je ne peut pas l'appliquer uniquement sur mon -->
-          <router-link :to="{ name: 'home' }">
-            <v-row justify="center" style="margin-top: 30px;">
-              <v-col cols="5" lg="5" md="5" sm="12" xs="7">
-                <v-row>
-                  <v-img src="../../../images/hutopy.png" class="hutopy-footer-picture"></v-img>
-                </v-row>
-              </v-col>
-            </v-row>
-          </router-link>
+          <v-row justify="center" style="margin-top: 30px;">
+            <v-col cols="5" lg="5" md="5" sm="12" xs="7">
+              <router-link :to="{ name: 'home' }">
+                <v-img src="../../../images/hutopy.png" class="hutopy-footer-picture"></v-img>
+              </router-link>
+            </v-col>
+          </v-row>
         </v-container>
 
+        <!-- Hutopy Social network links -->
         <v-container>
+          <!-- Facebook link -->
           <v-row justify="center">
             <v-col cols="auto">
               <a href="https://www.facebook.com/profile.php?id=61556819217561">
                 <img class="icons" src="../../images/facebookiconblackpink.png" alt="Description image 2">
               </a>
             </v-col>
+
+            <!-- Instagram link -->
             <v-col cols="auto">
               <a href="https://www.instagram.com/hutopy.inc/">
                 <img src="../../images/instagramblackpink.png" alt="Description image 3" class="icons">
               </a>
             </v-col>
+
+            <!-- Need X Account -->
             <v-col cols="auto">
               <router-link :to="{ name: 'home' }">
                 <img src="../../images/xblackpink.png" alt="Description image 1" class="icons">
@@ -39,6 +42,7 @@
           </v-row>
         </v-container>
 
+        <!-- Loop for social network links -->
         <v-container class="text-center" style="flex-grow: 1;">
           <router-link v-for="link in links" :key="link" :to="getLinkUrl(link)"
             class="mx-2 text-decoration-none text-black">
@@ -50,9 +54,6 @@
           {{ new Date().getFullYear() }} — <strong>Hutopy v.01</strong>
         </v-container>
 
-
-
-
       </div>
     </v-container>
   </body>
@@ -60,36 +61,30 @@
 
 
 
-<script>
-export default {
-  data: () => ({
-    links: [
-      'Aide & Contact',
-      'FAQ',
-      'Guide pour les créateurs',
-      'Conditions générales',
-      'Politique de Contenu',
-      'À Propos'
+<script setup>
+const links = [
+  'Aide & Contact',
+  'FAQ',
+  'Guide pour les créateurs',
+  'Conditions générales',
+  'Politique de Contenu',
+  'À Propos'
+];
 
-    ],
-    linkRoutes: {
-      'Aide & Contact': { name: 'helpandcontact' },
-      'FAQ': { name: 'FAQ' },
-      'Guide pour les créateurs': { name: 'guideforcreators' },
-      'Conditions générales': { name: 'termsandconditions' },
-      'Politique de Contenu': { name: 'contentpolicy' },
-      'À Propos': { name: 'about' },
-
-    },
-  }),
-  methods: {
-    getLinkUrl(link) {
-      return this.linkRoutes[link] || { name: 'home' };
-    },
-  },
+const linkRoutes = {
+  'Aide & Contact': { name: 'helpandcontact' },
+  'FAQ': { name: 'FAQ' },
+  'Guide pour les créateurs': { name: 'guideforcreators' },
+  'Conditions générales': { name: 'termsandconditions' },
+  'Politique de Contenu': { name: 'contentpolicy' },
+  'À Propos': { name: 'about' }
 };
+
+// If broken link, redirect to home page.
+const getLinkUrl = (link) => linkRoutes[link] || { name: 'home' };
 </script>
 
+
 <style>
 .icons {
   width: 50px;
@@ -104,16 +99,11 @@ export default {
 }
 
 .custom-footer {
-
   padding: 10px;
-  /* Ajoute un rembourrage intérieur de 10px autour du contenu du footer *  107, 0, 101, 1/
-  margin: 0;
-  /* Réinitialise les marges à zéro */
 }
 
 .no-margin {
   margin: 0 !important;
-  /* Annule la marge de v-app */
 }
 
 footer {
@@ -121,13 +111,11 @@ footer {
   justify-content: center;
   align-items: center;
   flex-direction: column;
-  /* Pour aligner le contenu verticalement */
   background-color: rgba(107, 0, 101, 1);
 }
 
 footer a:not(:last-child) {
   margin-right: 20px;
-  /* Ajoute de l'espace entre les images et les liens */
 }
 
 .footertextcolor {
@@ -142,9 +130,8 @@ footer a:not(:last-child) {
 
 .custom-color-button {
   background-color: rgb(255, 0, 0);
-  /* Your custom color */
   color: white;
-  /* Text color */
+
   font-size: 1.5rem;
   margin-top: 40px;
   margin-bottom: 40px;
@@ -154,25 +141,11 @@ footer a:not(:last-child) {
   background-color: rgba(107, 0, 101, 1);
 }
 
-
 @media (min-width: 150px) and (max-width: 598px) {
 
   .hutopy-footer-picture {
-
-
     min-width: 200px;
   }
+
 }
-
-@media (min-width: 599px) and (max-width: 999px) {}
-
-@media (min-width: 1000px) and (max-width: 1279px) {}
-
-@media (min-width: 1280px) and (max-width: 1600px) {}
-
-@media (min-width: 1600px) and (max-width: 1919px) {}
-
-@media (min-width: 1920px) and (max-width: 2559px) {}
-
-@media (min-width: 2559px) {}
 </style>
\ No newline at end of file
diff --git a/src/layouts/FormInscriptionBeta.vue b/src/layouts/FormInscriptionBeta.vue
deleted file mode 100644
index 5264e90..0000000
--- a/src/layouts/FormInscriptionBeta.vue
+++ /dev/null
@@ -1,24 +0,0 @@
-<template>
-  <div>
-
-  </div>
-
-</template>
-
-
-
-<script setup>
-</script>
-
-<style>
-.h1-inscription-beta-Inscrivez-vous {
-  font-size: 20px;
-  /* Taille de la police de 20 pixels */
-  font-weight: bold;
-  /* Texte en gras */
-  text-align: center;
-  /* Centrer le texte */
-  margin-top: 5px;
-  margin-bottom: 15px;
-}
-</style>
diff --git a/src/layouts/SimpleVideoCard.vue b/src/layouts/SimpleVideoCard.vue
deleted file mode 100644
index 703ad58..0000000
--- a/src/layouts/SimpleVideoCard.vue
+++ /dev/null
@@ -1,36 +0,0 @@
-<template>
-    <v-card class="vcard-descriptions-mobile" style="margin-top: 30px;">
-
-        <h1 class="h1profilemobile">Podcast #01</h1>
-
-
-        <h2 clase="card-date" style="margin-bottom: 4%; text-align: right; margin-right: 5%;">10-03-2024 </h2>
-        <iframe width="420" height="315" src="https://www.youtube.com/embed/CDlj1IUhBqg?si=ot1YPBMKbmviOXvD">
-        </iframe>
-
-        <p class="text-justify pa-4" style="font-size: 1.2em">
-            Voici mon nouveau podcast!
-
-        </p>
-    </v-card>
-</template>
-
-<style>
-.vcard-descriptions-mobile {
-    box-shadow: 0 6px 9px rgba(0, 0, 0, 0.6);
-
-}
-
-.h1profilemobile {
-    font-size: 2rem;
-    text-align: center;
-
-    color: rgba(163, 14, 121, 0.85);
-
-
-}
-
-.card-date {
-    text-align: right;
-}
-</style>
\ No newline at end of file
diff --git a/src/router/index.js b/src/router/index.js
index fcf2813..2b03b06 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -1,8 +1,4 @@
-import ProjectRoadmap from '@/views/main/ProjectRoadmap.vue'
 import About from '@/views/tos/About.vue'
-import AmbassadorProgram from '@/views/tos/AmbassadorProgram.vue'
-import AntiExploitation from '@/views/tos/AntiExploitation.vue'
-import ConditionsOfUse from '@/views/tos/ConditionsOfUse.vue'
 import ContentPolicy from '@/views/tos/ContentPolicy.vue'
 import FAQ from '@/views/tos/FAQ.vue'
 import GuideForCreators from '@/views/tos/GuideForCreators.vue'
@@ -50,11 +46,6 @@ const router = createRouter({
       name: 'login',
       component: LoginView
     },
-    {
-      path: '/roadmap',
-      name: 'roadmap',
-      component: ProjectRoadmap
-    },
     {
       path: '/home',
       name: 'home',
@@ -75,28 +66,11 @@ const router = createRouter({
       name: 'contentpolicy',
       component: ContentPolicy
     },
-    {
-      path: '/ambassadorprogram',
-      name: 'ambassadorprogram',
-      component: AmbassadorProgram
-    },
-    {
-      path: '/conditionofuse',
-      name: 'conditionofuse',
-      component: ConditionsOfUse
-    },
-    {
-      path: '/antiexploitation',
-      name: 'antiexploitation',
-      component: AntiExploitation
-    },
-
     {
       path: '/faq',
       name: 'FAQ',
       component: FAQ
     },
-
     {
       path: '/guideforcreators',
       name: 'guideforcreators',
diff --git a/src/views/main/ProjectRoadmap.vue b/src/views/main/ProjectRoadmap.vue
deleted file mode 100644
index c7b9ac7..0000000
--- a/src/views/main/ProjectRoadmap.vue
+++ /dev/null
@@ -1,43 +0,0 @@
-<template>
-    <DefaultLayout></DefaultLayout>
-    <v-container>
-        <v-img class="roadmap-image" src="../../../images/roadmapbanner.png"></v-img>
-
-    </v-container>
-
-    <FooterLayout></FooterLayout>
-</template>
-
-
-<script setup>
-import DefaultLayout from '@/layouts/DefaultLayout.vue';
-import FooterLayout from '@/layouts/FooterLayout.vue';
-
-
-</script>
-
-
-<style>
-.footer-donate {
-    position: fixed;
-    bottom: 0;
-    left: 0;
-    right: 0;
-    z-index: 3;
-}
-
-.footer-donate-container {
-
-    background-color: rgb(255, 255, 255);
-
-}
-
-.roadmap-image {
-    border-radius: 35px;
-    width: 50%;
-    /* reduces width by 50% */
-    height: auto;
-    /* maintains aspect ratio */
-
-}
-</style>
diff --git a/src/views/tos/AmbassadorProgram.vue b/src/views/tos/AmbassadorProgram.vue
deleted file mode 100644
index 3ab855e..0000000
--- a/src/views/tos/AmbassadorProgram.vue
+++ /dev/null
@@ -1,61 +0,0 @@
-<template>
-
-    <body style="background-color: #f4f4f4;">
-        <DefaultLayout></DefaultLayout>
-        <div>
-            <v-row class="fluid" style="margin-top: -30px; position: relative; z-index: 0;" hidden-md-and-down>
-                <v-col cols="12" class="pa-0" style="width: 100vw; overflow: hidden;">
-                    <v-img class="profile-banner" max-height="375" src="./../../../images/tos/headerbackground.png"
-                        cover style="box-shadow: 0 4px 6px rgba(0, 0, 0, 0.8);"></v-img>
-                </v-col>
-            </v-row>
-
-            <v-container style="z-index: 100; position: relative;">
-                <v-row justify="center" align="center" style="color:white; margin-top: -250px;"
-                    class="header-text-size">
-                    <v-typography class="headline text-center">Programme ambassadeurs</v-typography>
-                </v-row>
-            </v-container>
-
-
-            <v-container style="z-index: 100; position: relative;">
-                <v-row justify="center" align="center">
-                    <v-spacer></v-spacer>
-                    <v-col cols="7">
-                        <p class="text-start">
-                            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
-                            labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
-                            laboris nisi ut aliquip ex ea commodo consequat.Lorem ipsum dolor sit amet, consectetur
-                            adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
-                            ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-                            consequat.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
-                            incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
-                            exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.Lorem ipsum dolor sit
-                            amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
-                            magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
-                            aliquip ex ea commodo consequat.
-                        </p>
-                    </v-col>
-                    <v-spacer></v-spacer>
-                </v-row>
-            </v-container>
-        </div>
-
-
-
-        <FooterLayout></FooterLayout>
-
-    </body>
-</template>
-
-<script setup>
-import DefaultLayout from '@/layouts/DefaultLayout.vue';
-import FooterLayout from '@/layouts/FooterLayout.vue';
-
-</script>
-
-<style>
-.header-text-size {
-    font-size: 4rem;
-}
-</style>
diff --git a/src/views/tos/AntiExploitation.vue b/src/views/tos/AntiExploitation.vue
deleted file mode 100644
index 2599be7..0000000
--- a/src/views/tos/AntiExploitation.vue
+++ /dev/null
@@ -1,61 +0,0 @@
-<template>
-
-    <body style="background-color: #f4f4f4;">
-        <DefaultLayout></DefaultLayout>
-        <div>
-            <v-row class="fluid" style="margin-top: -30px; position: relative; z-index: 0;" hidden-md-and-down>
-                <v-col cols="12" class="pa-0" style="width: 100vw; overflow: hidden;">
-                    <v-img class="profile-banner" max-height="375" src="./../../../images/tos/headerbackground.png"
-                        cover style="box-shadow: 0 4px 6px rgba(0, 0, 0, 0.8);"></v-img>
-                </v-col>
-            </v-row>
-
-            <v-container style="z-index: 100; position: relative;">
-                <v-row justify="center" align="center" style="color:white; margin-top: -250px;"
-                    class="header-text-size">
-                    <v-typography class="headline text-center">Anti-exploitation</v-typography>
-                </v-row>
-            </v-container>
-
-
-            <v-container style="z-index: 100; position: relative;">
-                <v-row justify="center" align="center">
-                    <v-spacer></v-spacer>
-                    <v-col cols="7">
-                        <p class="text-start">
-                            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
-                            labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
-                            laboris nisi ut aliquip ex ea commodo consequat.Lorem ipsum dolor sit amet, consectetur
-                            adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
-                            ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-                            consequat.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
-                            incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
-                            exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.Lorem ipsum dolor sit
-                            amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
-                            magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
-                            aliquip ex ea commodo consequat.
-                        </p>
-                    </v-col>
-                    <v-spacer></v-spacer>
-                </v-row>
-            </v-container>
-        </div>
-
-
-
-        <FooterLayout></FooterLayout>
-
-    </body>
-</template>
-
-<script setup>
-import DefaultLayout from '@/layouts/DefaultLayout.vue';
-import FooterLayout from '@/layouts/FooterLayout.vue';
-
-</script>
-
-<style>
-.header-text-size {
-    font-size: 4rem;
-}
-</style>
diff --git a/src/views/tos/ConditionsOfUse.vue b/src/views/tos/ConditionsOfUse.vue
deleted file mode 100644
index 38d631a..0000000
--- a/src/views/tos/ConditionsOfUse.vue
+++ /dev/null
@@ -1,71 +0,0 @@
-<template>
-
-    <body style="background-color: #f4f4f4;">
-        <DefaultLayout></DefaultLayout>
-        <div>
-            <v-row class="fluid" style="margin-top: -30px; position: relative; z-index: 0;" hidden-md-and-down>
-                <v-col cols="12" class="pa-0" style="width: 100vw; overflow: hidden;">
-                    <v-img class="profile-banner" max-height="375" src="./../../../images/tos/headerbackground.png"
-                        cover style="box-shadow: 0 4px 6px rgba(0, 0, 0, 0.8);"></v-img>
-                </v-col>
-            </v-row>
-
-            <v-container style="z-index: 100; position: relative;">
-                <v-row justify="center" align="center" style="color:white; margin-top: -250px;"
-                    class="header-text-size">
-                    <v-typography class="headline text-center">Conditions d'utilisation</v-typography>
-                </v-row>
-            </v-container>
-
-
-            <v-container style="z-index: 100; position: relative;">
-                <v-row justify="center" align="center">
-                    <v-spacer></v-spacer>
-                    <v-col cols="7">
-
-                        <p style="margin-top: 25px; margin-bottom: 25px; font-weight: 600; font-size: 1.3rem;">
-                            5. Croissance et Développement :
-                        </p>
-                        <p style="margin-top: 25px; margin-bottom: 25px;">
-                            <li>Continuez à Apprendre : Utilisez le Centre de Ressources Éducatives d’Hutopy pour
-                                améliorer vos compétences et rester à jour sur les tendances du secteur. ( À venir )
-                            </li> <br>
-                        </p>
-
-                        <p class="text-start">
-                            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
-                            labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
-                            laboris nisi ut aliquip ex ea commodo consequat.Lorem ipsum dolor sit amet, consectetur
-                            adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
-                            ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-                            consequat.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
-                            incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
-                            exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.Lorem ipsum dolor sit
-                            amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
-                            magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
-                            aliquip ex ea commodo consequat.
-                        </p>
-                    </v-col>
-                    <v-spacer></v-spacer>
-                </v-row>
-            </v-container>
-        </div>
-
-
-
-        <FooterLayout></FooterLayout>
-
-    </body>
-</template>
-
-<script setup>
-import DefaultLayout from '@/layouts/DefaultLayout.vue';
-import FooterLayout from '@/layouts/FooterLayout.vue';
-
-</script>
-
-<style>
-.header-text-size {
-    font-size: 4rem;
-}
-</style>
diff --git a/src/views/tos/FAQ.vue b/src/views/tos/FAQ.vue
index f470f66..49c863e 100644
--- a/src/views/tos/FAQ.vue
+++ b/src/views/tos/FAQ.vue
@@ -34,9 +34,15 @@
                 <v-row justify="center" align="center">
                     <v-spacer></v-spacer>
                     <v-col cols="7">
+                        <p style="font-weight: 600; font-size: 1rem; margin-bottom: 25px; color: red;">
+                            Certaines fonctionnalités ne sont pas encore implémentées, donc certains libellés sont
+                            prévus pour la v1.0.
+
+                        </p>
                         <p style="font-weight: 600; font-size: 2rem; margin-bottom: 25px;">
                             Foire Aux Questions
                         </p>
+
                         <p class="text-start text-left" style="margin-bottom: 25px;">
                             La section FAQ de Hutopy est votre ressource essentielle pour trouver des réponses rapides
                             aux questions les plus fréquemment posées sur notre plateforme. Explorez nos réponses
