{% extends 'base.html.twig' %}{% block title %}Coaching à distance transformation physique{% endblock %}{% block body %} <header> <div class="borderDesc flex justify-center items-center mt-10 pt-[10rem] pb-[10rem] sm:pt-[17rem] sm:pb-[17rem] p-4 borderSpaceTop" style="background: url('import/images/n18.jpg') center center / cover no-repeat fixed"> <h1 class="text-white flex justify-center lg:text-[60px] text-[30px] font-bold">Coaching à distance</h1> </div> <div class="relative"> <div class="borderDesc p-4 flex flex-col justify-center items-center bg-black borderSpaceBottom"> <h2 class="flex justify-center fontTitleLeo font-bold underline text-white text-center">Transformation physique</h2> <br> <div class="flex justify-center font3 text-center pb-4"> <p class="text-white">Ce coaching est conçu sur mesure pour vous aider à vous transformer et atteindre les objectifs que vous vous êtes fixés depuis si longtemps. Il s’agit d’un coaching sportif qui a pour but de pour vous faire passer à l’action et obtenir des résultats durables.</p> </div> <br> <div class="borderDesc2 flex flex-col justify-center bg-black text-white p-[0.65rem]"> <a class="cursor-pointer flex justify-center fontBorderDesc2 z-50" href="#DistanceCoachingFormules">Je choisis mon coaching</a> </div> </div> <br> </div> </header> <section class="flex flex-col items-center pt-[7rem] pb-[7rem] lg:pt-[10rem] lg:pb-[10rem]"> <h2 class="fontTitleLeo font-bold underline">Quel est votre objectif ?</h2> <div class="md:grid md:grid-cols-2 gap-16 pt-10"> <div class="flex flex-col items-center grid-span-1"> <div class="flex items-center"> <i class="fa-solid fa-person-running fa-2x"></i> <p class="TextGoalClamp pt-10 pb-10 font-semibold pl-4">Remise en forme</p> </div> <div class="flex items-center"> <i class="fa-solid fa-dumbbell fa-2x"></i> <p class="TextGoalClamp pt-10 pb-10 font-semibold pl-4">Prise de masse</p> </div> </div> <div class="flex flex-col items-center grid-span-1"> <div class="flex items-center"> <i class="fa-solid fa-fire fa-2x"></i> <p class="TextGoalClamp pt-10 pb-10 font-semibold pl-4">Perte de poids</p> </div> <div class="flex items-center"> <i class="fa-solid fa-heart-pulse fa-2x"></i> <p class="TextGoalClamp pt-10 pb-10 font-semibold pl-4">Sport-santé</p> </div> </div> </div> </section> <section class=''> <div class="bg-black pb-12 "> <h2 class="fontTitleLeo underline font-bold flex justify-center pt-8 md:text-5xl text-white pb-10">Où en êtes vous ?</h2> <div class="grid grid-cols-1 md:grid-cols-2 pt-10 "> <div class="flex justify-center "><img class="w-[65%] md-w-full" src="import/images/n11.jpg" alt=""></div> <div class="flex justify-center items-start"> <div class="flex flex-col justify-center borderWhereYouAt2 rounded-[0.5rem] mt-10 mx-1 md:mx-4 py-6"> <div class="flex flex-col justify-center md-w[80%]"> <div class="flex justify-around items-center pb-3 w-full relative lg:h-[80%] xl:h-[70%]"> <div></div> <h2 class="underline font-bold clampTitleWhereYouAt">Je ne veux plus</h2> <div> <i class="positionXmarkWhere fa-solid fa-circle-xmark fa-2x" style="color: #ff0a0a;"></i> </div> </div> <div> <p class="py-3 clampTextWhereYouAt2 text-justify px-3 lg:px-7">. Me laisser aller et culpabiliser.</p> <p class="py-3 clampTextWhereYouAt2 text-justify px-3 lg:px-7">. Me juger et douter de mon corps.</p> <p class="py-3 clampTextWhereYouAt2 text-justify px-3 lg:px-7">. Fuir le regard de mes proches.</p> <p class="py-3 clampTextWhereYouAt2 text-justify px-3 lg:px-7">. Être seul.e dans ce combat face à moi-même.</p> <p class="pt-3 clampTextWhereYouAt2 text-justify px-3 lg:px-7 mb-3 md:mb-6">. Me dire « Je ne sais pas par où commencer. Je ne me reconnais plus ».</p> </div> </div> </div> </div> </div> <div class="pt-20 p-10 flex justify-center"> <div class="flex justify-center borderWhereYouAt rounded-[0.5rem] mx-1 md:mx-4 lg:mx-6 h-[100%] md:h-[90%] lg:h-[80%] xl:h-[70%] try2"> <div class="flex flex-col"> <div class="flex justify-around items-center pt-5 relative"> <div></div> <h2 class="underline font-bold clampTitleWhereYouAt">Aujourd'hui je veux :</h2> <div> <i class="positionCheck fa-solid fa-circle-check fa-2x" style="color: #12e60f;"></i> </div> </div> <div> <p class="pt-3 pb-2 lg:py-4 clampTextWhereYouAt2 px-4 lg:px-7"> <strong>. Renouer avec mon corps</strong> que j’ai mis de côté depuis trop longtemps.</p> <p class="py-2 lg:py-4 clampTextWhereYouAt2 px-4 lg:px-7"> <strong>. Passer réellement à l’action</strong> pour atteindre l’objectif que je me suis fixé depuis si longtemps.</p> <p class="py-2 lg:py-4 clampTextWhereYouAt2 px-4 lg:px-7"> <strong>. Dépasser les peurs, les limites et les croyances</strong> qui me collent à la peau depuis trop longtemps.</p> <p class="py-2 lg:py-4 clampTextWhereYouAt2 px-4 lg:px-7"> <strong>. Retrouver confiance en mon corps,</strong> ma force et ma capacité à me dépasser.</p> <p class="pt-2 mb-10 lg:py-4 clampTextWhereYouAt2 px-4 lg:px-7"> <strong>. Être accompagné.ée</strong> dans ma transformation.</p> </div> </div> </div> </div> </div> </section> {# *********************************************** #} {# ******************** Cards ******************** #} {# *********************************************** #} <h1 class="flex justify-center fontTitleLeo font-bold underline pt-10" id="DistanceCoachingFormules">Nos formules</h1> <section class="flex justify-center bg-gray-200 py-10 border-solid border-black"> <div class="grid grid-cols-1 xl:grid-cols-2"> <div class="grid-span-1 w-[25rem] lg:w-[31rem] p-4 shad bg-white border border-gray-200 rounded-lg shadow md:mx-5 py-10 my-10 lg:my-0 xl:mx-6 mediaMargin text-[22px]"> <div class="flex items-center justify-end"> <strong>50€</strong> <p class="pl-[4px] text-[16px]">/mois</p> </div> <a href="#"> <h5 class="mb-6 text-[1.5rem] lg:text-[2rem] font-bold tracking-tight text-gray-900 flex justify-center underline">Coaching</h5> </a> <p class="mb-3 text-[16px] lg:text-[23.5px] text-gray-700 "> <strong>Sans suivi hebdomadaire</strong> </p> <div class="pb-10 h-[225px] lg:h-[318px] text-[16px] lg:text-[22px]"> <div class="flex items-center p-2"> <i class="fa-solid fa-check"></i> <p class="pl-2">Bilan téléphonique gratuit</p> </div> <div class="flex items-center p-2"> <i class="fa-solid fa-check"></i> <p class="pl-2">Séances pratiquées en autonomie</p> </div> <div class="flex items-center p-2"> <i class="fa-solid fa-check"></i> <p class="pl-2">Nombre de séances par semaine: à définir</p> </div> <div class="flex items-center p-2"> <i class="fa-solid fa-check"></i> <p class="pl-2">Durée minimale d’un coaching: 1 mois</p> </div> </div> <div> <h2 class="underline font-semibold pb-4 text-[16px] lg:text-[22px]">Accès privé sur notre plateforme :</h2> <p class="text-justify text-[12px] lg:text-[22px]">Bénéficiez d’un accès privé à notre vidéothèque de démonstration d’exercices sur votre espace personnel pour pratiquer en toute sécurité.</p> </div> <div class="flex justify-center pt-5"> <a href="#DistanceCoachingHowItWorks" class="buttonFormule text-center">Je me lance !</a> </div> </div> <div class="grid-span-1 w-[25rem] lg:w-[31rem] p-4 shad bg-white border border-gray-200 rounded-lg shadow md:mx-5 py-10 my-10 lg:my-0 xl:mx-6 mediaMargin text-[22px]"> <div class="text-end"> <p> <strong>70€</strong>/mois</p> </div> <a href="#"> <h5 class="mb-6 text-[1.5rem] lg:text-[2rem] font-bold tracking-tight text-gray-900 flex justify-center underline">Coaching</h5> </a> <p class="mb-3 text-[16px] lg:text-[23.5px] text-gray-700 "> <strong>Avec suivi hebdomadaire</strong> </p> <div class="pb-10 text-[16px] lg:text-[22px]"> <div class="flex items-center p-2"> <i class="fa-solid fa-check"></i> <p class="pl-2">Bilan téléphonique gratuit</p> </div> <div class="flex items-center p-2"> <i class="fa-solid fa-check"></i> <p class="pl-2">Séances pratiquées en autonomie</p> </div> <div class="flex items-center p-2"> <i class="fa-solid fa-check"></i> <p class="pl-2">Nombre de séances par semaine : à définir</p> </div> <div class="flex items-center p-2"> <i class="fa-solid fa-check"></i> <p class="pl-2">Durée minimale d’un coaching : 1 mois</p> </div> <div class="flex items-center p-2"> <i class="fa-solid fa-check"></i> <p class="pl-2">1 conseil sport santé & performance adapté à votre objectif chaque semaine</p> </div> </div> <div> <h2 class="underline font-semibold pb-4 text-[16px] lg:text-[22px]">Accès privé sur notre plateforme :</h2> <p class="text-justify text-[12px] lg:text-[22px]">Bénéficiez d’un accès privé à notre vidéothèque de démonstration d’exercices sur votre espace personnel pour pratiquer en toute sécurité.</p> </div> <div class="flex justify-center pt-5"> <a href="#DistanceCoachingHowItWorks" class="buttonFormule text-center ">Je me lance !</a> </div> </div> </div> </section> <section class="lg:pt-16 pt-0 pb-20"> <div class="bg-gray-200 pb-16"> <h1 class="mx-8 underline fontTitleLeo font-bold flex justify-center pt-8 text-center" id="DistanceCoachingHowItWorks">Comment ça marche ?</h1> <div class="grid lg:grid-cols-8 gap-4"> <br> <div class="lg:col-span-5 lg:col-end-7 lg:col-start-1 px-7 text-justify lg:pt-8"> <div class="px-5 md:px-[5.5rem] pb-12"> <div class="font-bold clampTitleHow flex justify-start pb-5 ">Coaching à distance. </div> <p class="clampTextHow"> 1. <span class="text-justify"> Remplissez le formulaire. Ce formulaire est important pour moi, il me permettra de mieux vous accompagner lors de notre premier rendez-vous téléphonique et de vérifier que vos besoins correspondent bien à ce que je propose dans mes coachings. </span> </p> <br> <p class="clampTextHow">2. Choisissez votre premier rendez-vous téléphonique entièrement gratuit parmi les créneaux disponibles. Cette prise de contact me permettra d’apprendre à mieux vous connaître et de mieux cerner vos attentes. Pour pouvoir en bénéficier, vous devez remplir le formulaire de contact et avoir un réel objectif à atteindre. </p> <br> <p class="clampTextHow">3. A la fin de notre appel, si la prise de contact est concluante des deux côtés et que vous souhaitez vous investir dans un coaching, alors je vous enverrai une proposition de devis. Celle-ci comprend la périodicité, le nombre de séances par semaine, le tarif global et les instructions pour procéder au paiement du coaching. </p> <br> <p class="clampTextHow">4. Le coaching à distance commence une fois que vous avez effectué le paiement de l’acompte et renvoyé le devis signé. </p> <br> </div> </div> <div class="lg:col-start-7 lg:col-span-2 flex flex-col justify-center items-center "> <img class="w-[80%]" src="import/images/n19.jpg" alt=""> </div> </div> <div class="flex justify-center relative"> <a href="{{path('app_reservation')}}" class="buttonHow fontButtonHow text-center w-42 buttonPhoto ">Prendre rendez-vous</a> </div> {# rajouter image ( une formulare une rendez vous ) #} </div> {# Titre sur image quand tu rentres sur la page / le carré juste apres le titre et l'image en section #} </section>{% endblock %}