Symfony Profiler

{% extends 'base.html.twig' %}
{% block title %}
Sport adhesion - Votre logiciel de gestion de structure sportive
{% endblock %}
{% block stylesheets %}
<script src="/js/auxiliary/dotlottie-player.js" async></script>
<link rel="stylesheet" href="{{ asset('/css/pages/home.css') }}" />
<link rel="stylesheet" href="{{ asset('/css/components/configurator-mob.css') }}" />
{% endblock %}
{% block body %}
<div class="slider curveSport">
<div class="usefull-width item-slider">
<div>
<H1 class="item-header-h">
Logiciel de gestion<br/>de vos activités <span class="color">sportives</span><br/>et
<span class="color">d'association !</span>
</H1>
</div>
<div class="item-wrapped">
{% include '/components/configurator.html.twig' %}
</div>
</div>
{% include '/components/configurator-mobile.html.twig' %}
</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/home/computer.webp') }}" alt="Apercu du logiciel"/>
</div>
<div class="usefull-width">
<div class="row-fluid">
<H2>
La plateforme dédié aux professionnels du sport
</H2>
<div class="hHook">
Gérez votre structure sportive depuis une seule application.
</div>
</div>
<section>
<div class="item-content item-bg-green">
<div class="item-column">
<div class="cell-widget bg-e7fdd8">
<dotlottie-player
autoplay
loop
role="presentation"
mode="normal"
background="transparent"
src="lottieFiles/home/sa-easysearch.lottie"
style="width: clamp(300px,100%, 444px);">
</dotlottie-player>
<div class="item-iddle hidden-xs">
<a href="{{ path('member') }}" class="button_blue btnlg with-margin-top-20">
En savoir plus
</a>
</div>
</div>
</div>
<div class="item-column intial-mob-h3">
<H3 class="item-cast item-green">
Gestion de vos membres
</H3>
<div class="text-widget hidden-xs">
Créez votre propre base de données, suivez l'évolution de vos membres et stockez leurs dossiers documentaires.
<br/><br/>
Retrouvez et affichez une information clé (nom, email, adresse ou téléphone) en quelques secondes grâce à notre moteur de recherche intuitif et rapide.
</div>
</div>
</div>
<div class="text-widget visible-xs">
Créez votre propre base de données, suivez l'évolution de vos membres et stockez leurs dossiers documentaires.
<br/><br/>
Retrouvez et affichez une information clé (nom, email, adresse ou téléphone) en quelques secondes grâce à notre moteur de recherche intuitif et rapide.
</div>
<a href="{{ path('member') }}" class="button_blue btnlg with-auto-margin visible-xs">
En savoir plus
</a>
<div class="item-content hidden-xs">
<div class="item-column">
<H3>
Améliorez votre communication
</H3>
<div class="text-widget">
Offrez à votre communauté une véritable expérience avec un accompagnement sportif, en présentiel comme à distance. Trouvez toutes les fonctionnalités qui répondent à vos besoins (appel intégré, rendez-vous, envoie d’e-mail, ...) au sein de notre plateforme.
</div>
</div>
<div class="item-column">
<div class="cell-widget" style="background-image:url('{{ asset('/images/pages/home/team.webp') }}');"></div>
</div>
</div>
<div class="item-content item-bg-brown unl-padding-f-mob">
<div class="item-column hidden-xs">
<div class="cell-widget bg-FFF0C8 widgetOHi">
<dotlottie-player
autoplay
loop
mode="normal"
background="transparent"
src="lottieFiles/home/sa-bills.lottie"
class="psTb"
style="width: clamp(300px,100%, 450px);margin-bottom:-10%;">
</dotlottie-player>
</div>
<div class="item-iddle">
<a href="{{ path('comptabilities') }}" class="button_blue btnlg with-margin-top-20">
En savoir plus
</a>
</div>
</div>
<div class="item-column unl-padding-f-mob">
<H3 class="item-cast item-brown">
Simplifiez votre comptabilité
</H3>
<div class="cell-widget visible-xs bg-FFF0C8 widgetOHi">
<dotlottie-player
autoplay
loop
mode="normal"
background="transparent"
src="lottieFiles/home/sa-bills.lottie"
class="psTb"
style="width: clamp(300px,100%, 450px);margin-bottom:-10%;">
</dotlottie-player>
</div>
<div class="text-widget hidden-xs">
Gagnez du temps grâce à un grand un nombre d’outils comptables :
<br/><br/>
<i class="fas fa-check"></i> Pilotez votre activité et votre trésorie en temps réel.
<br/>
<i class="fas fa-check"></i> Editez vos factures et commandes fournisseurs
<br/>
<i class="fas fa-check"></i> Editez vos bilans comptables
<br/>
<i class="fas fa-check"></i> Suivez votre T.V.A
<br/>
<i class="fas fa-check"></i> Et beaucoup plus encore...
</div>
</div>
</div>
<div class="text-widget visible-xs">
Gagnez du temps grâce à un grand un nombre d’outils comptables :
<br/><br/>
<i class="fas fa-check"></i> Pilotez votre activité et votre trésorie en temps réel.
<br/>
<i class="fas fa-check"></i> Editez vos factures et commandes fournisseurs
<br/>
<i class="fas fa-check"></i> Editez vos bilans comptables
<br/>
<i class="fas fa-check"></i> Suivez votre T.V.A
<br/>
<i class="fas fa-check"></i> Et beaucoup plus encore...
</div>
<a href="{{ path('comptabilities') }}" class="button_blue btnlg with-auto-margin visible-xs">
En savoir plus
</a>
<div class="item-content item-bg-blue">
<div class="item-column">
<H3 class="item-cast item-blue">
Paiements CB et SEPA
</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 class="item-column align-right unl-padding-f-mob">
<div class="cell-widget bg-E5FAFF">
<img src="{{ asset('/images/pages/online-payment/preview-campaign.webp') }}" alt="apercu d'une campagne" class="item-img-screen pad-width-100 marginT-mob-60"/>
<div class="item-iddle hidden-xs">
<a href="{{ path('online-payment') }}" class="button_blue btnlg with-margin-top-20">
En savoir plus
</a>
</div>
</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('member') }}" class="button_blue btnlg with-auto-margin visible-xs">
En savoir plus
</a>
</section>
<section>
<div class="row-fluid">
<H2 class="with-margin-top-60">
Système de réservation de vos salles et 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') }}" alt="star" height="20" />
</div>
</div>
<img src="{{ asset('/images/preview/app/grounds.webp') }}" 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="row-fluid with-padding-bottom-30 d-flex">
<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 height-50">
{{ deal.getTitleFr|raw }}
</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 !
<br/>
<br/>
<a href="{{ path('signup') }}" class="button_theme btnlg with-auto-margin with-margin-top-20">
Essayez gratuitement
</a>
</div>
</div>
</section>
<div class="row-flex">
<div class="height-100 width-max"></div>
</div>
<ol class="breadcrumb unl-margin">
<li class="breadcrumb-item active" aria-current="page">Fonctionnalités</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});
}
$(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');
});
setTimeout(function(){initCarroussel(width, '.item-crsl', 'crlCntH')},300);
});
</script>
{% endblock %}

templates/home/index.html.twig line 1