various fixes

components/Common/Avantages.vue

@@ -10,11 +10,10 @@
       </LayoutUITitle>
     </v-row>
 
-    <v-row  class="center-90">
+    <v-row class="center-90">
       <v-col
         cols="12"
         md="4"
-        offset-md="1"
         v-for="(benefit, index) in benefits"
         :key="index"
       >

components/Common/Banner.vue

@@ -131,7 +131,7 @@ const props = defineProps({
 .logo-square {
   position: absolute;
   bottom: 0;
-  right: 10rem;
+  right: 13rem;
   width: 13rem;
   height: 10rem;
 

components/Common/Carousel/Fonctionnalite.vue

@@ -53,14 +53,15 @@
                   </v-card-text>
 
                 </v-card-item>
+
                 <div class="footer">
-                    <p
-                      v-for="option in card.options"
-                      :key="option"
-                    >
-                      {{ option }}
-                    </p>
-                  </div>
+                  <p
+                    v-for="option in card.options"
+                    :key="option"
+                  >
+                    {{ option }}
+                  </p>
+                </div>
               </v-card>
             </div>
           </Slide>
@@ -160,8 +161,12 @@ const previousAction = () => {
   .footer {
     position: absolute;
     left: 0;
-    margin-left: .5rem;
+    margin-left: 2rem;
     font-size: .9rem;
+
+    p {
+      text-align: left;
+    }
   }
 }
 

components/Common/Presentation.vue

@@ -136,7 +136,7 @@ const props = defineProps({
   pricingPeriodText: {
     type: String,
     required: false,
-    default: "mois"
+    default: "/ mois"
   },
   pricingAnnouncementText: {
     type: String,

components/Common/ReviewSection.vue

@@ -21,7 +21,7 @@
         </v-col>
 
         <v-col cols="12" lg="9">
-          <v-carousel
+          <Carousel
             ref="carousel"
             :items-to-show="lgAndUp ? 3 : 1"
             :wrapAround="true"
@@ -29,7 +29,7 @@
             height="350"
             class="carousel"
           >
-            <v-carousel-item
+            <Slide
               v-for="(card, index) in cards"
               :key="index"
               class="card"
@@ -56,8 +56,8 @@
                   </v-card-actions>
                 </v-card>
               </v-container>
-            </v-carousel-item>
-          </v-carousel>
+            </Slide>
+          </Carousel>
         </v-col>
       </v-row>
   </LayoutContainer>

components/Home/Caroussel.vue

@@ -11,6 +11,7 @@ Carrousel de la page d'accueil
     :touch="true"
     :height="lgAndUp ? 500 : 800"
     :interval="5000"
+    :cycle="true"
   >
     <v-carousel-item
       v-for="(item, index) in carouselItems"
@@ -19,11 +20,13 @@ Carrousel de la page d'accueil
       <v-row>
         <!-- Partie description (logo, description, bouton 'en savoir plus') -->
         <v-col cols="12" lg="6" class="col presentation">
-          <v-img
-            :src="item.logo"
-            :alt="item.alt"
-            class="logo"
-          />
+          <nuxt-link :to="item.link">
+            <v-img
+              :src="item.logo"
+              :alt="item.logoAlt"
+              class="logo"
+            />
+          </nuxt-link>
 
           <p class="description" v-html="mdAndUp ? item.description : item.descriptionSm" />
 
@@ -50,7 +53,7 @@ Carrousel de la page d'accueil
               <v-img
                 class="profile-image"
                 :src="item.avatar"
-                alt="Profile Image"
+                :alt="item.avatarAlt"
                 contain
                 rounded
               />
@@ -71,6 +74,7 @@ Carrousel de la page d'accueil
 
             <v-img
               :src="item.image"
+              :alt="item.imageAlt"
               class="image"
             />
           </v-row>

components/Home/Help.vue

@@ -27,7 +27,7 @@ Section "Besoin d'aide" de la page d'accueil
         <v-row>
           <ul>
             <li>
-              Ouvert du lundi au vendredi de 8h15 à 17h45
+              Ouvert du lundi au vendredi de 8h30 à 17h30
             </li>
             <li>
               Support joignable par mail

components/Home/Promotion.vue

@@ -52,65 +52,66 @@
       </v-col>
     </v-row>
 
-    <v-row class="outil">
-      <v-row>
-        <v-col>
-          <h3>
-            Un outil complet et intuitif <br />
-            pour chaque structure
-          </h3>
-        </v-col>
-      </v-row>
-
-      <v-row class="pictos">
-        <v-col cols="12" lg="6">
-          <v-row>
-            <v-col cols="3">
-              <img src="/images/pictoHome/network.svg" alt="Icône nuage cloud" />
-            </v-col>
-            <v-col cols="9">
-              <p>
-                Logiciel de gestion et communication en ligne
-              </p>
-            </v-col>
-          </v-row>
-
-          <v-row>
-            <v-col cols="3">
-              <img src="/images/pictoHome/website.svg" alt="Icône site internet" />
-            </v-col>
-            <v-col cols="9">
-              <p>
-                Site web intégré et simple d’usage
-              </p>
-            </v-col>
-          </v-row>
-        </v-col>
-
-        <v-col cols="12" lg="6">
-          <v-row>
-            <v-col cols="3">
-              <img src="/images/pictoHome/visibility.svg" alt="Icône avion en papier" />
-            </v-col>
-            <v-col cols="9">
-              <p>
-                Augmentez votre visibilité avec l'agenda culturel
-              </p>
-            </v-col>
-          </v-row>
-
-          <v-row>
-            <v-col cols="3">
-              <img src="/images/pictoHome/communication.svg" alt="Icône de deux enveloppes" />
-            </v-col>
-            <v-col cols="9">
-              <p>
-                Communiquez en réseau
-              </p>
-            </v-col>
-          </v-row>
-        </v-col>
-      </v-row>
+    <v-row class="outil center-90">
+      <v-col>
+        <v-row>
+          <v-col>
+            <h3>
+              Un outil complet et intuitif pour chaque structure
+            </h3>
+          </v-col>
+        </v-row>
+
+        <v-row class="pictos">
+          <v-col cols="12" lg="6">
+            <v-row>
+              <v-col cols="3">
+                <img src="/images/pictoHome/network.svg" alt="Icône nuage cloud" />
+              </v-col>
+              <v-col cols="9">
+                <p>
+                  Logiciel de gestion et communication en ligne
+                </p>
+              </v-col>
+            </v-row>
+
+            <v-row>
+              <v-col cols="3">
+                <img src="/images/pictoHome/website.svg" alt="Icône site internet" />
+              </v-col>
+              <v-col cols="9">
+                <p>
+                  Site web intégré et simple d’usage
+                </p>
+              </v-col>
+            </v-row>
+          </v-col>
+
+          <v-col cols="12" lg="6">
+            <v-row>
+              <v-col cols="3">
+                <img src="/images/pictoHome/visibility.svg" alt="Icône avion en papier" />
+              </v-col>
+              <v-col cols="9">
+                <p>
+                  Augmentez votre visibilité avec l'agenda culturel
+                </p>
+              </v-col>
+            </v-row>
+
+            <v-row>
+              <v-col cols="3">
+                <img src="/images/pictoHome/communication.svg" alt="Icône de deux enveloppes" />
+              </v-col>
+              <v-col cols="9">
+                <p>
+                  Communiquez en réseau
+                </p>
+              </v-col>
+            </v-row>
+          </v-col>
+        </v-row>
+      </v-col>
     </v-row>
   </LayoutContainer>
 </template>
@@ -236,7 +237,8 @@ const { mdAndUp } = useDisplay()
   .pictos {
     .v-row {
       border-bottom: solid 2px var(--on-neutral-color-extra-light);
-      margin: 0;
+      border-top: solid 2px var(--on-neutral-color-extra-light);
+      margin: -2px 0 0;
       height: 100px;
       display: flex;
       align-items: center;
@@ -247,10 +249,6 @@ const { mdAndUp } = useDisplay()
       }
     }
 
-    .v-col:first-child .v-row:first-child, .v-col-12:first-child .v-row:first-child {
-      border-top: solid 2px var(--on-neutral-color-extra-light);
-    }
-
     >.v-col-12 {
       padding-top : 0;
       padding-bottom : 0;
@@ -264,12 +262,11 @@ const { mdAndUp } = useDisplay()
 
     p {
       font-weight: 400;
-      font-size: 22px;
+      font-size: 20px;
       line-height: 26px;
       width: 25rem;
       max-width: 100%;
       color: var(--primary-color);
-      margin-bottom: 1rem;
 
       @media (max-width: 600px) {
         width: 90%;

components/Home/Reviews.vue

@@ -144,7 +144,11 @@
     <div v-else class="container-sm">
       <v-row>
         <v-col cols="12">
-          <Carousel :itemsToShow="1" :wrapAround="true" ref="reviewCarousel">
+          <Carousel
+            :itemsToShow="1"
+            :wrap-around="true"
+            ref="reviewCarousel"
+          >
             <Slide v-for="(card, index) in cards" :key="index">
               <v-card>
                 <v-card-title>

components/Home/Solution.vue

@@ -96,7 +96,7 @@ const { xlAndUp, lgAndDown } = useDisplay()
 const solutions: Array<SolutionItem> = [
   {
     name: "Artist",
-    description: "Orchestres, chorales, compagnies de danse, théâtre et cirque",
+    description: "Orchestres, chorales, compagnies et troupes artistiques",
     image: "/images/logo/logiciels/Artist-Blanc.png",
     alt: "Partition tenue par une femme dans une chorale",
     link: "/opentalent_artist",

components/Layout/Footer/Footer.vue

@@ -6,13 +6,16 @@
         <v-row>
           <!-- Première section : Logo Opentalent -->
           <v-col cols="12" lg="3" class="logo">
-            <nuxt-link to="/">
-              <v-img src="/images/logo/footer-logo.png" alt="Logo Opentalent - Agenda et Logiciels culturels" />
+            <nuxt-link :to="{ path: '', hash: '#top'}">
+              <v-img
+                src="/images/logo/footer-logo.png"
+                alt="Logo Opentalent - Agenda et Logiciels culturels"
+              />
             </nuxt-link>
           </v-col>
 
           <!-- Deuxième section : liens agenda culturel (écrans larges seulement) -->
-          <v-col v-if="mdAndUp" cols="7" >
+          <v-col v-if="lgAndUp" cols="7" >
             <v-row>
               <v-col cols="3">
                 <v-row>
@@ -104,17 +107,12 @@
                     Support en ligne
                   </nuxt-link>
                 </v-row>
-                <v-row>
-                  <nuxt-link to="/nous-contacter" target="_blank" >
-                    Nous contacter
-                  </nuxt-link>
-                </v-row>
               </v-col>
             </v-row>
           </v-col>
 
           <!-- Sixième section : liens réseaux sociaux (écrans larges seulement) -->
-          <v-col v-if="mdAndUp" cols="2">
+          <v-col v-if="lgAndUp" cols="2">
             <v-row class="justify-center">
               <h5>
                 Suivez-nous
@@ -250,7 +248,7 @@ import { useLayoutStore } from "~/stores/layoutStore";
 import AgendaLink from "~/components/Common/AgendaLink.vue";
 
 
-const { mdAndDown, mdAndUp } = useDisplay();
+const { mdAndDown, mdAndUp, lgAndUp, lgAndDown } = useDisplay();
 
 const footerLinks = ref([
   {
@@ -385,6 +383,13 @@ a {
     font-size: 1.9rem;
     text-decoration: none !important;
   }
+
+  @media (max-width: 1240px) {
+    a {
+      margin: 0 3%;
+      font-size: 2.4rem;
+    }
+  }
 }
 
 .footnotes {

components/Logiciels/Artist/Comparatif.vue

@@ -10,7 +10,7 @@
       </LayoutUITitle>
 
       <CommonTableComparatif
-        standardPrice="14€"
+        standardPrice="11€"
         premiumPrice="18€"
         :items="comparisonItems"
       />
@@ -84,9 +84,9 @@ const comparisonItems: Array<ComparisonItem> = [
     includedInPremium: "1 Go",
   },
   {
-    label: "PAGE DU SITE INTERNET",
-    includedInStandard: "Restreint",
-    includedInPremium: "Illimités",
+    label: "PAGES DU SITE INTERNET",
+    includedInStandard: "Restreintes",
+    includedInPremium: "Illimitées",
   },
 ];
 </script>

components/Logiciels/Artist/Fonctionnalites.vue

@@ -25,9 +25,8 @@ const cards: Array<Functionality> = [
     logoAlt: "Icône smartphone avec cadenas verrouillé",
     title: "ESPACES DÉDIÉS *",
     list: [
-      "Administration",
-      "Professeurs",
-      "Élèves / Familles",
+      "Administrations",
+      "Membres/Adhérents",
     ],
     options: ["*Disponible sur tous supports"],
   },
@@ -95,13 +94,13 @@ const cards: Array<Functionality> = [
   {
     logo: "/images/logiciels/artist/fonctionnalites/CMF-réseau-J.png",
     logoAlt: "Icône du logo de la CMF (confédération musicale de France)",
-    title: "RÉSEAU CMF ",
+    title: "RÉSEAU CMF *",
     list: [
-      "Uniquement dédié aux adhérents CMF",
       "Accès au répertoire du réseau",
       "Renouvellement de votre adhésion fédérale",
       "Gestion de l'assurance CMF",
     ],
+    options: ['* uniquement dédié aux adhérents CMF']
   },
   {
     logo: "/images/logiciels/artist/fonctionnalites/Promotion.svg",
@@ -110,7 +109,7 @@ const cards: Array<Functionality> = [
     list: [
       "Sur votre site internet intégré",
       "Sur l'agenda de la CMF",
-      "Sur l'Agenda culturel Opentalent ",
+      "Sur l'agenda culturel Opentalent ",
     ],
   },
 ];

components/Logiciels/Artist/Presentation.vue

@@ -6,7 +6,7 @@
       :pictos="pictos"
       logo-src="/images/logo/logiciels/OT_Artist-BLANC.png"
       logo-alt="Logo Opentalent Artist - logiciel de gestion et de communication pour les orchestres, les chorales, les compagnies artistiques et troupes"
-      pricingAmount="14€"
+      pricingAmount="11€"
     />
 
     <CommonContainerVideo

pages/opentalent_artist.vue

@@ -16,7 +16,7 @@
     <CommonBanner
       image-src="/images/logiciels/artist/banner.jpg"
       image-alt="Groupe de musique jouant dans la rue"
-      square-text="Orchestres, chorales, compagnies de danse, de cirque et de théâtre"
+      square-text="Orchestres, chorales, compagnies et troupes artistiques"
       logo-src="/images/logo/logiciels/Artist-noir.png"
       logo-alt="Logo Opentalent Artist - logiciel de gestion et de communication pour les orchestres, les chorales, les compagnies artistiques et troupes"
     />
@@ -58,7 +58,7 @@ const menus: Array<MenuScroll> = [
   { anchor: "functionalities", label: "Fonctionnalités" },
   { anchor: "comparative", label: "Comparatif" },
   { anchor: "subscription", label: "Abonnement" },
-  { anchor: "webinars", label: "Wébinaires" },
+  { anchor: "webinars", label: "Webinaires" },
   { anchor: "testimonials", label: "Témoignages" },
 ];
 
@@ -75,7 +75,7 @@ const stickyMenuActions: Array<ActionMenuItem> = [
     color: "primary",
     icon: "fas fa-circle-info",
     text: "Brochure",
-    url: "https://www.opentalent.fr/fileadmin/stockage/commercial/plaquettes_commerciales/Depliant_Opentalent_Artist_23.pdf ",
+    url: "/files/Depliant_Opentalent_Artist.png",
   }
 ];
 </script>