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

Modification Main page

Browse Source
This commit is contained in:
PascalMarchesseault
2024-06-08 16:46:14 -04:00
parent e1e5dd04a5
commit 4cfcf91520
4 changed files with 897 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

107
src/views/tos/Frais.vue Normal file
View File

@@ -0,0 +1,107 @@
<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/hutopymedia/tospage/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">Frais</v-typography>
</v-row>
</v-container>
<v-row class="fluid d-flex justify-center" style="margin-bottom: 25px; margin-top: 25px;">
<v-col cols="auto">
<router-link :to="{ name: 'home' }">
<v-btn flat style="background-color: #f4f4f4;">
<v-icon left style="margin-right: 10px;">mdi-home</v-icon> Accueil
</v-btn>
</router-link>
</v-col>
</v-row>
<v-container style="z-index: 100; position: relative;">
<v-row justify="center" align="center">
<v-spacer></v-spacer>
<v-col cols="7">
<p style="font-weight: 600; font-size: 2rem; margin-bottom: 25px;">
Frais
</p>
<p style="margin-top: 25px; margin-bottom: 25px;">
Découvrez Hutopy, l'endroit où la valorisation de votre travail atteint son apogée. Avec une
commission réduite à seulement 9 %, notre engagement envers votre succès est palpable.
Chaque pourcentage prélevé est réinvesti avec soin pour catalyser votre croissance afin de
développer des fonctionnalités innovantes, maintenir une infrastructure technologique de
pointe, et un support utilisateur de premier ordre. Notre objectif ? Amplifier votre
expansion et garantir une expérience utilisateur sans précédent.
</p>
<p style="margin-top: 25px; margin-bottom: 25px;">
Pour chaque transaction, un frais minime assure la sécurité et la fiabilité des paiements,
grâce à un partenaire de confiance mondialement reconnu. Ce dernier sécurise des milliards
en transactions chaque année pour une diversité d'entreprises, à des entreprises en
démarrage aux conglomérats établis. Ce gage de sécurité est disponible pour une somme de 2,9
% plus un 0,30 $ par transaction, une petite contribution pour la tranquillité d'esprit et
la protection de vos revenus.
</p>
<p style="margin-top: 25px; margin-bottom: 25px;">
Notre modèle tarifaire, pensé pour la simplicité et la transparence, a pour ambition ultime
d'optimiser vos gains. Chez Hutopy, la notion de partenariat prend tout son sens : votre
épanouissement est au cœur de nos préoccupations. Bénéficiez d'une plateforme qui élargit
votre horizon créatif et entrepreneurial, tout en vous assurant que vos intérêts et ceux de
vos donnateurs sont précieusement gardés.
</p>
<p style="margin-top: 25px; margin-bottom: 25px;">
Hutopy est plus qu'une plateforme ; c'est une communauté où la transformation de la passion
en profit devient réalité, grâce au soutien indéfectible d'une équipe dévouée à enrichir
votre parcours. Nous vous invitons à nous rejoindre pour explorer ensemble les avenues de
succès, tout en vous garantissant une part conséquente de vos revenus. Embarquez dans une
aventure où votre présence en ligne ne connaît pas de limites, soutenue par Hutopy, votre
allié dans la quête du succès.
</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;
}
.member-profile-picture {
width: 250px;
height: auto;
}
</style>