jbourdon/social-media
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add 'frontend/' from commit 'c070c0315d66a44154ab7d9f9ea6c211a15f4dba'

Browse Source 
git-subtree-dir: frontend
git-subtree-mainline: 205a3bd14b
git-subtree-split: c070c0315d
This commit is contained in:
Jonathan Bourdon
2025-01-15 15:24:17 -05:00
parent 205a3bd14b c070c0315d
commit ab911955ed
318 changed files with 29301 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

91
frontend/src/views/main/Home.vue Normal file
View File

@@ -0,0 +1,91 @@
<template>
<!-- <div class="bg-gray-100">-->
<!-- <div class="py-6">-->
<!-- <div class=" mx-auto flex justify-center">-->
<!-- <img src="/images/hutopymedia/banners/hutopy.png" alt="Hutopy Logo" class="h-24">-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="mx-auto flex justify-center pt-10 max-w-[980px]">-->
<!-- <img src="/images/hutopymedia/homepage/bannierehomepage.png" alt="Create CallToAction"-->
<!-- class="max-w-full block rounded-none md:rounded-2xl">-->
<!-- </div>-->
<!-- <div>-->
<!-- <div-->
<!-- class="mx-auto flex flex-col md:flex-row justify-center max-w-[1000px] space-y-2 md:space-x-4 md:space-y-0 py-5">-->
<!-- <div class="relative group w-full max-w-[250px] md:max-w-[306px] rounded-2xl overflow-hidden mx-auto">-->
<!-- <img src="/images/hutopymedia/homepage/creer.png" alt="Create CallToAction" class="w-full rounded-2xl">-->
<!-- <div-->
<!-- class="absolute inset-0 bg-fuchsia-600 bg-opacity-0 group-hover:bg-opacity-80 flex items-center justify-center transition duration-300">-->
<!-- <p class="text-white text-lg opacity-0 group-hover:opacity-100 transition duration-300 m-3 text-justify">-->
<!-- Libérez votre créativité sur Hutopy, où chaque idée trouve sa place et chaque créateur détient la clé d'un-->
<!-- monde rempli de possibilités infinies. Rejoignez-nous et transformez votre passion en réalité.-->
<!-- </p>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="relative group w-full max-w-[250px] md:max-w-[306px] rounded-2xl overflow-hidden mx-auto">-->
<!-- <img src="/images/hutopymedia/homepage/partager.png" alt="Share CallToAction" class="w-full rounded-2xl">-->
<!-- <div-->
<!-- class="absolute inset-0 bg-fuchsia-600 bg-opacity-0 group-hover:bg-opacity-80 flex items-center justify-center transition duration-300">-->
<!-- <p class="text-white text-lg opacity-0 group-hover:opacity-100 transition duration-300 m-3 text-justify">-->
<!-- Plongez dans l'univers Hutopy et découvrez un espace où profiter rime avec s'enrichir. Savourez des contenus-->
<!-- uniques, des interactions authentiques et une expérience personnalisée conçue pour éveiller vos sens et-->
<!-- enrichir votre quotidien.-->
<!-- </p>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="relative group w-full max-w-[250px] md:max-w-[306px] rounded-2xl overflow-hidden mx-auto">-->
<!-- <img src="/images/hutopymedia/homepage/inspirer.png" alt="Inspire CallToAction" class="w-full rounded-2xl">-->
<!-- <div-->
<!-- class="absolute inset-0 bg-fuchsia-600 bg-opacity-0 group-hover:bg-opacity-80 flex items-center justify-center transition duration-300">-->
<!-- <p class="text-white text-lg opacity-0 group-hover:opacity-100 transition duration-300 m-3 text-justify">-->
<!-- Devenez une source d'inspiration sur Hutopy, en partageant votre vision, votre talent et vos histoires.-->
<!-- Influencez positivement la communauté, éveillez la curiosité et inspirez les autres à poursuivre leurs rêves-->
<!-- dans un cercle vertueux de créativité et d'inspiration.-->
<!-- </p>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<div>
<!-- Main Content Section -->
<div class="max-w-4xl mx-auto px-6 py-8 space-y-6">
<img src="/images/hutopymedia/homepage/votrehutopy.png" alt="YourHutopy" class="mx-auto mb-8">
<div>
<div class="space-y-4">
<p class="text-lg leading-relaxed text-justify">
Notre plateforme offre à ses utilisateurs un espace dédié pour centraliser leurs réseaux sociaux sur leur page personnelle. Grâce à cette fonctionnalité, chaque utilisateur peut rediriger son audience vers ses différents comptes et sites web de manière simple et efficace.
De plus, notre site permet aux créateurs de recevoir des donations directement via leur page, leur offrant un moyen supplémentaire de soutien financier.
Ainsi, les utilisateurs peuvent facilement connecter leurs visiteurs à leur univers digital tout en renforçant leur communauté et en augmentant les interactions sur leurs autres plateformes de réseaux sociaux.
</p>
</div>
</div>
</div>
</div>
</template>
<style scoped>
.overlay p {
color: white;
font-size: 1.5rem;
text-align: center;
}
body {
background-color: #F4F4F4;
}
</style>