Merge branch 'hotfix/V8-6715-qualiopi-maj-site-logiciel' into develop

components/Formation/Catalogue.vue

@@ -15,7 +15,7 @@
             v-for="(course, index) in courses"
             :key="index"
             cols="12"
-            lg="4"
+            lg="6"
           >
             <v-card class="mb-4">
               <v-card-text>
@@ -195,6 +195,34 @@ const courses: Array<Training> = [
       runtimeConfig.public.fileStorageBaseUrl +
       '/Programme_de_formation/PF-Typo3_1-jour.pdf',
   },
+  {
+    number: '04',
+    title: 'Formation Métabase',
+    // imageUrl: "/images/opentalent_school_black.jpg",
+    description:
+      'Cette formation est destinée aux utilisateurs de Métabase, qu’ils soient novices ou déjà familiers avec le logiciel. Elle est optionnelle et vise à approfondir la maîtrise des outils d’analyse de données afin de permettre une utilisation optimale des tableaux de bord et rapports personnalisés.',
+    objectives: [
+      'Savoir naviguer dans le logiciel et les données',
+      'Savoir créer des questions et des tableaux de bord',
+      'Savoir organiser et partager les résultats',
+    ],
+    duration: '14h',
+    program: [
+      {
+        id: 1,
+        objectives: [
+          'Présentation de Métabase',
+          'Questions',
+          'Tableaux de bord',
+          'Organisation',
+        ],
+      },
+    ],
+    price: '2008,80€ HT',
+    url:
+      runtimeConfig.public.fileStorageBaseUrl +
+      '/Programme_de_formation/PF-Metabase_2-jours.pdf',
+  },
 ]
 </script>
 
@@ -213,6 +241,8 @@ const courses: Array<Training> = [
     border: none !important;
     box-shadow: none !important;
     background-color: transparent !important;
+    max-width: 700px;
+    margin: 0 auto;
   }
 
   .title-card-container {

components/Formation/Certification.vue

@@ -1,7 +1,7 @@
 <template>
   <AnchoredSection id="certification">
     <LayoutContainer>
-      <v-row class="center-90">
+      <v-row class="center-90 mb-4">
         <v-col cols="12" md="5">
           <LayoutUISubTitle> DES FORMATIONS CERTIFIÉES </LayoutUISubTitle>
 
@@ -37,6 +37,17 @@
             src="/images/logos/qualiopi/Logo-Qualiopi_Processus_Certifié-Republique_Française.png"
             alt="Deux personnes en train d’échanger sur un projet devant deux ordinateurs dans un open space"
           />
+
+          <v-btn
+            max-width="510px"
+            :href="
+              runtimeConfig.public.fileStorageBaseUrl +
+              '/Certificat_de_Conformite_QUALIOPI.pdf'
+            "
+            target="_blank"
+          >
+            Visualiser notre certificat Qualiopi
+          </v-btn>
         </v-col>
       </v-row>
     </LayoutContainer>
@@ -45,6 +56,8 @@
 
 <script setup lang="ts">
 import AnchoredSection from '~/components/Layout/AnchoredSection.vue'
+
+const runtimeConfig = useRuntimeConfig()
 </script>
 
 <style scoped lang="scss">
@@ -73,12 +86,22 @@ ul {
 .image-container {
   display: flex;
   flex-direction: column;
-  justify-content: center;
+  justify-content: space-around;
+  align-items: center;
 
   .v-img {
     width: 80%;
     max-width: 500px;
     margin: auto;
   }
+
+  .v-btn {
+    background: var(--secondary-color);
+    color: var(--on-secondary-color);
+
+    @media (max-width: 1024px) {
+      margin-top: 24px;
+    }
+  }
 }
 </style>