Symfony Profiler

{% extends 'base.html.twig' %}
{% block title %}
Collectez vos dons, vos adhésions et abonnements avec notre solution de paiement en ligne Sport adhesion
{% endblock %}
{% block stylesheets %}
<link rel="stylesheet" href="{{ asset('/css/pages/online-payment.css') }}" />
{% endblock %}
{% block body %}
<div class="slider">
<div class="usefull-width item-slider">
<div>
<H1 class="item-header-h">
Collectez vos
<br/><span class="color">paiements en ligne</span>
</H1>
<div class="item-inscription hidden-xs">
<div class="title">
Commencez votre essai gratuitement
</div>
<form class="header-form" action="{{ path('signup') }}" method="POST">
<input name="email" class="form-control" placeholder="Tapez votre e-mail..." required="required"/>
<input name="typeLd" type="hidden" value="{{ website_name ~ ' :: members-form' }}" />
<button class="button_theme">
Commencer
</button>
</form>
<div class="item-sentence">
<b>Pas besoin</b> de <b>carte bancaire</b> lors de l’inscription, aucuns frais cachés.
</div>
</div>
</div>
<div class="item-wrapped hidden-xs">
<div class="launch-vids">
<img src="{{ asset('/images/pages/online-payment/sport-adhesion-header-preview.svg') }}" />
</div>
</div>
</div>
</div>
<div class="item-call-mob">
Commencez votre essai gratuitement
</div>
<div class="item-vid curve">
<a href="{{ path('signup') }}" class="button_theme">
Créer mon compte
</a>
<img src="{{ asset('/images/pages/online-payment/sport-adhesion-header-preview.svg') }}" height="200" width="auto"/>
</div>
<div class="usefull-width">
<div class="row-fluid">
<H2 class="marginT-mob-40">
Collectez vos dons, vos adhésions et abonnements...
</H2>
</div>
<section>
<div class="item-content">
<div class="item-column unl-padding-f-mob align-right">
<div class="cell-widget item-bg-blue">
<img src="{{ asset('/images/pages/online-payment/preview-campaign.webp') }}" class="item-img-screen marginT-mob-60"/>
</div>
</div>
<div class="item-column init-mob">
<H3 class="item-cast">
Modifiez facilement le visuel de vos campagnes de paiement
</H3>
<div class="text-widget hidden-xs">
Vous recherchez une solution de paiement en ligne pour votre structure sportive !
<br/><br/>
Avec Sport adhesion, collectez vos dons, adhésions et abonnements grâce aux campagnes de paiement en ligne.
<br/><br/>
Les campagnes de paiement en ligne représentent un excellent moyen de communication avec vos clients afin de les encourager à consommer vos services.
</div>
</div>
</div>
<div class="text-widget visible-xs">
Vous recherchez une solution de paiement en ligne pour votre structure sportive !
<br/><br/>
Avec Sport adhesion, collectez vos dons, adhésions et abonnements grâce aux campagnes de paiement en ligne.
<br/><br/>
Les campagnes de paiement en ligne représentent un excellent moyen de communication avec vos clients afin de les encourager à consommer vos services.
</div>
<a href="{{ path('signup') }}" class="button_theme btnlg with-auto-margin visible-xs">
Essayez gratuitement
</a>
<div class="item-content item-bg-blue">
<div class="item-column">
<H3 class="item-cast">
Configurez vos formulaires
</H3>
<div class="text-widget hidden-xs">
Il n'a jamais été aussi facile de modifiez les paramètres d'un formulaire !
<br/><br/>Avec {{ website_name|lower }}, modifier vos formulaires de campagne rapidement. En quelques clics, vous décidez quels éléments vos clients devront vous fournir (photo, Qs sport, certificat médical, adresse...).
</div>
</div>
<div class="item-column">
<div class="cell-widget item-bg-blue with-all-align">
<img src="{{ asset('/images/pages/online-payment/manage-your-form-sport-adhesion.svg') }}" class=" marginT-mob-80"/>
</div>
</div>
</div>
<div class="text-widget visible-xs">
Il n'a jamais été aussi facile de modifiez les paramètres d'un formulaire !
<br/><br/>Avec {{ website_name|lower }}, modifier vos formulaires de campagne rapidement. En quelques clics, vous décidez quels éléments vos clients devront vous fournir (photo, Qs sport, certificat médical, adresse...).
</div>
<div class="item-content">
<div class="item-column">
<div class="cell-widget item-bg-white with-all-align paddingT-mob-30">
<img src="{{ asset('/images/pages/online-payment/formula-preview-campaign-payment-sport-adhesion.svg') }}" height="100%" width="auto" class="marginT-mob-30" />
</div>
</div>
<div class="item-column init-mob">
<H3 class="item-cast">
Organisez vos tarifs et formules
</H3>
<div class="text-widget hidden-xs">
Grâce à une interface intuitive, organisez vos différentes formules sous forme de groupes tout en conservant une lecture claire.
<br/><br/>
Créez facilement de nouvelles formules, réductions et tarifs, modifiez les existants ou supprimez ceux qui ne sont plus nécessaires.
</div>
</div>
</div>
<div class="text-widget visible-xs">
Grâce à une interface intuitive, organisez vos différentes formules sous forme de groupes tout en conservant une lecture claire.
<br/><br/>
Créez facilement de nouvelles formules, réductions et tarifs, modifiez les existants ou supprimez ceux qui ne sont plus nécessaires.
</div>
<a href="{{ path('signup') }}" class="button_theme btnlg with-auto-margin visible-xs">
Créer mon compte
</a>
<div class="image-title hidden-lg hidden-md hidden-sm visble-xs">
Configurez<br/>vos modes de paiement
</div>
<div class="item-content unl-padding-mob">
<div class="item-column hidden-xs">
<H3 class="item-cast">
Configurez<br/>vos modes de paiement
</H3>
<div class="text-widget">
La mise en place de différents modes de paiement dans votre logiciel est désormais plus facile que jamais.
<br/><br/>
En quelques clics, vous pouvez configurer les modes de paiement que vous souhaitez proposer à vos clients. Vous pouvez mettre en place diverses solutions de paiement, telles que les cartes de crédit, PayPal, paiement en 3x, et bien plus encore.
<br/><br/>
Le processus de paiement est simple et sécurisé, et nécessite peu d'informations de la part de vos clients.
</div>
</div>
<div class="item-column">
<div class="cell-widget unl-bg">
<img src="{{ asset('/images/pages/online-payment/manage-your-payment-sport-adhesion.svg') }}" class="spectre-img"/>
<div class="item-iddle hidden-xs">
<a href="{{ path('signup') }}" class="button_blue btnlg with-margin-top-20">
Essayez gratuitement
</a>
</div>
</div>
</div>
</div>
<div class="text-widget visible-xs">
La mise en place de différents modes de paiement dans notre logiciel est désormais plus facile que jamais.
<br/><br/>
En quelques clics, vous pouvez configurer les modes de paiement que vous souhaitez proposer à vos clients. Vous pouvez mettre en place diverses solutions de paiement, telles que les cartes de crédit, PayPal, paiement en 3x, et bien plus encore.
<br/><br/>
Le processus de paiement est simple et sécurisé, et nécessite peu d'informations de la part de vos clients.
</div>
</section>
<section>
<div class="row-fluid">
<H2 class="with-margin-top-60">
Gérez vos terrains
</H2>
<div class="hHook">
Gérez vos terrains avec une interface simple et ergonomique
</div>
</div>
<div id="grounds">
<div class="cell-widget item-lg">
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 with-padding-30 padding-mob-15">
<H3 class="item-title">
Automatisez<br/>les réservations de cours
</H3>
<div class="item-text hidden-xs">
Avec votre logiciel de gestion de structure sportive, vos clients peuvent effectuer en ligne leur inscription à un cours ou faire une réservation de salle, terrain ou autres espaces correspondants à votre structure.
<br/><br/>
Visionnez votre planning de la semaine en un clin d’oeil. Un système de réservation souple et complet capable de s'adapter à n'importe quel type de fonctionnement.
</div>
</div>
<div class="item-note">
<div class="note">
4,6 / 5
<br/>
selon nos utilisateurs
</div>
<div class="stars">
<img src="{{ asset('/images/icons/stars.svg') }}" height="20" />
</div>
</div>
<img src="{{ asset('/images/preview/app/grounds.png') }}" alt="gestion sportive Terrain de sport" width="auto" height="370" class="right pic-grounds">
<div class="item-iddle">
<a href="{{ path('signup') }}" class="button_theme btnlg with-margin-top-20">
Essayez gratuitement
</a>
</div>
</div>
<div class="item-text visible-xs">
Avec votre logiciel de gestion de club de sport, vos clients peuvent effectuer en ligne leur inscription ou annuler une réservation.
<br/><br/>
Visionnez votre planning de la semaine en un clin d’oeil. Un système de réservation souple et complet capable de s'adapter à n'importe quel type de fonctionnement.
</div>
</div>
</section>
</div>
<section class="row-fluid">
<div class="item-explain">
<div class="usefull-width">
<div class="title">
Inclus également
</div>
<div class="d-flex align-flex with-margin-top-60 marginT-pad-30 marginT-mob-30">
<div class="d-flex">
<div class="item-column">
<div class="item-included">
<i class="fas fa-solid fa-check"></i> Gestion des groupes
</div>
<div class="item-included">
<i class="fas fa-solid fa-check"></i> Gestion des stages
</div>
<div class="item-included">
<i class="fas fa-solid fa-check"></i> Gestion crénneaux libres
</div>
<div class="item-included">
<i class="fas fa-solid fa-check"></i> Vacances scolaires par zone
</div>
<div class="item-included">
<i class="fas fa-solid fa-check"></i> Info Personne à mobilité réduite
</div>
</div>
<div class="item-column">
<div class="item-included">
<i class="fas fa-solid fa-check"></i> Equipements terrains
</div>
<div class="item-included">
<i class="fas fa-solid fa-check"></i> Gestion horaires
</div>
<div class="item-included">
<i class="fas fa-solid fa-check"></i> Visuel jour et semaine
</div>
<div class="item-included">
<i class="fas fa-solid fa-check"></i> Multi-écran
</div>
<div class="item-included">
<i class="fas fa-solid fa-check"></i> Ecran présentation salle
</div>
</div>
</div>
</div>
<div class="d-flex align-flex with-padding-bottom-30">
<a href="{{ path('signup') }}" class="button_blue btnLg with-auto-margin with-margin-top-30">
Créer mon compte
</a>
</div>
</div>
</div>
</section>
<div class="usefull-width unl-padding">
<section class="row-fluid">
<div class="width-max with-margin-top-40" style="padding:0 7.5px;">
<H2>
5 Raisons de choisir Sport adhesion
</H2>
<div class="carroussel with-margin-top-30">
<div class="item-crsl">
{% if deals is not empty %}
{% for deal in deals %}
<div class="crlCntH">
<div class="crlBoxHome blueBoxW">
<div class="picBoxCrl" style="background-image:url('{{ asset('images/pages/home/' ~ deal.getImage) }}');"></div>
<div class="width-max">
{{ deal.getTitleFr }}
</div>
</div>
</div>
{% endfor %}
{% endif %}
</div>
</div>
</div>
</section>
</div>
<div class="usefull-width">
<section>
<div class="row-fluid">
<H2>
Questions fréquentes
</H2>
<div class="hHook">
Les questions les plus demandées
</div>
<div class="item-faq">
{% set i = 1 %}
{% set read = '' %}
{% if faq is not empty %}
{% set max = faq|length / 2 %}
{% for question in faq %}
{% if i == 1 %}
{% set read = read ~ '<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 unl-padding-mob">' %}
{% endif %}
{% set read = read ~ '<div class="title dimQuest">
<i class="fas fa-question-circle fa-lg"></i>
 ' ~ question.getQuestionFr ~ '
<div class="arrow">
<i class="fas fa-sort-down"></i>
</div>
<div class="answer">
' ~ question.getReponseFr ~ '
</div>
</div>' %}
{% if i == max %}
{% set read = read ~ '</div>' %}
{% set i = 0 %}
{% endif %}
{% set i = i + 1 %}
{% endfor %}
{% if i != 1 %}
{% set read = read ~ '</div>' %}
{% endif %}
{% endif %}
{{ read|raw }}
</div>
</div>
</section>
<section>
<div class="row-fluid">
<div class="item-try-it unl-margin" style="font-weight:initial;">
Le meilleur moyen de savoir, c’est d’essayer !
</div>
<a href="{{ path('signup') }}" class="button_theme btnlg with-auto-margin with-margin-top-20">
Essayez gratuitement
</a>
</div>
</section>
<div class="row-flex">
<div class="height-100 width-max"></div>
</div>
<ol class="breadcrumb unl-margin">
<li class="breadcrumb-item"><a href="{{ path('home') }}" alt="Les fonctionnalités de {{ website_name }}">Fonctionnalités</a></li>
<li class="breadcrumb-item active" aria-current="page">Collectez vos paiements en ligne</li>
</ol>
</div>
{% endblock %}
{% block javascriptFooter %}
<script>
$(document).ready(function(){
if(width >= 1024){
var crsl = (parseFloat($('.item-crsl').parent().width()) / 4);
$('.crlCntH').css({'width':crsl,'max-width':crsl});
}
initCarroussel(width, '.item-crsl', 'crlCntH');
$(window).on('resize',function() {
width = $(window).width();
if(width >= 1024){
$('.item-crsl').cycle('destroy');
var crsl = (parseFloat($('.item-crsl').parent().width()) / 4);
$('.crlCntH').css({'width':crsl,'max-width':crsl});
}
initCarroussel(width, '.item-crsl', 'crlCntH');
});
});
</script>
{% endblock %}

templates/online-payment/index.html.twig line 1