fix caroussel bug

components/Home/Help.vue

@@ -4,29 +4,33 @@
       <v-row>
 
         <v-col cols="8">
-          <v-img src="/images/help/Help.png"></v-img>
+          <v-img class="help-img" src="/images/help/Help.png"></v-img>
         </v-col>
 
         <v-col cols="4">
-          <h4>Notre équipe est à vos côtés pour vous guider</h4>
+          <h4 class="subtitle-team">Notre équipe est à vos côtés pour vous guider</h4>
 
-          <p>
+          <p class="need-help">
             Besoin d’aide ? Vous souhaitez en savoir plus sur nos solutions ou
             vous avez besoin d'assistance sur l'utilisation de l'un de nos
             logiciels ?
           </p>
 
           <v-row>
-            <ul>
-              <li>Ouvert du lundi au vendredi de 8h15 à 17h45</li>
-              <li>Support joignable par mail</li>
-              <li>De nombreux articles tutoriels accessibles 24h/24</li>
+            <ul class="details">
+              <li class="detail-item">Ouvert du lundi au vendredi de 8h15 à 17h45</li>
+              <li class="detail-item">Support joignable par mail</li>
+              <li class="detail-item">De nombreux articles tutoriels accessibles 24h/24</li>
             </ul>
           </v-row>
 
-          <v-btn>
+          <v-row class="row-faq">
+            <v-btn class="button-faq">
             consulter la FAQ
           </v-btn>
+          </v-row>
+
+
         </v-col>
         
       </v-row>
@@ -34,4 +38,94 @@
   </v-container>
 </template>
 
-<style scoped></style>
+<style scoped>
+
+.button-faq{
+  width: 195px;
+height: 53px;
+
+/* Vert 60 */
+background: #64AFB7;
+border-radius: 6px;
+color: white;
+padding: 19px 28px;
+gap: 9px;
+font-family: 'Barlow';
+
+}
+
+
+.row-faq {
+  margin-top: 170px;
+}
+
+.details {
+
+  margin-top: 50px;
+  width: 399px;
+  height: 58px;
+left: 973px;
+font-family: 'Barlow';
+font-style: normal;
+font-weight: 300;
+font-size: 16px;
+line-height: 20px;
+color: #0E2D32;
+}
+
+.detail-item {
+  margin-left: 28px;
+  margin-bottom: 15px;
+  width: 286px;
+left: 933px;
+font-family: 'Barlow';
+font-style: normal;
+font-weight: 300;
+font-size: 16px;
+line-height: 20px;
+color: #0E2D32;
+}
+
+
+
+.need-help {
+  width: 399px;
+  height: 58px;
+left: 933px;
+top: 7323px;
+font-family: 'Barlow';
+font-style: normal;
+font-weight: 300;
+font-size: 16px;
+line-height: 20px;
+color: #0E2D32;
+}
+  
+
+.help-img {
+  width: 722px;
+height: 506px;
+left: 121px;
+border-radius: 20px;
+}
+
+.subtitle-team{
+  height: 138px;
+left: 933px;
+top: 7221px;
+
+/* H4 Headline */
+font-family: 'Barlow';
+font-style: normal;
+font-weight: 400;
+font-size: 30px;
+line-height: 34px;
+width: 300px;
+}
+
+.container {
+  margin-bottom: 100px;
+  width: 100%;
+}
+
+</style>

components/Home/Promotion.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <v-container class="container">
+    <LayoutContainer>
       <v-col col="12" class="col-gestion">
         <v-row>
           <p class="text-gestion">
@@ -67,7 +67,7 @@
       </v-row>
       </div>
 
-    </v-container>
+    </LayoutContainer>
   </div>
 </template>
 
