Merged PR 65: Tos Transactions
Ajout d'un nouvel onglet dans le tos : Transactions
This commit is contained in:
Pascal Marchesseault
@@ -69,7 +69,8 @@ const links = [
|
|||||||
'Guide pour les créateurs',
|
'Guide pour les créateurs',
|
||||||
'Conditions générales',
|
'Conditions générales',
|
||||||
'Politique de Contenu',
|
'Politique de Contenu',
|
||||||
'À Propos'
|
'À Propos',
|
||||||
|
'Transactions'
|
||||||
];
|
];
|
||||||
|
|
||||||
const linkRoutes = {
|
const linkRoutes = {
|
||||||
@@ -78,7 +79,8 @@ const linkRoutes = {
|
|||||||
'Guide pour les créateurs': { name: 'guideforcreators' },
|
'Guide pour les créateurs': { name: 'guideforcreators' },
|
||||||
'Conditions générales': { name: 'termsandconditions' },
|
'Conditions générales': { name: 'termsandconditions' },
|
||||||
'Politique de Contenu': { name: 'contentpolicy' },
|
'Politique de Contenu': { name: 'contentpolicy' },
|
||||||
'À Propos': { name: 'about' }
|
'À Propos': { name: 'about' },
|
||||||
|
'Transactions': { name: 'transactions' }
|
||||||
};
|
};
|
||||||
|
|
||||||
// If broken link, redirect to home page.
|
// If broken link, redirect to home page.
|
||||||
|
|||||||
@@ -5,6 +5,7 @@ import FAQ from '@/views/tos/FAQ.vue'
|
|||||||
import GuideForCreators from '@/views/tos/GuideForCreators.vue'
|
import GuideForCreators from '@/views/tos/GuideForCreators.vue'
|
||||||
import HelpAndContact from '@/views/tos/HelpAndContact.vue'
|
import HelpAndContact from '@/views/tos/HelpAndContact.vue'
|
||||||
import TermsAndConditions from '@/views/tos/TermsAndConditions.vue'
|
import TermsAndConditions from '@/views/tos/TermsAndConditions.vue'
|
||||||
|
import Transactions from '@/views/tos/Transactions.vue'
|
||||||
import { createRouter, createWebHistory } from 'vue-router'
|
import { createRouter, createWebHistory } from 'vue-router'
|
||||||
import LoginView from '../views/LoginView.vue'
|
import LoginView from '../views/LoginView.vue'
|
||||||
import PaymentCompleted from '../views/PayementCompleted.vue'
|
import PaymentCompleted from '../views/PayementCompleted.vue'
|
||||||
@@ -95,6 +96,12 @@ const router = createRouter({
|
|||||||
component: About
|
component: About
|
||||||
},
|
},
|
||||||
|
|
||||||
|
{
|
||||||
|
path: '/transactions',
|
||||||
|
name: 'transactions',
|
||||||
|
component: Transactions
|
||||||
|
},
|
||||||
|
|
||||||
{
|
{
|
||||||
path: '/Hutopy',
|
path: '/Hutopy',
|
||||||
name: 'Hutopy',
|
name: 'Hutopy',
|
||||||
@@ -130,6 +137,14 @@ const router = createRouter({
|
|||||||
name: 'mathieucaron',
|
name: 'mathieucaron',
|
||||||
component: MathieuCaron
|
component: MathieuCaron
|
||||||
},
|
},
|
||||||
|
|
||||||
|
{
|
||||||
|
path: '/guillaumeaime',
|
||||||
|
name: 'guillaumeaime',
|
||||||
|
component: GuillaumeAime
|
||||||
|
},
|
||||||
|
|
||||||
|
|
||||||
],
|
],
|
||||||
scrollBehavior(to, from, savedPosition) {
|
scrollBehavior(to, from, savedPosition) {
|
||||||
return { top: 0 };
|
return { top: 0 };
|
||||||
|
|||||||
97
src/views/tos/Transactions.vue
Normal file
97
src/views/tos/Transactions.vue
Normal 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>
|
||||||
Reference in New Issue
Block a user