<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>
