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

Merged PR 65: Tos Transactions

Browse Source 
Ajout d'un nouvel onglet dans le tos : Transactions
This commit is contained in:
Pascal Marchesseault
2024-05-24 23:56:27 +00:00
parent 5f4946112b d6250ccf20
commit 1eef16ee80
3 changed files with 116 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/layouts/FooterLayout.vue
View File

@@ -69,7 +69,8 @@ const links = [
'Guide pour les créateurs',
'Conditions générales',
'Politique de Contenu',
'À Propos'
'À Propos',
'Transactions'
];
const linkRoutes = {
@@ -78,7 +79,8 @@ const linkRoutes = {
'Guide pour les créateurs': { name: 'guideforcreators' },
'Conditions générales': { name: 'termsandconditions' },
'Politique de Contenu': { name: 'contentpolicy' },
'À Propos': { name: 'about' }
'À Propos': { name: 'about' },
'Transactions': { name: 'transactions' }
};
// If broken link, redirect to home page.

15
src/router/index.js
View File

@@ -5,6 +5,7 @@ import FAQ from '@/views/tos/FAQ.vue'
import GuideForCreators from '@/views/tos/GuideForCreators.vue'
import HelpAndContact from '@/views/tos/HelpAndContact.vue'
import TermsAndConditions from '@/views/tos/TermsAndConditions.vue'
import Transactions from '@/views/tos/Transactions.vue'
import { createRouter, createWebHistory } from 'vue-router'
import LoginView from '../views/LoginView.vue'
import PaymentCompleted from '../views/PayementCompleted.vue'
@@ -95,6 +96,12 @@ const router = createRouter({
component: About
},
{
path: '/transactions',
name: 'transactions',
component: Transactions
},
{
path: '/Hutopy',
name: 'Hutopy',
@@ -130,6 +137,14 @@ const router = createRouter({
name: 'mathieucaron',
component: MathieuCaron
},
{
path: '/guillaumeaime',
name: 'guillaumeaime',
component: GuillaumeAime
},
],
scrollBehavior(to, from, savedPosition) {
return { top: 0 };

97
src/views/tos/Transactions.vue Normal file
View File

@@ -0,0 +1,97 @@
<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">Transactions</v-typography>
</v-row>
</v-container>
<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;">
Transactions
</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>