@@ -76,9 +76,7 @@
 <style>
 
 .text-outil{
-height: 76px;
 
-/* H3 Headline */
 font-family: 'Barlow';
 font-style: normal;
 font-weight: 400;
@@ -88,9 +86,7 @@ line-height: 38px;
 color: #0E2D32;
 }
 .outil {
-  margin-top: 100px;
   margin-bottom: 100px;
-  bottom: 2;
 }
 .container {
   width: 1600px;

components/Home/Solution.vue

@@ -1,216 +1,186 @@
 <template>
-  <v-container >
-
+  <v-container>
     <div class="container">
-
-    <span class="vector"></span>
-    <p class="text-center solution-subtitle">3 solutions</p>
-    <h3 class="text-center title">Trouvez la solution <br> faite pour vous</h3>
-
-    <v-row>
-      <v-col cols="4">
-        <small class="opentalent-small">Opentalent</small>
-        <h2 class="logiciel-name">Artist</h2>
-        <hr>
-        <p class="description-logiciel">
-          Orchestre, chorales, compagnies de danse, théâtre et cirque
-
-        </p>
-
-        <v-row>
-          <v-img
-          src="/images/solutions/artist.jpg"
-          class="solution-img"
-          >
-          </v-img>
-        </v-row>
-
-        <v-row>
-          <v-col cols="6">
-            <ul>
-              <li>Gestion des membres</li>
-              <li>Gestion des membres</li>
-              <li>Gestion des membres</li>
-              <li>Gestion des membres</li>
-            </ul>
-          </v-col>
-
-          <v-col cols="6">
-            <ul>
-              <li>Gestion des membres</li>
-              <li>Gestion des membres</li>
-              <li>Gestion des membres</li>
-              <li>Gestion des membres</li>
-            </ul>
-          </v-col>
-        </v-row>
-
-      </v-col>
-
-      <v-col cols="4">
-        <small class="opentalent-small">Opentalent</small>
-        <h2 class="logiciel-name">Manager</h2>
-        <hr>
-        <p class="description-logiciel">
-          Orchestre, chorales, compagnies de danse, théâtre et cirque
-
-        </p>
-
-        <v-row>
-          <v-img
-          src="/images/solutions/manager.png"
-          class="solution-img"
-          >
-          </v-img>
-        </v-row>
-
-        <v-row>
-          <v-col cols="6">
-            <ul>
-              <li>Gestion des membres</li>
-              <li>Gestion des membres</li>
-              <li>Gestion des membres</li>
-              <li>Gestion des membres</li>
-            </ul>
-          </v-col>
-
-          <v-col cols="6">
-            <ul>
-              <li>Gestion des membres</li>
-              <li>Gestion des membres</li>
-              <li>Gestion des membres</li>
-              <li>Gestion des membres</li>
-            </ul>
-          </v-col>
-        </v-row>
-
-      </v-col>
-
-
-      <v-col cols="4">
-        <small class="opentalent-small">Opentalent</small>
-        <h2 class="logiciel-name">School</h2>
-        <hr>
-        <p class="description-logiciel">
-          Orchestre, chorales, compagnies de danse, théâtre et cirque
-
-        </p>
-
-        <v-row>
-          <v-img
-          src="/images/solutions/artist.jpg"
-          class="solution-img"
-          >
-          </v-img>
-        </v-row>
-
-        <v-row>
-          <v-col cols="6">
-            <ul>
-              <li>Gestion des membres</li>
-              <li>Gestion des membres</li>
-              <li>Gestion des membres</li>
-              <li>Gestion des membres</li>
-            </ul>
-          </v-col>
-
-          <v-col cols="6">
-            <ul>
-              <li>Gestion des membres</li>
-              <li>Gestion des membres</li>
-              <li>Gestion des membres</li>
-              <li>Gestion des membres</li>
-            </ul>
-          </v-col>
-        </v-row>
-
-      </v-col>
-
-    </v-row>
-
-
-      
-  </div>
-
-
-    <div class="white-content"> 
-
-
-
-</div>
-
-
-    </v-container>
-
+      <p class="text-center solution-subtitle">3 solutions</p>
+      <h3 class="text-center title">
+        Trouvez la solution <br />
+        faite pour vous
+      </h3>
+
+      <v-row>
+        <v-col cols="4">
+          <small class="opentalent-small">Opentalent</small>
+          <h2 class="logiciel-name">Artist</h2>
+          <hr />
+          <p class="description-logiciel">
+            Orchestre, chorales, compagnies de danse, théâtre et cirque
+          </p>
+
+          <v-row>
+            <v-img src="/images/solutions/artist.jpg" class="solution-img">
+            </v-img>
+          </v-row>
+
+          <v-row>
+            <v-col cols="6">
+              <ul>
+                <li>Gestion des membres</li>
+                <li>Gestion des membres</li>
+                <li>Gestion des membres</li>
+                <li>Gestion des membres</li>
+              </ul>
+            </v-col>
+
+            <v-col cols="6">
+              <ul>
+                <li>Gestion des membres</li>
+                <li>Gestion des membres</li>
+                <li>Gestion des membres</li>
+                <li>Gestion des membres</li>
+              </ul>
+            </v-col>
+          </v-row>
+        </v-col>
+
+        <v-col cols="4">
+          <small class="opentalent-small">Opentalent</small>
+          <h2 class="logiciel-name">Manager</h2>
+          <hr />
+          <p class="description-logiciel">
+            Orchestre, chorales, compagnies de danse, théâtre et cirque
+          </p>
+
+          <v-row>
+            <v-img src="/images/solutions/manager.png" class="solution-img">
+            </v-img>
+          </v-row>
+
+          <v-row>
+            <v-col cols="6">
+              <ul>
+                <li>Gestion des membres</li>
+                <li>Gestion des membres</li>
+                <li>Gestion des membres</li>
+                <li>Gestion des membres</li>
+              </ul>
+            </v-col>
+
+            <v-col cols="6">
+              <ul>
+                <li>Gestion des membres</li>
+                <li>Gestion des membres</li>
+                <li>Gestion des membres</li>
+                <li>Gestion des membres</li>
+              </ul>
+            </v-col>
+          </v-row>
+        </v-col>
+
+        <v-col cols="4">
+          <small class="opentalent-small">Opentalent</small>
+          <h2 class="logiciel-name">School</h2>
+          <hr />
+          <p class="description-logiciel">
+            Orchestre, chorales, compagnies de danse, théâtre et cirque
+          </p>
+
+          <v-row>
+            <v-img src="/images/solutions/artist.jpg" class="solution-img">
+            </v-img>
+          </v-row>
+
+          <v-row>
+            <v-col cols="6">
+              <ul>
+                <li>Gestion des membres</li>
+                <li>Gestion des membres</li>
+                <li>Gestion des membres</li>
+                <li>Gestion des membres</li>
+              </ul>
+            </v-col>
+
+            <v-col cols="6">
+              <ul>
+                <li>Gestion des membres</li>
+                <li>Gestion des membres</li>
+                <li>Gestion des membres</li>
+                <li>Gestion des membres</li>
+              </ul>
+            </v-col>
+          </v-row>
+        </v-col>
+      </v-row>
+    </div>
+
+    <div class="white-content"></div>
+  </v-container>
 </template>
 
 <style scoped>
-
-.white-content{
+.white-content {
   background-color: white;
-  height: 400px;
+  height: 100px;
   opacity: 0.5;
 }
 
-.solution-img{
+.solution-img {
   width: 500px;
   height: 300px;
 }
 
-.description-logiciel{
-  font-family: 'Barlow';
-font-style: normal;
-font-weight: 500;
-font-size: 16px;
-line-height: 20px;
+.description-logiciel {
+  font-family: "Barlow";
+  font-style: normal;
+  font-weight: 500;
+  font-size: 16px;
+  line-height: 20px;
 
-/* or 125% */
+  /* or 125% */
 
-/* Vert 5 */
-color: #EFF9FB;
+  /* Vert 5 */
+  color: #eff9fb;
 }
 
-.logiciel-name{
+.logiciel-name {
   /* H2 Headline */
-  font-family: 'Barlow';
-font-style: normal;
-font-weight: 400;
-font-size: 30px;
-line-height: 34px;
-
-/* identical to box height, or 113% */
+  font-family: "Barlow";
+  font-style: normal;
+  font-weight: 400;
+  font-size: 30px;
+  line-height: 34px;
 
-/* Vert 20 */
-color: #C3E5E7;
+  /* identical to box height, or 113% */
 
+  /* Vert 20 */
+  color: #c3e5e7;
 }
 
-.opentalent-small{
-  font-family: 'Barlow';
-font-style: normal;
-font-weight: 600;
-font-size: 10px;
-line-height: 15px;
+.opentalent-small {
+  font-family: "Barlow";
+  font-style: normal;
+  font-weight: 600;
+  font-size: 10px;
+  line-height: 15px;
 
-/* or 150% */
-letter-spacing: 0.18em;
-text-transform: uppercase;
+  /* or 150% */
+  letter-spacing: 0.18em;
+  text-transform: uppercase;
 
-/* NEUTRAL - BLANC */
-color: #FFFFFF;
+  /* NEUTRAL - BLANC */
+  color: #ffffff;
 }
-.title{
+.title {
   /* H2 Headline */
-font-family: 'Barlow';
-font-style: normal;
-font-weight: 600;
-font-size: 42px;
-line-height: 42px;
+  font-family: "Barlow";
+  font-style: normal;
+  font-weight: 600;
+  font-size: 42px;
+  line-height: 42px;
 
-/* or 100% */
-text-align: center;
+  /* or 100% */
+  text-align: center;
 
-color: #FFFFFF;
+  color: #ffffff;
 }
 
 .solution-subtitle {
@@ -219,12 +189,10 @@ color: #FFFFFF;
   font-weight: 600;
   font-size: 15px;
   line-height: 68px;
-  color: #C1EFF0
+  color: #c1eff0;
 }
 .container {
   width: 1600px;
-  height: 700px;
-  margin-top: 90px;
-  background: #0E2D32;
+  background: #0e2d32;
 }
-</style>
+</style>

components/Layout/Caroussel.vue

@@ -1,9 +1,13 @@
 <template>
-  <v-container class="container">
+  <LayoutContainer>
     <v-carousel
+      v-if="lgAndUp"
+      ref="carousel"
+      v-model="activeIndex"
       :show-arrows="false"
       class="carousel"
       :hide-delimiter-background="true"
+      :show-delimiters="false"
     >
       <v-carousel-item v-for="(item, index) in carouselItems" :key="index">
         <v-row>
@@ -27,7 +31,7 @@
                 class="background-rectangle"
                 :style="{ backgroundColor: item.color }"
               ></div>
-              <v-card class="card">
+              <v-card class="card" elevation="5">
                 <v-img
                   class="profile-image"
                   src="/images/carousel/school/avatar.png"
@@ -47,12 +51,28 @@
           </v-col>
         </v-row>
       </v-carousel-item>
+
+      <div class="custom-controls">
+        <div
+          v-for="(item, index) in carouselItems"
+          :key="index"
+          :class="{ 'active-control': index === activeIndex }"
+          @click="changeSlide(index)"
+        ></div>
+      </div>
     </v-carousel>
-  </v-container>
+  </LayoutContainer>
 </template>
 
 <script setup>
-import { ref } from "vue";
+import { useDisplay } from "vuetify";
+const { mdAndDown, mdAndUp, lgAndUp } = useDisplay();
+
+let activeIndex = ref(0); // initialise avec le premier item affiché
+
+const changeSlide = (index) => {
+  activeIndex.value = index;
+};
 
 const carouselItems = ref([
   {
@@ -66,7 +86,7 @@ const carouselItems = ref([
   {
     logo: "/images/carousel/artist/artist.png",
     description:
-      "Pour les petits comme pour les grans établissements d’enseignement artistique...",
+      "Pour les structures culturelles pratiquantes telles que les orchestres, les chorales, les compagnies de cirque, théâtre et danse.Gérez votre activité avec un logiciel de gestion et communication au service de votre passion.",
     buttonClass: "btn-artist",
     image: "/images/carousel/artist/musician.png",
     color: "rgba(250, 194, 10, 0.4)",
@@ -74,7 +94,7 @@ const carouselItems = ref([
   {
     logo: "/images/carousel/manager/manager.png",
     description:
-      "Pour les structures culturelles pratiquantes telles que les orchestres...",
+      "La solution de mise en réseau des organisations culturelles. Fédérations, confédérations et collectivités, utilisez une solution collaborative innovante et unique spécialement développée pour les réseaux culturels.",
     buttonClass: "btn-manager",
     image: "/images/carousel/manager/fédération.png",
     color: "rgba(216, 5, 11, 0.4)",
@@ -83,49 +103,52 @@ const carouselItems = ref([
 </script>
 
 <style scoped>
+::v-deep .v-carousel__controls {
+  display: none;
+}
+
+.carousel,
+.v-carousel__item {
+  height: 900% !important;
+}
 
-.card{
-  height: 250px;
-  left: 150px;
-  border-radius: 20px;
+.card {
+  height: 20%;
+  width: 27%;
+  border-radius: 1rem;
+  margin-top: 1rem;
 }
 
 .profile-image {
-  width: 100px;
-  height: 100px;
-  margin: 0 auto;
+  width: 40%;
+  margin: auto;
+  height: 12vh;
 }
 
 .name {
   text-align: center;
-  font-size: 18px;
+  font-size: 100%;
   font-weight: bold;
-  margin-bottom: 8px;
+  margin-bottom: 1vh;
   font-family: "Barlow";
   font-style: normal;
 }
-
-.school {
-  text-align: center;
-  font-size: 14px;
-  color: #888888;
-  margin-bottom: 8px;
-}
-
+.school,
 .status {
   text-align: center;
-  font-size: 14px;
+  font-size: 80%;
   color: #888888;
+  margin-bottom: 1vh;
 }
 
 .background-rectangle {
   position: absolute;
-  width: 801px;
-  height: 326px;
-  left: 72%;  /* Ajustez cette valeur pour déplacer le rectangle horizontalement */
+  width: 60%;
+  height: 20rem;
+  left: 72%;
   top: 50%;
   transform: translate(-50%, -50%);
-  border-radius: 200px 0px 0px 200px;
+  border-radius: 200px 0px 0px 15rem;
   z-index: -1;
 }
 
@@ -133,95 +156,102 @@ const carouselItems = ref([
   align-items: flex-start;
 }
 
+.carousel {
+  height: 100%;
+  margin-top: 10vh;
+}
+
+
 .description {
   text-align: left;
+  width: 30%;
+  margin-bottom: 2rem;
+}
+.logo-school {
+  max-width: 35vw;
+  height: 25vh;
+  margin-top: 10px;
+  margin-bottom: 5vh;
 }
 
-.logo-row,
-.text-row,
-.btn-row {
-  justify-content: flex-start;
+.image {
+  width: 20rem;
+  margin-top: 6rem;
+  right: 20%;
 }
-.container {
-  max-width: 1900px;
-  height: 800px;
-  margin-top: 90px;
+
+.description {
+  text-align: left;
+  margin-right: 9vw;
+  margin-left: 7vw;
+  width: 25vw;
 }
 
-.logo-school {
-  width: 370px;
-  height: 199px;
-  margin-right: 299px;
-  margin-bottom: 30px;
+.custom-controls {
+  position: absolute;
+  top: 50%;
+  right: 1vw;
+  transform: translateY(-50%);
+  display: flex;
+  flex-direction: column;
+  gap: 1vh;
 }
 
-.image {
-  width: 529px;
-  height: 566px;
+.custom-controls div {
+  width: 1vh;
+  height: 1vh;
+  border-radius: 50%;
+  background-color: grey;
+  cursor: pointer;
+}
 
+.custom-controls .active-control {
+  background-color: #000;
+  margin-right: 2rem;
 }
 
 .btn-school {
-  margin-top: 20px;
-  margin-left: 20px;
-  margin-bottom: 20px;
   background: rgba(32, 147, 190, 0.4);
-  border-radius: 6px;
-  margin-left: 100px;
-  align-items: center;
+  border-radius: 0.5rem;
+  margin-left: 7vw;
   padding: 25px;
   gap: 9px;
   font-weight: 700;
   font-size: 10px;
   line-height: 15px;
-  width: 200px;
-  height: 56px;
+  width: 10rem;
+  height: 4rem;
+  font-family: "Barlow";
+  font-style: normal;
 }
 
 .btn-artist {
-  font-family: "Barlow";
-  font-style: normal;
-  border-radius: 6px;
   background: rgba(250, 194, 10, 0.4);
-  margin-left: 100px;
-  align-items: center;
+  border-radius: 0.5rem;
+  margin-left: 7vw;
   padding: 25px;
   gap: 9px;
   font-weight: 700;
   font-size: 10px;
   line-height: 15px;
-  width: 200px;
-  height: 56px;
+  width: 10rem;
+  height: 4rem;
+  font-family: "Barlow";
+  font-style: normal;
 }
 
 .btn-manager {
-  margin-top: 20px;
-  margin-left: 20px;
-  margin-bottom: 20px;
   background: rgba(216, 5, 11, 0.4);
-  border-radius: 6px;
-  margin-left: 100px;
-  align-items: center;
+  border-radius: 0.5rem;
+  margin-left: 7vw;
   padding: 25px;
   gap: 9px;
   font-weight: 700;
   font-size: 10px;
   line-height: 15px;
-  width: 200px;
-  height: 56px;
-}
-
-.description {
-  text-align: left;
-  margin-right: 290px;
-  margin-left: 100px;
-}
-
-.justify-center {
-  justify-content: center;
-}
-
-.justify-end {
-  justify-content: flex-end;
+  width: 10rem;
+  height: 4rem;
+  font-family: "Barlow";
+  font-style: normal;
 }
 </style>

components/Layout/Container.vue

@@ -10,6 +10,7 @@
 
 <style scoped>
 .container{
-  max-width: 1900px;
+  max-width: 1500px;
 }
+
 </style>

components/Layout/Navigation.vue

@@ -1,7 +1,8 @@
 <template>
-  <v-row class="menu-bar">
+    <LayoutContainer>
+  <v-row class="menu-bar custom-row">
     <!-- Column for the logo -->
-    <v-col cols="2">
+    <v-col cols="6" sm="4" md="2">
       <v-img
         class="logo"
         src="/images/Opentalent.png"
@@ -11,7 +12,7 @@
     </v-col>
 
     <!-- Column for the categories -->
-    <v-col cols="5">
+    <v-col cols="12" sm="7" md="5">
       <nuxt-link class="menu-link" to="/about">A propos</nuxt-link>
       <nuxt-link class="menu-link" to="/software">Nos logiciels</nuxt-link>
       <nuxt-link class="menu-link" to="/directory">Annuaire</nuxt-link>
@@ -19,7 +20,7 @@
     </v-col>
 
     <!-- Column for the buttons -->
-    <v-col cols="5" class="buttons-col">
+    <v-col cols="12" sm="12" md="5" class="buttons-col">
       <v-btn class="btn btn-login" text>
         <v-icon left class="fas fa-user mr-4"></v-icon> Se connecter
       </v-btn>
@@ -29,20 +30,23 @@
 
       <div class="vertical-bar"></div>
 
-      <nuxt-link to="/contact" class="btn-contact ml-4">
-        <v-icon class="fas fa-comment-dots mr-4"></v-icon> Nous contacter
+      <nuxt-link to="/contact" class="btn-contact ">
+        <v-icon class="fas fa-comment-dots mr-2"></v-icon> Nous contacter
       </nuxt-link>
     </v-col>
   </v-row>
-
-  <v-container class="content"></v-container>
+  </LayoutContainer>
 </template>
 
+
 <script>
-// script goes here
 </script>
 
 <style scoped>
+.custom-row{
+  padding: 0 10px; /* Réduisez cette valeur */
+}
+
 body,
 .btn,
 .btn-contact,
@@ -75,7 +79,7 @@ body,
   text-decoration: none;
   width: 75px;
   height: 15px;
-  padding: 17px;
+  padding: 13px;
   font-weight: 500;
   font-size: 12px;
   line-height: 15px;
@@ -90,12 +94,9 @@ body,
   flex-direction: row;
   align-items: center;
   padding: 25px;
-  gap: 9px;
   font-weight: 700;
   font-size: 10px;
   line-height: 15px;
-  width: 200px;
-  height: 56px;
 }
 
 .btn-login {

lang/fr.json

@@ -1,79 +1,2 @@
 {
-  "partnerEvents": "Nos évènements partenaires",
-  "what": "Quoi",
-  "where": "Où ",
-  "noAddressSelected": "Aucune adresse sélectionnée",
-  "nearMe": "Près de chez moi",
-  "when": "Quand",
-  "reset": "Réinitialiser",
-  "pending": "Patientez ...",
-  "at": "à",
-  "from": "du",
-  "to": "au",
-  "viewWebsite": "Voir le site web",
-  "search": "Rechercher",
-  "results": "Résultats",
-  "startDate": "Date de début",
-  "endDate": "Date de fin",
-  "location": "Lieu",
-  "description": "Description",
-  "backToEventsList": "<< Retour à la liste des évènements",
-  "EventNotFound": "Événement introuvable",
-  "map": "Carte",
-  "list": "Liste",
-  "maxDistance": "Distance",
-  "departments": "Départements",
-  "BIG_BAND": "Big band",
-  "BRASS_BAND": "Brass band",
-  "ORCHESTRA_CLASS": "Classe d'orchestre",
-  "ACCORDION_ORCHESTRA": "Orchestre d'accordéons",
-  "HARMONY_ORCHESTRA": "Orchestre d'harmonie",
-  "PHILHARMONIC_ORCHESTRA": "Orchestre philharmonique",
-  "SYMPHONY_ORCHESTRA": "Orchestre symphonique",
-  "STRING_ORCHESTRA": "Orchestre à cordes",
-  "PLUCKED_ORCHESTRA": "Orchestre à plectres",
-  "FANFARE_BAND": "Orchestre de fanfare",
-  "BAGAD": "Bagad",
-  "BANDAS": "Bandas ou Fanfare de rue",
-  "BATTERY_FANFARE": "Batterie fanfare",
-  "BATTUCADA": "Battucada",
-  "FOLKLORIC_BAND": "Ensemble folklorique",
-  "FIFE_AND_DRUM": "Fifres et tambours",
-  "MARCHING_BAND": "Marching band ou Show parade",
-  "HUNTING_HORNS": "Trompes de chasse",
-  "CHILDRENS_CHOIR": "Choeur d'enfants",
-  "FEMAL_CHOIR": "Choeur de femmes",
-  "MENS_CHOIR": "Choeur d'hommes",
-  "MIXED_CHORUS": "Choeur mixte",
-  "VOCAL_BAND_UP_16": "Ensemble vocal (jusqu'à 16)",
-  "CLARINET_CHOIR": "Ensemble de clarinettes",
-  "COPPER_BAND": "Ensemble de cuivres",
-  "FLUTE_ENSEMBLE": "Ensemble de flûtes",
-  "SAXOPHONES_BAND": "Ensemble de saxophones",
-  "VIOLIN_BAND": "Ensemble de violons",
-  "PERCUSSION_BAND": "Ensemble de percussions",
-  "CURRENT_MUSIC_GROUP": "Groupe de Musique actuelle",
-  "CHAMBER_MUSIC_ENSEMBLE": "Ensemble de Musique de chambre",
-  "TRADITIONAL_MUSIC_ENSEMBLE": "Ensemble de Musique traditionnelle",
-  "JAZZ_BAND": "Ensemble de Jazz",
-  "EDUCATION": "Enseignement",
-  "CHEERLEADER": "Majorettes",
-  "TROOP": "Troupe",
-  "OTHER": "Autre",
-  "spot_on_from": "Coup de projecteur du",
-  "descriptive": "Descriptif",
-  "no_description": "Aucun descriptif",
-  "contact": "Contact",
-  "show_tel": "Afficher le numéro",
-  "show_email": "Afficher l'adresse mail",
-  "go_back": "Retour",
-  "today": "Aujourd'hui",
-  "this_weekend": "Ce week-end",
-  "this_month": "Ce mois-ci",
-  "our_compagnies": "Nos structures adhérentes",
-  "see_more" : "Voir plus",
-  "find_us_on" : "Retrouvez-nous sur",
-  "others" : "autres",
-  "see_national_network" : "Voir le réseau national",
-  "click_and_check": "Cliquez sur une région pour affiner votre recherche"
 }

pages/index.vue

@@ -1,27 +1,11 @@
 <template>
-<LayoutContainer>
-  <LayoutNavigation>
-  </LayoutNavigation>
-  <LayoutCaroussel>
-  </LayoutCaroussel>
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
-  <HomePromotion>
-  </HomePromotion>
 
-  <HomeSolution>
-  </HomeSolution>
+    <LayoutNavigation> </LayoutNavigation>
+    <LayoutCaroussel> </LayoutCaroussel>
 
-  <HomeEventAgenda></HomeEventAgenda>
 
-  <HomeReviews></HomeReviews>
-  <HomeNews></HomeNews>
-  <HomeHelp></HomeHelp>
-
-
-  <LayoutFooter>
-  </LayoutFooter>
-</LayoutContainer>
 </template>
 
-<script>
-</script>
+<script></script>