page contact

components/Layout/Footer.vue

@@ -22,13 +22,13 @@
                 <h5 class="ml-12 mt-10 h5-title">Agenda culturel</h5>
               </v-row>
               <v-row>
-                <small class="small-link ml-12">Annuaire</small>
+                <router-link to="/annuaire" class="small-link ml-12">Annuaire</router-link>
               </v-row>
               <v-row>
-                <small class="small-link ml-12">Actualités</small>
+                <router-link to="/actualites" class="small-link ml-12">Actualités</router-link>
               </v-row>
               <v-row>
-                <small class="small-link ml-12">Annonces</small>
+                <router-link to="/annonces" class="small-link ml-12">Annonces</router-link>
               </v-row>
             </v-col>
 
@@ -37,16 +37,16 @@
               :class="smAndDown ? 'link-sm' : 'details-footer'"
             >
               <v-row :class="smAndDown ? 'title-link-sm' : 'title-link'">
-                <h5 class="ml-12 mt-10 h5-title">logiciels culturels</h5>
+                <h5 class="ml-12 mt-10 h5-title">Logiciels culturels</h5>
               </v-row>
               <v-row>
-                <small class="small-link ml-12">Opentalent Artist</small>
+                <router-link to="/opentalent_artist" class="small-link ml-12">Opentalent Artist</router-link>
               </v-row>
               <v-row>
-                <small class="small-link ml-12">Opentalent School</small>
+                <router-link to="/opentalent_school" class="small-link ml-12">Opentalent School</router-link>
               </v-row>
               <v-row>
-                <small class="small-link ml-12">Opentalent Manager</small>
+                <router-link to="/opentalent_manager" class="small-link ml-12">Opentalent Manager</router-link>
               </v-row>
             </v-col>
 
@@ -58,48 +58,15 @@
                 <h5 class="ml-12 mt-8 h5-title">Espace client</h5>
               </v-row>
               <v-row>
-                <small class="small-link ml-12">Foire Aux Questions</small>
+                <router-link to="/faq" class="small-link ml-12">Foire Aux Questions</router-link>
               </v-row>
               <v-row>
-                <small class="small-link ml-12">Support en ligne</small>
+                <router-link to="/support" class="small-link ml-12">Support en ligne</router-link>
               </v-row>
               <v-row>
-                <small class="small-link ml-12">Nous contacter</small>
+                <router-link to="/nous-contacter" class="small-link ml-12">Nous contacter</router-link>
               </v-row>
             </v-col>
-            <!-- 
-            <v-col
-              :cols="smAndDown ? 6 : 2"
-              :class="smAndDown ? 'link-sm' : 'details-footer'"
-            >
-              <v-row :class="smAndDown ? 'title-link-sm' : 'title-link'">
-                <h5 class="ml-12 mt-10 h5-title">Conditions & politiques</h5>
-              </v-row>
-              <v-row>
-                <small class="small-link ml-12">Mentions légales</small>
-              </v-row>
-              <v-row>
-                <small class="small-link ml-12"
-                  >Conditions Générales d'Utilisation</small
-                >
-              </v-row>
-              <v-row>
-                <small class="small-link ml-12"
-                  >Conditions Générales de Ventes</small
-                >
-              </v-row>
-              <v-row>
-                <small class="small-link ml-12"
-                  >Politique de confidentialite & protection des données
-                  personnelles</small
-                >
-              </v-row>
-              <v-row>
-                <small class="small-link ml-12"
-                  >Politique d'utilisation des cookies</small
-                >
-              </v-row>
-            </v-col> -->
 
             <v-col
               :cols="smAndDown ? 6 : 2"
@@ -111,19 +78,19 @@
 
               <v-row class="ml-5">
                 <v-col :cols="smAndDown ? 4 : 2">
-                  <v-icon class="fab fa-facebook" />
+                  <a href="https://www.facebook.com/opentalent" target="_blank" class="fab fa-facebook brand" />
                 </v-col>
 
-                <v-col :cols="smAndDown ? 4 : 2">
-                  <v-icon class="fab fa-linkedin" />
+                <v-col :cols="smAndDown ? 4 : 2"> 
+                  <a href="https://www.linkedin.com/company/2iopenservice" target="_blank" class="fab fa-linkedin brand" />
                 </v-col>
 
                 <v-col :cols="smAndDown ? 4 : 2">
-                  <v-icon class="fab fa-youtube" />
+                  <a href="https://www.youtube.com/@Opentalent74300" target="_blank" class="fab fa-youtube brand" />
                 </v-col>
 
                 <v-col :cols="smAndDown ? 4 : 2">
-                  <v-icon class="fa-brands fa-square-twitter" />
+                  <a href="https://twitter.com/Opentalent_FRA" target="_blank" class="fa-brands fa-square-twitter brand" />
                 </v-col>
               </v-row>
             </v-col>
@@ -144,6 +111,7 @@
   </footer>
 </template>
 
+
 <script setup>
 import { useDisplay } from "vuetify";
 import { ref, provide } from "vue";
@@ -155,6 +123,12 @@ const { smAndDown, lgAndUp } = useDisplay();
 </script>
 
 <style scoped>
+
+.brand{
+  color: #ecfbfc;
+  font-size: 1.9rem;
+  text-decoration: none !important;
+}
 .flex-container {
   display: flex;
   flex-direction: column;
@@ -217,6 +191,7 @@ const { smAndDown, lgAndUp } = useDisplay();
   font-size: 0.9rem;
   line-height: 20px;
   color: #ffffff;
+  text-decoration: none !important; ;
 }
 .container {
   background: #091d20;