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

Remove stuff

Browse Source
This commit is contained in:
PascalMarchesseault
2025-01-09 12:09:12 -05:00
parent 14b4cab5fc
commit ac39f6aa76
1 changed files with 55 additions and 107 deletions
Download Patch File Download Diff File Expand all files Collapse all files

162
src/views/main/Home.vue
View File

@@ -1,56 +1,56 @@
<template> <template>
<div class="bg-gray-100"> <!-- <div class="bg-gray-100">-->
<div class="py-6"> <!-- <div class="py-6">-->
<div class=" mx-auto flex justify-center"> <!-- <div class=" mx-auto flex justify-center">-->
<img src="/images/hutopymedia/banners/hutopy.png" alt="Hutopy Logo" class="h-24"> <!-- <img src="/images/hutopymedia/banners/hutopy.png" alt="Hutopy Logo" class="h-24">-->
</div> <!-- </div>-->
</div> <!-- </div>-->
</div> <!-- </div>-->
<div class="mx-auto flex justify-center pt-10 max-w-[980px]"> <!-- <div class="mx-auto flex justify-center pt-10 max-w-[980px]">-->
<img src="/images/hutopymedia/homepage/bannierehomepage.png" alt="Create CallToAction" <!-- <img src="/images/hutopymedia/homepage/bannierehomepage.png" alt="Create CallToAction"-->
class="max-w-full block rounded-none md:rounded-2xl"> <!-- class="max-w-full block rounded-none md:rounded-2xl">-->
</div> <!-- </div>-->
<div> <!-- <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"> <!-- 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"> <!-- <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"> <!-- <img src="/images/hutopymedia/homepage/creer.png" alt="Create CallToAction" class="w-full rounded-2xl">-->
<div <!-- <div-->
class="absolute inset-0 bg-fuchsia-600 bg-opacity-0 group-hover:bg-opacity-80 flex items-center justify-center transition duration-300"> <!-- 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"> <!-- <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 <!-- 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é. <!-- monde rempli de possibilités infinies. Rejoignez-nous et transformez votre passion en réalité.-->
</p> <!-- </p>-->
</div> <!-- </div>-->
</div> <!-- </div>-->
<div class="relative group w-full max-w-[250px] md:max-w-[306px] rounded-2xl overflow-hidden mx-auto"> <!-- <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"> <!-- <img src="/images/hutopymedia/homepage/partager.png" alt="Share CallToAction" class="w-full rounded-2xl">-->
<div <!-- <div-->
class="absolute inset-0 bg-fuchsia-600 bg-opacity-0 group-hover:bg-opacity-80 flex items-center justify-center transition duration-300"> <!-- 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"> <!-- <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 <!-- 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 <!-- uniques, des interactions authentiques et une expérience personnalisée conçue pour éveiller vos sens et-->
enrichir votre quotidien. <!-- enrichir votre quotidien.-->
</p> <!-- </p>-->
</div> <!-- </div>-->
</div> <!-- </div>-->
<div class="relative group w-full max-w-[250px] md:max-w-[306px] rounded-2xl overflow-hidden mx-auto"> <!-- <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"> <!-- <img src="/images/hutopymedia/homepage/inspirer.png" alt="Inspire CallToAction" class="w-full rounded-2xl">-->
<div <!-- <div-->
class="absolute inset-0 bg-fuchsia-600 bg-opacity-0 group-hover:bg-opacity-80 flex items-center justify-center transition duration-300"> <!-- 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"> <!-- <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. <!-- 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 <!-- 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. <!-- dans un cercle vertueux de créativité et d'inspiration.-->
</p> <!-- </p>-->
</div> <!-- </div>-->
</div> <!-- </div>-->
</div> <!-- </div>-->
</div> <!-- </div>-->
<div> <div>
@@ -58,73 +58,21 @@
<div class="max-w-4xl mx-auto px-6 py-8 space-y-6"> <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"> <img src="/images/hutopymedia/homepage/votrehutopy.png" alt="YourHutopy" class="mx-auto mb-8">
<div class="grid grid-cols-1 md:grid-cols-2 gap-8"> <div>
<div class="space-y-4"> <div class="space-y-4">
<p class="text-lg leading-relaxed text-justify"> <p class="text-lg leading-relaxed text-justify">
Bienvenue sur Hutopy, votre nouvelle frontière de création, de connexion et d'innovation. Au 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.
cœur de notre mission réside une ambition audacieuse : transformer l'espace numérique en un
écosystème où chaque créateur, chaque rêveur, chaque professionnel, peut non seulement imaginer,
mais concrétiser son utopie personnelle. Hutopy est plus qu'une simple plateforme c'est une
communauté vibrante qui défie les conventions de l’éducation, encourage l'originalité et célèbre
la créativité.
</p>
<p class="text-lg leading-relaxed text-justify"> 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.
Chez Hutopy, nous croyons en la puissance de la créativité sans limites. Notre environnement est
conçu pour inspirer, soutenir et propulser chaque membre vers de nouveaux sommets de
réalisation. Qu'il s'agisse de vidéo, d'art, de musique, d'écriture, de formation ou de toute
autre forme d'expression, Hutopy offre les outils nécessaires pour que chaque vision puisse
prendre vie.
</p>
</div>
<div class="grid grid-cols-2 md:grid-cols-2 gap-4"> 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.
<img src="/images/hutopymedia/homepage/grinding.png" alt="Grinding" class="rounded-lg shadow-lg"> </p>
<img src="/images/hutopymedia/homepage/microphone.png" alt="Microphone" class="rounded-lg shadow-lg">
<img src="/images/hutopymedia/homepage/girlarmy.png" alt="Girl Army" class="rounded-lg shadow-lg"> </div>
<img src="/images/hutopymedia/homepage/girlvr.png" alt="Girl VR" class="rounded-lg shadow-lg">
</div>
</div> </div>
</div> </div>
<div class=" py-12">
<div class="max-w-4xl mx-auto px-6 space-y-8">
<h1 class="text-4xl font-bold text-center text-purple-900">Ils sont sur Hutopy.</h1>
<div class="grid grid-cols-1 md:grid-cols-3 gap-4">
<div class="flex justify-center items-center">
<RouterLink to="/@Hutopy">
<img src="/images/usersmedia/HutopyProfile/profilepictures/profileHutopyProfile02.png" alt="Profile Image"
class="rounded-2xl shadow-lg">
</RouterLink>
</div>
<div class="flex justify-center items-center">
<RouterLink to="/@guillaumem">
<img src="/images/usersmedia/guillaumeMousseau/profilepictures/profileGuillaumeMousseau01.jpg"
alt="Profile Image" class="rounded-2xl shadow-lg">
</RouterLink>
</div>
<div class="flex justify-center items-center">
<RouterLink to="/@chloebeaugrand">
<img src="/images/usersmedia/chloebeaugrand/profilepictures/profileChloeBeaugrand02.png"
alt="Profile Image" class="rounded-2xl shadow-lg">
</RouterLink>
</div>
</div>
<div class="flex justify-center">
<RouterLink to="/browse">
<v-btn variant="tonal" density="default" class="mb-2 w-full">
Découvre les autres créateurs
</v-btn>
</RouterLink>
</div>
</div>
</div>
</div> </div>
</template> </template>