Merged PR 34: Contact modal

src/views/main/ContactView.vue

@@ -41,6 +41,11 @@
                   <v-btn style="background-color: rgb(163, 14, 121); color: white; font-weight: bold;"
                     class="mt-4 send-btn" block>Envoyez </v-btn>
                 </RouterLink>
+                <v-btn @click="showModal = true"
+                  style="background-color: rgb(163, 14, 121); color: white; font-weight: bold;" class="mt-4 send-btn"
+                  block>
+                  Test
+                </v-btn>
               </v-col>
             </v-row>
 
@@ -150,14 +155,44 @@
         dans le ciel de notre utopie partagée.
       </p>
     </div>
+
+
+
     <FooterLayout></FooterLayout>
   </div>
+
+
+
+
+  <v-dialog v-model="showModal" max-width="600">
+    <v-card>
+      <v-card-title class="text-center" style="margin-top: 30px; margin-bottom: 40px;">
+        <p style="font-size: 2rem; font-weight: 600">INFORMATIONS REÇU</p>
+      </v-card-title>
+      <v-icon class="mx-auto" style="font-size: 10em; color: #a30e79;">mdi-emoticon-happy</v-icon>
+      <v-card-text style="margin-top: 40px; font-size: 1.3rem; margin-bottom: 50px;" class="text-justify">
+        Merci de vous intéresser à notre projet. Lorsque nous serons prêts, nous vous contacterons afin que vous
+        puissiez vous inscrire en primeur sur la plateforme pour nous aider à la développer. Chaque étape du
+        développement est importante, et nous voulons construire cette plateforme avec vous, pour vous.
+      </v-card-text>
+      <v-card-actions class="justify-end" style="margin-right: 20px;">
+        <v-btn size="large" class="text-center" color="primary" text @click="showModal = false">Fermer</v-btn>
+      </v-card-actions>
+
+    </v-card>
+  </v-dialog>
+
+
+
 </template>
 
 
+
 <script setup>
 import DefaultLayout from '@/layouts/DefaultLayout.vue';
 import FooterLayout from '@/layouts/FooterLayout.vue';
+import { ref } from 'vue';
+const showModal = ref(false);
 </script>