Ajout des pages informatives ainsi que les liens

2024-04-07 23:19:02 -04:00
parent ba2e21128f
commit b74a915cea
9 changed files with 404 additions and 7 deletions
--- a/src/views/tos/HelpAndContact.vue
+++ b/src/views/tos/HelpAndContact.vue
@@ -0,0 +1,57 @@
+<template>
+
+    <body style="background-color: #f4f4f4;">
+        <DefaultLayout></DefaultLayout>
+        <div>
+            <v-row class="fluid" style="margin-top: -30px; position: relative; z-index: 0;" hidden-md-and-down>
+                <v-col cols="12" class="pa-0" style="width: 100vw; overflow: hidden;">
+                    <v-img class="profile-banner" max-height="375" src="./../../../images/tos/headerbackground.png"
+                        cover style="box-shadow: 0 4px 6px rgba(0, 0, 0, 0.8);"></v-img>
+                </v-col>
+            </v-row>
+
+            <v-container style="z-index: 100; position: relative;">
+                <v-row justify="center" align="center" style="color:white; margin-top: -250px;"
+                    class="header-text-size">
+                    <v-typography class="headline text-center">Aide et Contact</v-typography>
+                </v-row>
+            </v-container>
+
+
+            <v-container style="z-index: 100; position: relative;">
+                <v-row justify="center" align="center">
+                    <v-spacer></v-spacer>
+                    <v-col cols="7">
+                        <p class="text-start">
+                            Bienvenue dans notre espace d'assistance ! Que vous soyez un créateur à la recherche de
+                            conseils
+                            pour optimiser votre présence sur Hutopy, ou un utilisateur curieux d'en apprendre plus sur
+                            notre
+                            plateforme, vous êtes au bon endroit. Notre objectif est de vous fournir tout le soutien
+                            nécessaire
+                            pour que votre expérience sur Hutopy soit aussi enrichissante et agréable que possible.
+                        </p>
+                    </v-col>
+                    <v-spacer></v-spacer>
+                </v-row>
+            </v-container>
+        </div>
+
+
+
+        <FooterLayout></FooterLayout>
+
+    </body>
+</template>
+
+<script setup>
+import DefaultLayout from '@/layouts/DefaultLayout.vue';
+import FooterLayout from '@/layouts/FooterLayout.vue';
+
+</script>
+
+<style>
+.header-text-size {
+    font-size: 4rem;
+}
+</style>