Merge branch 'release/1.0' of gitlab.2iopenservice.com:opentalent/site_logiciels into release/1.0

components/Formation/Catalogue.vue

@@ -1,81 +1,84 @@
 <template>
   <AnchoredSection id="catalog">
     <LayoutContainer>
-      <v-row class="center-90">
-        <LayoutUISubTitle>
-          Découvrez notre catalogue de formation
-        </LayoutUISubTitle>
+      <v-row class="background-block">
 
-        <LayoutUITitle class="ml-8"> Catalogue </LayoutUITitle>
-      </v-row>
+        <v-row class="center-90">
+          <LayoutUISubTitle>
+            Découvrez notre catalogue de formation
+          </LayoutUISubTitle>
+
+          <LayoutUITitle class="ml-8"> Catalogue </LayoutUITitle>
+        </v-row>
 
-      <v-row class="center-90 catalog">
-        <v-col v-for="(course, index) in courses" :key="index" cols="12" lg="4">
-          <v-card class="mb-4">
-            <v-card-text>
-              <div class="title-card-container">
-                <span class="number-card">
-                  {{ course.number }}
-                </span>
+        <v-row class="center-90 catalog">
+          <v-col v-for="(course, index) in courses" :key="index" cols="12" lg="4">
+            <v-card class="mb-4">
+              <v-card-text>
+                <div class="title-card-container">
+                  <span class="number-card">
+                    {{ course.number }}
+                  </span>
 
-                <h4>
-                  {{ course.title }}
-                </h4>
-              </div>
+                  <h4>
+                    {{ course.title }}
+                  </h4>
+                </div>
 
-              <p class="details-card mb-6">
-                {{ course.description }}
-              </p>
+                <p class="details-card mb-6">
+                  {{ course.description }}
+                </p>
 
-              <div class="objectives">
-                <h6 class="title-obj">Objectifs pédagogiques</h6>
+                <div class="objectives">
+                  <h6 class="title-obj">Objectifs pédagogiques</h6>
 
-                <ul>
-                  <li
-                    v-for="(objective, objIndex) in course.objectives"
-                    :key="objIndex"
-                  >
-                    {{ objective }}
-                  </li>
-                </ul>
-              </div>
+                  <ul>
+                    <li
+                      v-for="(objective, objIndex) in course.objectives"
+                      :key="objIndex"
+                    >
+                      {{ objective }}
+                    </li>
+                  </ul>
+                </div>
 
-              <div class="badge-time">Durée : {{ course.duration }}</div>
+                <div class="badge-time">Durée : {{ course.duration }}</div>
 
-              <div class="program">
-                <h6 class="title-obj">Programme</h6>
+                <div class="program">
+                  <h6 class="title-obj">Programme</h6>
 
-                <v-row>
-                  <v-col
-                    v-for="column in course.program"
-                    :key="column.id"
-                    cols="6"
-                  >
-                    <ul>
-                      <li
-                        v-for="(objective, objIndex) in column.objectives"
-                        :key="objIndex"
-                      >
-                        {{ objective }}
-                      </li>
-                    </ul>
-                  </v-col>
-                </v-row>
-              </div>
+                  <v-row>
+                    <v-col
+                      v-for="column in course.program"
+                      :key="column.id"
+                      cols="6"
+                    >
+                      <ul>
+                        <li
+                          v-for="(objective, objIndex) in column.objectives"
+                          :key="objIndex"
+                        >
+                          {{ objective }}
+                        </li>
+                      </ul>
+                    </v-col>
+                  </v-row>
+                </div>
 
-              <div class="badge-time">
-                {{ course.price }}
-              </div>
+                <div class="badge-time">
+                  {{ course.price }}
+                </div>
 
-              <v-chip
-                class="chip-register"
-                @click="downloadPdf(course.downloadLink)"
-              >
-                Télécharger le programme de formation
-              </v-chip>
-            </v-card-text>
-          </v-card>
-        </v-col>
+                <v-chip
+                  class="chip-register"
+                  @click="downloadPdf(course.downloadLink)"
+                >
+                  Télécharger le programme de formation
+                </v-chip>
+              </v-card-text>
+            </v-card>
+          </v-col>
+        </v-row>
       </v-row>
     </LayoutContainer>
   </AnchoredSection>
