Adds messages

src/views/documentation/HelpAndContact.vue

@@ -0,0 +1,86 @@
+<template>
+
+  <div class="content">
+
+    <h1>Aide et Contact</h1>
+
+    <p>
+      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>
+
+    <h2>
+      FAQ (Foire Aux Questions)
+    </h2>
+
+    <p>
+      Retrouvez les réponses aux questions les plus fréquemment posées concernant l'utilisation
+      d’Hutopy, les fonctionnalités de la plateforme, les options de monétisation, et plus encore.
+      Consulter la FAQ
+    </p>
+
+    <h2>Contactez-Nous</h2>
+
+    <p>Nous sommes toujours ravis d'entendre nos utilisateurs ! Que ce
+      soit pour partager vos retours, poser une question spécifique, ou demander des
+      renseignements sur des partenariats, n'hésitez pas à nous contacter.</p>
+
+    <p>
+      - Par E-mail : <a href="mailto:info@hutopy.com" style="color: #a30e79;">info@hutopy.com</a>
+      <br>
+      - Réseaux Sociaux : Nous sommes actifs sur <a href="https://www.facebook.com/Hutopy"
+                                                    style="color: #a30e79;">Facebook</a>, et <a
+        href="https://www.instagram.com/hutopy.inc"
+        style="color: #a30e79;">Instagram</a> <br>
+      - Suivez-nous pour rester informé et interagir avec notre communauté.
+    </p>
+
+    <h2>Assistance Technique</h2>
+
+    <p>
+      Rencontrez-vous un problème technique ? <br>
+      Notre équipe d'assistance est là pour vous aider :
+      <a href="mailto:support@hutopy.com" style="color: #a30e79;">support@hutopy.com</a>
+    </p>
+
+    <p>Nous sommes là pour rendre votre expérience sur Hutopy aussi fluide
+      et positive que possible. N'hésitez pas à nous contacter pour toute aide supplémentaire !
+    </p>
+    
+  </div>
+
+</template>
+
+<style scoped>
+
+.important {
+  @apply m-2 text-red-500 my-4
+}
+
+.document {
+  @apply flex flex-col mx-10 space-y-4
+}
+
+h1 {
+  @apply self-center my-20 text-6xl font-bold
+}
+
+h2 {
+  @apply text-lg font-normal font-semibold font-sans
+}
+
+p {
+  @apply text-base font-normal font-sans
+}
+
+.member-profile-picture {
+  width: 250px;
+  height: auto;
+}
+
+</style>
+<script setup lang="ts">
+</script>