Merge pull request #11 from OHNIMUS-Leopold/branche-principale

Details correction

pages/contact.vue

@@ -35,6 +35,7 @@ const submitForm = async () => {
         } else {
             console.log(res.message);
             form.value = { name: '', email: '', message: '' };
+            alert('Votre message a bien été envoyé !');
         }
 
     } catch (error) {
@@ -74,8 +75,6 @@ const submitForm = async () => {
 
         <div class="margin" style="margin-bottom: 0;"> 
 
-            <SecondHeading class="lg:w-3/5 xl:w-2/5 mx-auto" title-black="Le " title-yellow="département" />
-
             <section class="grid grid-cols-1 xl:grid-cols-5 xl:gap-14">
                 <div class="col-span-3 xl:flex xl:flex-col xl:gap-4">
                     <AnimatedHeading class="text-noir mb-8" title="Le département" />
@@ -108,7 +107,7 @@ const submitForm = async () => {
             </section>
         </div>
 
-        <div class="pt-32 md:pt-36 relative">
+        <div class="pt-32 md:pt-36 relative -z-10">
             <img class="object-cover h-[150px] md:h-auto" src="@/assets/images/bitmap/bande-contact.png" alt="Étudiants qui travaillent">
             <p class="absolute top-1/2 translate-y-1/2 left-1/2 -translate-x-1/2 text-white font-semibold font-poppins text-7xl">Contact</p>
         </div>

pages/mentions-legales.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import heroImg from '@/assets/images/bitmap/hero-mentions.png';
+import { RouterLink } from 'vue-router';
 
 useSeoMeta({
     title: 'Mentions légales | MMI Montbéliard',
@@ -56,7 +57,7 @@ useSeoMeta({
             <p class="text-noir mt-1 mb-6 md:mt-3 md:mb-8">
                 Ce site peut recueillir des données personnelles via des formulaires de contact ou
                 d’inscription. Ces informations sont traitées conformément à notre politique de
-                confidentialité, accessible [lien vers la politique de confidentialité].
+                confidentialité, accessible <RouterLink class="text-jaune hover:text-noir duration-500" to="/confidentialite">ici !</RouterLink>
             </p>
             <h3 class="text-noir uppercase">
                 Cookies