@@ -183,9 +186,12 @@ const courses: Array<Training> = [
 </script>
 
 <style scoped lang="scss">
-.catalog {
-  padding: 2rem;
+.background-block{
   background: var(--neutral-color-alt-light);
+  padding: 4rem;
+}
+
+.catalog {
 
   @media (max-width: 600px) {
     padding: 0.5rem;

components/Webinaire/Catalogue.vue

@@ -1,85 +1,89 @@
 <template>
   <LayoutContainer>
     <div>
-      <v-row class="center-90">
-        <LayoutUISubTitle> Des webinaires pour tous </LayoutUISubTitle>
-      </v-row>
-
-      <v-row class="center-90">
-        <v-col cols="12" class="section-title">
-          <h3>Simplifiez la gestion et la communication de votre structure</h3>
-
-          <div class="strong-label">
-            Votre structure culturelle, établissement d’enseignement artistique
-            ou fédération mérite les outils les plus performants du marché pour
-            briller en toute simplicité. Découvrez comment nos outils peuvent
-            transformer votre quotidien :
-          </div>
-        </v-col>
-      </v-row>
-
-      <v-row class="center-90 catalog">
-        <v-col v-for="(course, index) in courses" :key="index" cols="12" md="4">
-          <v-card class="mb-4">
-            <v-card-text>
-              <div class="title-card-container">
-                <v-img :src="course.imageUrl" :alt="course.imageAlt" />
-
-                <h4>
-                  {{ course.title }}
-                </h4>
-              </div>
-
-              <p class="details-card">
-                {{ course.description }}
-              </p>
-
-              <div class="objectives mt-6">
-                <h6>Objectifs</h6>
-
-                <ul>
-                  <li
-                    v-for="(objective, objIndex) in course.objectives"
-                    :key="objIndex"
-                  >
-                    {{ objective }}
-                  </li>
-                </ul>
-              </div>
-
-              <div class="badge-time">Durée : {{ course.duration }}</div>
-
-              <div class="program">
-                <h6>Programme</h6>
-
-                <v-row>
-                  <v-col
-                    v-for="column in course.additionalObjectives"
-                    :key="column.id"
-                    cols="6"
-                  >
-                    <ul>
-                      <li
-                        v-for="(objective, objIndex) in column.objectives"
+      <v-row class="background-block">
+
+        <v-row class="center-90">
+          <LayoutUISubTitle> Des webinaires pour tous </LayoutUISubTitle>
+        </v-row>
+
+        <v-row class="center-90">
+          <v-col cols="12" class="section-title">
+            <h3>Simplifiez la gestion et la communication de votre structure</h3>
+
+            <div class="strong-label">
+              Votre structure culturelle, établissement d’enseignement artistique
+              ou fédération mérite les outils les plus performants du marché pour
+              briller en toute simplicité. Découvrez comment nos outils peuvent
+              transformer votre quotidien :
+            </div>
+          </v-col>
+        </v-row>
+
+
+        <v-row class="center-90 catalog">
+          <v-col v-for="(course, index) in courses" :key="index" cols="12" md="4">
+            <v-card class="mb-4">
+              <v-card-text>
+                <div class="title-card-container">
+                  <v-img :src="course.imageUrl" :alt="course.imageAlt" />
+
+                  <h4>
+                    {{ course.title }}
+                  </h4>
+                </div>
+
+                <p class="details-card">
+                  {{ course.description }}
+                </p>
+
+                <div class="objectives mt-6">
+                  <h6>Objectifs</h6>
+
+                  <ul>
+                    <li
+                        v-for="(objective, objIndex) in course.objectives"
                         :key="objIndex"
-                      >
-                        {{ objective }}
-                      </li>
-                    </ul>
-                  </v-col>
-                </v-row>
-              </div>
-
-              <div class="badge-time">
-                {{ course.price }}
-              </div>
-
-              <v-chip class="chip-register" @click="showModal(course.title)">
-                Inscrivez-vous
-              </v-chip>
-            </v-card-text>
-          </v-card>
-        </v-col>
+                    >
+                      {{ objective }}
+                    </li>
+                  </ul>
+                </div>
+
+                <div class="badge-time">Durée : {{ course.duration }}</div>
+
+                <div class="program">
+                  <h6>Programme</h6>
+
+                  <v-row>
+                    <v-col
+                        v-for="column in course.additionalObjectives"
+                        :key="column.id"
+                        cols="6"
+                    >
+                      <ul>
+                        <li
+                            v-for="(objective, objIndex) in column.objectives"
+                            :key="objIndex"
+                        >
+                          {{ objective }}
+                        </li>
+                      </ul>
+                    </v-col>
+                  </v-row>
+                </div>
+
+                <div class="badge-time">
+                  {{ course.price }}
+                </div>
+
+                <v-chip class="chip-register" @click="showModal(course.title)">
+                  Inscrivez-vous
+                </v-chip>
+              </v-card-text>
+            </v-card>
+          </v-col>
+        </v-row>
       </v-row>
     </div>
 
@@ -264,7 +268,6 @@ const closeModal = () => {
 
   h3 {
     font-size: 42px;
-    letter-spacing: 0.1rem;
     line-height: 3.5rem;
     margin-bottom: 0.5rem;
     margin-top: 2rem;
@@ -273,16 +276,16 @@ const closeModal = () => {
   .strong-label {
     font-size: 1.5rem;
     font-weight: 400 !important;
-    letter-spacing: 0.1rem;
     line-height: 2rem;
     margin-bottom: 1rem;
   }
 }
 
-.catalog {
-  padding: 2rem;
+.background-block{
   background: var(--neutral-color-alt-light);
-
+  padding: 4rem;
+}
+.catalog {
   .title-card-container {
     display: flex;
     align-items: center;

pages/formations.vue

@@ -13,7 +13,7 @@
     </LayoutUITitlePage>
 
     <CommonBanner
-      image-src="/images/pages/formations/banner/Formations_Opentalent.jpg"
+      image-src="/images/pages/formations/banner/Formations_Opentalent.webp"
       image-alt="Formation dans une salle de réunion ou 5 personnes regardent un écran"
     />
 

pages/nous-contacter.vue

@@ -14,7 +14,7 @@
     </LayoutUITitlePage>
 
     <CommonBanner
-      image-src="/images/pages/contact/banner/Contactez_nous-visuel_Opentalent.jpg"
+      image-src="/images/pages/contact/banner/Contactez_nous_Opentalent.webp"
       image-alt="Icône téléphone, enveloppe, arobase, bulles de discussion et homme sur son smartphone et son ordinateur portable"
     />
 

pages/nous-rejoindre/[id].client.vue

@@ -10,7 +10,7 @@
     </LayoutUITitlePage>
 
     <CommonBanner
-      image-src="/images/pages/join-us/banner/Rejoindre_Opentalent.jpg"
+      image-src="/images/pages/join-us/banner/Rejoindre_Opentalent.webp"
       image-alt="banner"
     />
 

pages/nous-rejoindre/index.vue

@@ -13,7 +13,7 @@
     </LayoutUITitlePage>
 
     <CommonBanner
-      image-src="/images/pages/join-us/banner/Rejoindre_Opentalent.jpg"
+      image-src="/images/pages/join-us/banner/Rejoindre_Opentalent.webp"
       image-alt="Mains de femmes les unes au-dessus des autres"
     />
 

pages/opentalent-artist.vue

@@ -15,7 +15,7 @@
       </LogicielsTitle>
 
       <CommonBanner
-        image-src="/images/pages/opentalent_artist/banner/Groupe_de_musique_jouant_dans_la_rue.jpg"
+        image-src="/images/pages/opentalent_artist/banner/Groupe_de_musique_jouant_dans_la_rue.webp"
         image-alt="Groupe de musique jouant dans la rue"
         square-text="Orchestres, chorales, compagnies et troupes artistiques"
         logo-src="/images/logos/opentalent/Logo_Opentalent_Artist-gris.png"
@@ -66,7 +66,7 @@ const menus: Array<MenuScroll> = [
 
 const stickyMenuActions: Array<ActionMenuItem> = [
   {
-    type: ActionMenuItemType.FOLLOW_LINK,
+    type: ActionMenuItemType.ASK_FOR_A_DEMO,
     color: 'primary',
     icon: 'far fa-comments',
     text: 'Nous contacter',

pages/opentalent-manager.vue

@@ -63,7 +63,7 @@ const menus: Array<MenuScroll> = ref([
 
 const stickyMenuActions: Array<ActionMenuItem> = [
   {
-    type: ActionMenuItemType.FOLLOW_LINK,
+    type: ActionMenuItemType.ASK_FOR_A_DEMO,
     color: 'primary',
     icon: 'fa-regular fa-comments icon',
     text: 'Nous contacter',

pages/opentalent-school.vue

@@ -13,9 +13,9 @@
       </LogicielsTitle>
 
       <CommonBanner
-        image-src="/images/pages/opentalent_school/banner/Opentalent_School_pour_les_etablissements_d_enseignement_artistique.JPG"
+        image-src="/images/pages/opentalent_school/banner/Opentalent_School_pour_les_etablissements_d_enseignement_artistique.webp"
         image-alt="Deux jeunes filles jouant du violon, l'une est au premier plan et l’autre floutée"
-        square-text="École de musique, d'art, de danse, de cirque, conservatoires et MJC"
+        square-text="Écoles de musique, de danse, de théâtre, d'art, de cirque, conservatoires et MJC"
         logo-src="/images/logos/opentalent/Logo_Opentalent_School-blanc.png"
         logo-alt="Logo Opentalent School - logiciel de gestion et de communication pour les établissements d’enseignement artistique"
         :logo-alt-theme="true"
@@ -67,14 +67,14 @@ const menus: Array<MenuScroll> = [
 
 const stickyMenuActions: Array<ActionMenuItem> = [
   {
-    type: ActionMenuItemType.FOLLOW_LINK,
+    type: ActionMenuItemType.ASK_FOR_A_DEMO,
     color: 'primary',
     icon: 'fa-regular fa-comments icon',
     text: 'Nous contacter',
     url: '/nous-contacter',
   },
   {
-    type: ActionMenuItemType.FOLLOW_LINK,
+    type: ActionMenuItemType.ASK_FOR_A_DEMO,
     color: 'primary',
     icon: 'fa-solid fa-circle-info icon',
     text: 'Demander une demo',

pages/qui-sommes-nous.vue

@@ -9,15 +9,15 @@
       description="Opentalent, créé par des passionnés, révolutionne la gestion culturelle et la promotion du spectacle vivant pour enrichir le développement de la culture."
     />
 
-    <LayoutUITitlePage class="mb-12">
+    <LayoutUITitlePage>
       Qui sommes-nous ?
-      <template #subtitle
-        >Découvrez qui nous sommes et ce qui nous anime</template
-      >
+      <template #subtitle>
+        Découvrez qui nous sommes et ce qui nous anime
+      </template>
     </LayoutUITitlePage>
 
     <CommonBanner
-      image-src="/images/pages/qui-sommes-nous/banner/Opentalent_entreprise_qui_sommes-nous.jpg"
+      image-src="/images/pages/qui-sommes-nous/banner/Opentalent_entreprise_qui_sommes-nous.webp"
       image-alt="Réunion d’équipe dans une salle de réunion avec 5 personnes"
     />
 

pages/webinaires.vue

@@ -15,7 +15,7 @@
     </LayoutUITitlePage>
 
     <CommonBanner
-      image-src="/images/pages/webinaires/banner/Webinaires_de_decouverte_de_nos_logiciels.jpg"
+      image-src="/images/pages/webinaires/banner/Webinaires_de_decouverte_de_nos_logiciels.webp"
       image-alt="Ordinateur avec un écran en visioconférence de 9 personnes posé sur un bureau vers une fenêtre"
     />