various fixes

components/About/Logiciels.vue

@@ -71,7 +71,7 @@ import AnchoredSection from "~/components/Layout/AnchoredSection.vue";
 
 const features: Array<string> = [
   "Une gestion de vos contacts",
-  "un agenda collaboratif et interactif",
+  "Un agenda collaboratif et interactif",
   "Une gestion du matériel et du stock",
   "Une communication simplifiée",
   "Un rapport d'activité complet",

components/About/Valeurs.vue

@@ -29,15 +29,18 @@
                 v-for="(value, valueIndex) in row"
                 :key="valueIndex"
               >
-                <v-img
-                  :src="value.img"
-                  :alt="value.alt"
-                  cover
-                />
+                <div class="d-flex flex-row align-center">
+                  <v-img
+                    :src="value.img"
+                    :alt="value.alt"
+                    cover
+                    class="mr-3"
+                  />
 
-                <h6>
-                  {{ value.title }}
-                </h6>
+                  <h6>
+                    {{ value.title }}
+                  </h6>
+                </div>
 
                 <p>
                   {{ value.description }}
@@ -106,6 +109,7 @@ const values: Array<Array<SocietyValue>> = [
 
   .v-img {
     width: 50px;
+    max-width: 50px;
     height: 50px;
     margin-bottom: 1rem;
 

components/Common/Card/Stat.vue

@@ -39,6 +39,10 @@ const props = defineProps({
     line-height: 68px;
     text-align: center;
     margin-bottom: 0.5rem;
+
+    @media (max-width: 1600px) {
+      font-size: 48px;
+    }
   }
 
   @media (max-width: 1240px) {

components/Common/Carousel/Fonctionnalite.vue

@@ -161,7 +161,7 @@ const previousAction = () => {
   .footer {
     position: absolute;
     left: 0;
-    margin-left: 2rem;
+    margin-left: 1.3rem;
     font-size: .9rem;
 
     p {

components/Common/ReviewSection.vue

@@ -38,7 +38,7 @@
                 <v-card class="inv-theme">
                   <v-card-item>
                     <v-card-text>
-                      {{ card.review }}
+                      <i>"{{ card.review }}"</i>
                     </v-card-text>
                   </v-card-item>
 
@@ -227,6 +227,11 @@ const goNext = () => {
   }
 }
 
+.v-card-item {
+  display: block;
+  padding-top: 16px;
+}
+
 @media (min-width:2100px) {
   .v-card {
     min-height: 360px !important;

components/Formation/Catalogue.vue

@@ -48,6 +48,12 @@
                 </ul>
               </div>
 
+              <v-chip class="badge-time">
+                <span>
+                  Durée : {{ course.duration }}
+                </span>
+              </v-chip>
+
               <div class="program">
                 <h6 class="title-obj">
                   Programme
@@ -71,12 +77,6 @@
                 </v-row>
               </div>
 
-              <v-chip class="badge-time">
-                <span>
-                  Durée : {{ course.duration }}
-                </span>
-              </v-chip>
-
               <v-chip class="badge-time">
                 <span>
                   {{ course.price }}
@@ -143,7 +143,7 @@ const courses: Array<Training> = [
         ],
       },
     ],
-    price: "1 580 € TTC",
+    price: "1 674 € TTC",
     downloadLink:
       "https://www.opentalent.fr/fileadmin/stockage/stockage/support/programme/PF-School-2023-02_2-jours.pdf",
   },
@@ -168,7 +168,7 @@ const courses: Array<Training> = [
         objectives: ["Répertoire"],
       },
     ],
-    price: "790€ TTC",
+    price: "837€ TTC",
     downloadLink:
       "https://www.opentalent.fr/fileadmin/stockage/stockage/support/programme/PF-School-2023-02_1-jour.pdf",
   },
@@ -194,7 +194,7 @@ const courses: Array<Training> = [
         objectives: ["Configuration côté logiciel"],
       },
     ],
-    price: "790€ TTC",
+    price: "837€ TTC",
     downloadLink:
       " https://www.opentalent.fr/fileadmin/stockage/stockage/support/programme/PF-Typo3-2023-02_1-jour.pdf",
   },

components/Formation/Participation.vue

@@ -9,22 +9,20 @@
         </v-col>
       </v-row>
 
-      <h3 class="title-participation text-center mb-8">
-        Vous souhaitez participer à une formation ?
-      </h3>
-
       <v-row class="mb-12 center-90">
-        <v-col cols="12">
+        <v-col cols="12" lg="6">
           <v-img
             src="/images/formation/participation.jpg"
             alt="Ordinateur avec un écran en visioconférence avec plusieurs personnes posé sur une table avec un pichet posé à côté"
             class="participation-img"
           />
         </v-col>
-      </v-row>
 
-      <v-row class="mb-12 center-90">
-        <v-col cols="12">
+        <v-col cols="12" lg="4">
+          <h3 class="title-participation text-center mb-8">
+            Vous souhaitez participer à une formation ?
+          </h3>
+
           <div class="details-participations">
             <p class="mb-6">
               Nous vous répondons sous 48h (hors week-ends). Délais d'accès:

components/Home/EventAgenda.vue

@@ -4,10 +4,13 @@ Section "Agenda" de la page d'accueil
 <template>
   <LayoutContainer>
     <div class="container">
+      <LayoutUISectionTitle>
+        L’agenda Opentalent
+      </LayoutUISectionTitle>
+
       <div class="d-flex align-center justify-center">
         <h3>
-          Retrouvez tous vos évènements dans l'agenda et référencez vous dans
-          l'annuaire
+          Retrouvez tous les événements et toutes les structures culturelles autour de chez vous
         </h3>
       </div>
 

components/Layout/FAQ.vue

@@ -22,7 +22,7 @@
 
       <v-col cols="12" lg="6" class="links">
         <v-btn
-          href="https://ressources.opentalent.fr/pages/viewpage.action?pageId=75170564"
+          href="https://ressources.opentalent.fr/space/FAQ/2496592/Tutoriels+vid%C3%A9os"
           target="_blank"
         >
           <div>
@@ -38,7 +38,7 @@
         </v-btn>
 
         <v-btn
-          href="https://ressources.opentalent.fr/?contact"
+          href="https://ressources.opentalent.fr/"
           target="_blank"
         >
           <div>

components/Logiciels/Artist/Abonnement/ToSubscribe.vue

@@ -12,7 +12,7 @@
       formulaire avant de nous le transmettre
     </p>
     <a
-      href="https://www.opentalent.fr/fileadmin/stockage/commercial/contrats/BDC_Artist_Public-23.pdf"
+      href="/files/Bon_De_Commande_Artist_Public-2024.pdf"
       target="_blank"
       class="download-button"
     >
@@ -23,13 +23,10 @@
   <div class="subscription-steps">
     <ol>
       <li class="mt-6">
-        Téléchargez le formulaire
+        Téléchargez et complétez le formulaire
       </li>
       <li>
-        Complétez le formulaire
-      </li>
-      <li>
-        Joignez le règlement par chèque avec le formulaire à <br />
+        Joignez le règlement par chèque ou par virement avec le formulaire à <br />
         <p class="pa-3">
           2iOPENService <br />
           217 rue Raoul Follereau <br />
@@ -37,10 +34,10 @@
         </p>
       </li>
       <li>
-        Après réception de votre formulaire d'adhésion et de votre
-        règlement, nous vous ouvrons le service choisi. Vous recevrez
-        alors un mail avec votre identifiant de connexion, votre mot de
-        passe, ainsi que l'URL de votre site internet.
+        Après réception de votre formulaire d'adhésion et de votre règlement,
+        nous vous ouvrons le service choisi. Vous recevrez alors un mail avec
+        votre identifiant de connexion, votre mot de passe,
+        ainsi que l'URL de votre site internet.
       </li>
     </ol>
   </div>

components/Logiciels/Artist/Comparatif.vue

@@ -85,8 +85,8 @@ const comparisonItems: Array<ComparisonItem> = [
   },
   {
     label: "PAGES DU SITE INTERNET",
-    includedInStandard: "Restreintes",
-    includedInPremium: "Illimitées",
+    includedInStandard: "Restreint",
+    includedInPremium: "Illimité",
   },
 ];
 </script>

components/Logiciels/Artist/SomeNumbers.vue

@@ -20,14 +20,14 @@
 
         <v-col lg="3" class="d-flex justify-center align-center">
           <CommonCardStat
-            number="3 424"
+            number="3 423"
             text="Structures"
           />
         </v-col>
 
         <v-col lg="3" class="d-flex justify-center align-center">
           <CommonCardStat
-            number="13"
+            number="15"
             text="Années d'expérience"
           />
         </v-col>

components/Logiciels/Manager/Formation.vue

@@ -110,10 +110,10 @@ const formations: Array<Formation> = [
 
   h3 {
     font-weight: 500;
-    font-size: 1.8rem;
+    font-size: 1.4rem;
     line-height: 26px;
-    color: var(--on-primary-color);
-    margin-bottom: 3rem;
+    color: var(--on-primary-color-alt) !important;
+    margin-bottom: 1.5rem;
   }
 
   h4 {

components/Logiciels/Manager/SomeNumbers.vue

@@ -19,13 +19,13 @@
         </v-col>
         <v-col md="3" class="d-flex justify-center align-center">
           <CommonCardStat
-            number="300 000"
+            number="216498"
             text="Utilisateurs"
           />
         </v-col>
         <v-col md="3" class="d-flex justify-center align-center">
           <CommonCardStat
-            number="12"
+            number="17"
             text="Années de collaboration"
           />
         </v-col>

components/Logiciels/School/Comparatif.vue

@@ -10,8 +10,8 @@
       </LayoutUITitle>
 
       <CommonTableComparatif
-        standardPrice="32,90€"
-        premiumPrice="46,20€"
+        standardPrice="34,90€"
+        premiumPrice="49€"
         :items="comparisonItems"
       />
     </LayoutContainer>
@@ -90,7 +90,7 @@ const comparisonItems: Array<ComparisonItem> = [
   },
   {
     label: "GRILLES D'ÉVALUATION",
-    includedInStandard: true,
+    includedInStandard: "Option",
     includedInPremium: "Option",
   },
   {
@@ -105,8 +105,8 @@ const comparisonItems: Array<ComparisonItem> = [
   },
   {
     label: "PAGE DU SITE INTERNET",
-    includedInStandard: "restreint",
-    includedInPremium: "illimités",
+    includedInStandard: "Restreint",
+    includedInPremium: "Illimité",
   },
 ];
 </script>

components/Logiciels/School/Fonctionnalites.vue

@@ -22,17 +22,18 @@ import type { Functionality } from "~/types/interface";
 const cards: Array<Functionality> = [
   {
     logo: "/images/logiciels/school/fonctionnalites/Espaces.svg",
+    logoAlt: "Icône smartphone avec cadenas verrouillé",
     title: "ESPACES DÉDIÉS *",
     list: [
       "Administration",
       "Professeurs",
       "Élèves / Familles",
     ],
-    options: ["*Disponible sur tous supports"],
+    options: ["* Disponible sur tous supports"],
   },
   {
     logo: "/images/logiciels/school/fonctionnalites/Répertoire.png",
-
+    logoAlt: "Icône carnet annuaire",
     title: "RÉPERTOIRE",
     list: [
       "Élèves et responsable légaux",
@@ -42,15 +43,18 @@ const cards: Array<Functionality> = [
   },
   {
     logo: "/images/logiciels/school/fonctionnalites/Pré-inscription.png",
-    title: "PRÉINSCRIPTION EN LIGNE",
+    logoAlt: "Icône d'un fichier devant un écran d'ordinateur",
+    title: "PRÉINSCRIPTION EN LIGNE *",
     list: [
-      "Paramètrage personnalisé des formulaires & mails automatiques",
+      "Paramétrage personnalisé des formulaires & mails automatiques",
       "Gestion des réinscriptions et des nouvelles inscriptions",
       "Gestion des quotas et du suivi des préinscriptions en ligne",
     ],
+    options: ["* en option"]
   },
   {
     logo: "/images/logiciels/school/fonctionnalites/Agenda.png",
+    logoAlt: "Icône calendrier",
     title: "AGENDA",
     list: [
       "Création et gestion des cours, examens, événements et prestations pédagogiques",
@@ -60,6 +64,7 @@ const cards: Array<Functionality> = [
   },
   {
     logo: "/images/logiciels/school/fonctionnalites/Parc-matériel.png",
+    logoAlt: "Icône carton avec stylos et cahier à l’intérieur",
     title: "PARC MATÉRIEL ",
     list: [
       "Gestion de votre parc matériel (instruments, costumes, accessoires..)",
@@ -69,7 +74,7 @@ const cards: Array<Functionality> = [
   },
   {
     logo: "/images/logiciels/school/fonctionnalites/Suivi-pédagogique.png",
-
+    logoAlt: "Chapeau de diplômé américain",
     title: "SUIVI PÉDAGOGIQUE",
     list: [
       "Gestion du cursus pédagogique (critères personnalisables)",
@@ -79,7 +84,7 @@ const cards: Array<Functionality> = [
   },
   {
     logo: "/images/logiciels/school/fonctionnalites/Facture.png",
-
+    logoAlt: "Fichier arborant un symbole monétaire devant un écran d'ordinateur",
     title: "FACTURATION",
     list: [
       "Facturation automatisée selon différents critères",
@@ -89,7 +94,7 @@ const cards: Array<Functionality> = [
   },
   {
     logo: "/images/logiciels/school/fonctionnalites/Communication.png",
-
+    logoAlt: "Icône enveloppe, téléphone et bulle SMS",
     title: "COMMUNICATION",
     list: [
       "Édition et envoi de courriers, de mails ou de SMS*",
@@ -100,7 +105,7 @@ const cards: Array<Functionality> = [
   },
   {
     logo: "/images/logiciels/school/fonctionnalites/internet.png",
-
+    logoAlt: "Icône site internet",
     title: "SITE INTERNET ",
     list: [
       "Gestion intégrée au logiciel",
@@ -110,7 +115,7 @@ const cards: Array<Functionality> = [
   },
   {
     logo: "/images/logiciels/school/fonctionnalites/Statistiques.png",
-
+    logoAlt: "Icône graphique à barre avec ligne ascendante",
     title: "STATISTIQUES",
     list: [
       "Rapport d'activité complet en fonction de vos activités",
@@ -120,7 +125,7 @@ const cards: Array<Functionality> = [
   },
   {
     logo: "/images/logiciels/school/fonctionnalites/Agenda.png",
-
+    logoAlt: "Icône calendrier",
     title: "RÉSEAU CMF *",
     list: [
       "Accès au répertoire du réseau",
@@ -131,7 +136,7 @@ const cards: Array<Functionality> = [
   },
   {
     logo: "/images/logiciels/school/fonctionnalites/Promotion.png",
-
+    logoAlt: "Icône mégaphone",
     title: "PROMOTION DE VOTRE STRUCTURE & VOS ÉVÉNEMENTS ",
     list: [
       "Sur votre site internet intégré",

components/Logiciels/School/Formations.vue

@@ -115,10 +115,10 @@ const formations: Array<Formation> = [
 
   h3 {
     font-weight: 500;
-    font-size: 1.8rem;
+    font-size: 1.4rem;
     line-height: 26px;
-    color: var(--on-primary-color);
-    margin-bottom: 3rem;
+    color: var(--secondary-color) !important;
+    margin-bottom: 1.5rem;
   }
 
   h4 {
@@ -132,6 +132,8 @@ const formations: Array<Formation> = [
   .details {
     font-weight: 300;
     font-size: 1.2rem;
+    max-width: 650px;
+    text-align: justify;
     line-height: 1.5rem;
     color: var(--on-primary-color);
   }

components/Logiciels/School/SomeNumbers.vue

@@ -8,53 +8,58 @@
           </LayoutUISubTitle>
 
           <LayoutUITitle>
-            Pour les petits comme pour les GRANDS établissements d'enseignement artistique
+            Pour les petits comme pour les GRANDS<br/>établissements d'enseignement artistique
           </LayoutUITitle>
         </v-row>
       </v-col>
     </v-row>
 
-    <v-container>
-      <v-row class="mb-12 card-container custom-row">
-        <v-col
-          lg="3"
-          class="d-flex justify-center align-center small-padding"
-        >
-          <CommonCardStat
-            number="30 > 1 500"
-            text="Élèves"
-          />
-        </v-col>
-        <v-col
-          lg="3"
-          class="d-flex justify-center align-center"
-        >
-          <CommonCardStat
-            number="234"
-            text="Clients"
-          />
-        </v-col>
-        <v-col
-          lg="3"
-          class="d-flex justify-center align-center"
-        >
-          <CommonCardStat
-            number="20 304"
-            text="Utilisateurs"
-          />
-        </v-col>
-        <v-col
-          lg="3"
-          class="d-flex justify-center align-center"
-        >
-          <CommonCardStat
-            number="13"
-            text="Années d'expérience"
-          />
-        </v-col>
-      </v-row>
-    </v-container>
-    <v-row />
+    <v-row class="mb-12 card-container center-90">
+      <v-col
+        lg="3"
+        md="6"
+        cols="12"
+        class="d-flex justify-center align-center small-padding"
+      >
+        <CommonCardStat
+          number="30 > 1 500"
+          text="Élèves"
+        />
+      </v-col>
+      <v-col
+        lg="3"
+        md="6"
+        cols="12"
+        class="d-flex justify-center align-center"
+      >
+        <CommonCardStat
+          number="139"
+          text="Clients"
+        />
+      </v-col>
+      <v-col
+        lg="3"
+        md="6"
+        cols="12"
+        class="d-flex justify-center align-center"
+      >
+        <CommonCardStat
+          number="153 602"
+          text="Utilisateurs"
+        />
+      </v-col>
+      <v-col
+        lg="3"
+        md="6"
+        cols="12"
+        class="d-flex justify-center align-center"
+      >
+        <CommonCardStat
+          number="15"
+          text="Années d'expérience"
+        />
+      </v-col>
+    </v-row>
 
     <CommonCarouselClients :items="items" >
       <template v-slot:title>
@@ -80,12 +85,6 @@ const items: Array<{ src: string, alt: string }> = [
   --on-primary-color-alt: var(--secondary-color);
 }
 
-.custom-row {
-  width: 90%;
-  margin-right: auto;
-  margin-left: auto;
-}
-
 .v-row {
   max-width: 1600px;
   margin: 0 auto;

components/Webinaire/Catalogue.vue

@@ -10,11 +10,11 @@
       <v-row class="center-90">
         <v-col cols="12" class="section-title">
           <h3>
-            SIMPLIFIEZ LA GESTION ET LA COMMUNICATION DE VOTRE STRUCTURE CULTURELLE
+            Simplifiez la gestion et la communication de votre structure culturelle
           </h3>
 
           <div class="strong-label">
-            Votre orchestre, école de danse ou votre fédération mérite les outils les plus performants du marché pour briller en toute simplicité.
+            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>
@@ -292,15 +292,14 @@ const closeModal = () => {
 .section-title {
   display: flex;
   flex-direction: column;
-  align-items: center;
 
   h3 {
-    font-size: 2rem;
+    font-size: 42px;
     letter-spacing: .1rem;
     line-height: 3.5rem;
     margin-bottom: .5rem;
     margin-top: 2rem;
-    text-transform: uppercase;
+
   }
 
   .strong-label {
@@ -309,8 +308,6 @@ const closeModal = () => {
     letter-spacing: .1rem;
     line-height: 2rem;
     margin-bottom: 1rem;
-    text-align: center;
-    text-transform: uppercase;
   }
 }
 

components/Webinaire/FAQ.vue

@@ -38,9 +38,8 @@ Foire aux questions
         <div
           v-if="isOpen(index)"
           class="answer"
-        >
-          {{ item.answer }}
-        </div>
+          v-html="item.answer"
+        />
       </div>
     </div>
   </LayoutContainer>
@@ -76,7 +75,7 @@ const faqItems: Array<FaqEntry> = [
   },
   {
     question: 'J\'ai besoin d\'aide...',
-    answer: 'Notre équipe est là pour vous. <button style="background-color: #0E2D32; color: #fff; border: none;border-radius: 4px;padding: 0.5rem 1rem;cursor: pointer;"   class="contact-btn" onclick="window.location.href=\'/nous-contacter\'">Contactez-nous</button>'
+    answer: 'Notre équipe est là pour vous. <br/><button style="background-color: #0E2D32; color: #fff; border: none;border-radius: 4px;padding: 0.5rem 1rem;cursor: pointer;margin-top: 6px;"   class="contact-btn" onclick="window.location.href=\'/nous-contacter\'">Contactez-nous</button>'
 }];
 
 const activeIndex: Ref<number | null> = ref(null);

pages/formations.vue

@@ -14,11 +14,7 @@
   <CommonBanner
     image-src="images/formation/banner.jpg"
     image-alt="Formation dans une salle de réunion ou 5 personnes regardent un écran"
-  >
-    <template #watermark>
-      Et si vous passiez rapidement à la vitesse supérieure...
-    </template>
-  </CommonBanner>
+  />
 
   <CommonMenuScroll v-if="lgAndUp" :menus="menus" class="mb-6" />
 

pages/opentalent_artist.vue

@@ -35,6 +35,8 @@
 
     <LogicielsArtistAbonnement />
 
+    <CommonContact class="mb-12"/>
+
     <LogicielsArtistFormations />
 
     <LogicielsArtistReviews />

pages/opentalent_school.vue

@@ -34,7 +34,7 @@
 
     <LogicielsSchoolComparatif />
 
-    <LogicielsSchoolContact />
+    <CommonContact />
 
     <LogicielsSchoolFormations />
 
@@ -59,7 +59,7 @@ const menus: Array<MenuScroll> = [
   { anchor: "functionalities", label: "Fonctionnalités" },
   { anchor: "comparative", label: "Comparatif" },
   { anchor: "contact", label: "Contact" },
-  { anchor: "webinars", label: "Wébinaires" },
+  { anchor: "webinars", label: "Formations" },
   { anchor: "testimonials", label: "Témoignages" },
 ];
 
@@ -83,7 +83,7 @@ const stickyMenuActions: Array<ActionMenuItem> = [
     color: "primary",
     icon: "fa-brands fa-readme icon",
     text: "Brochure",
-    url: "https://www.opentalent.fr/fileadmin/stockage/commercial/plaquettes_commerciales/De%CC%81pliant-school_23.pdf",
+    url: "/files/Dépliant-Opentalent_School_2024.pdf",
   },
   {
     type: ActionMenuItemType.CALL_US,

pages/qui-sommes-nous.vue

@@ -10,7 +10,7 @@
 
   <LayoutUITitlePage class="mb-12">
     Qui sommes-nous ?
-    <template #subtitle>L’entreprise Opentalent, historique, valeurs et équipe, découvrez-nous.</template>
+    <template #subtitle>Découvrez qui nous sommes et ce qui nous anime</template>
   </LayoutUITitlePage>
 
   <CommonBanner

pages/webinaires.vue

@@ -8,7 +8,7 @@
 
   <LayoutUITitlePage>
     Webinaires de présentation Opentalent
-    <template #subtitle>Partez à la découverte de notre gamme de logiciels Opentalent.</template>
+    <template #subtitle>Partez à la découverte de notre gamme de logiciels Opentalent</template>
   </LayoutUITitlePage>
 
   <CommonBanner
@@ -22,27 +22,3 @@
 
   <LayoutFooterPrefooter />
 </template>
-
-<script setup>
-</script>
-
-<style scoped>
-
-/* TODO: review and harmonize with other titles */
-:deep(h2) {
-  font-size: 1.5rem;
-  font-weight: normal !important;
-  line-height: 2rem;
-  letter-spacing: .1rem;
-  margin-bottom: 1rem;
-}
-
-:deep(h1) {
-  font-size: 2rem;
-  line-height: 3.5rem;
-  letter-spacing: .1rem;
-  margin-top: 2rem;
-  margin-bottom: .5rem;
-  text-transform: uppercase;
-}
-</style>