Add 'frontend/' from commit 'c070c0315d66a44154ab7d9f9ea6c211a15f4dba'

git-subtree-dir: frontend
git-subtree-mainline: 205a3bd14b
git-subtree-split: c070c0315d

frontend/src/views/documentation/HelpAndContact.vue

@@ -0,0 +1,42 @@
+<template>
+  <div>
+    <h1 class="h1-tos py-10   flex items-center justify-center uppercase">Aide et contact</h1>
+  </div>
+
+  <div class="mx-auto max-w-[1000px] px-4">
+    <p class="text-justify p-tos">
+      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 class="h2-tos">FAQ (Foire Aux Questions)</h2>
+    <p class="text-justify">
+      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 class="h2-tos">Contactez-Nous</h2>
+    <p class="text-justify">
+      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 class="text-justify">
+      - 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 class="h2-tos">Assistance Technique</h2>
+    <p class="text-justify">
+      Rencontrez-vous un problème technique ?
+      Notre équipe d'assistance est là pour vous aider : <a href="mailto:support@hutopy.com" style="color: #a30e79;">support@hutopy.com</a>
+    </p>
+    <p class="text-justify my-5">
+      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>
+@import '@/cssstyle/tosstyle.css';
+</style>
+<script setup lang="ts">
+</script>