{% extends 'base.html.twig' %}
{% block title %}
Sport adhesion - Logiciel de gestion de vos membres, Associations, club de sport, salle de fitness
{% endblock %}
{% block stylesheets %}
<script src="/js/auxiliary/dotlottie-player.js" async></script>
<link rel="stylesheet" href="{{ asset('/css/pages/members.css') }}" />
{% endblock %}
{% block body %}
<div class="slider">
<div class="usefull-width item-slider">
<div>
<H1 class="item-header-h">
La gestion de vos membres<br/>
<span class="color">sans prise de tête</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/members/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/members/sport-adhesion-header-preview.svg') }}" height="200" width="auto"/>
</div>
<div class="usefull-width">
<div class="row-fluid">
<H2 class="marginT-mob-40">
Structurez votre base de membres
</H2>
</div>
<section>
<div class="item-content item-bg-green">
<div class="item-column unl-padding-f-mob align-right">
<div class="cell-widget bg-e7fdd8">
<img src="{{ asset('/images/pages/members/sport-adhesion-view-user-computer.svg') }}" class="item-img-screen"/>
</div>
</div>
<div class="item-column init-mob">
<H3 class="item-cast item-green">
Visualisez votre base de membres
</H3>
<div class="text-widget hidden-xs">
Créez votre base de données en un clin d'oeil.
<br/><br/>
Visualisez et personnalisez les fiches membres selon les besoins de votre structure.
Suivez la consommation de vos membres (réservations, dons, abonnements, prestations...) et leurs activités.
</div>
</div>
</div>
<div class="text-widget visible-xs">
Créez votre base de données en un clin d'oeil.
<br/><br/>
Visualisez et personnalisez les fiches membres selon les besoins de votre structure.
Suivez la consommation de vos membres (réservations, dons, abonnements, prestations...) et leurs activités.
</div>
<a href="{{ path('signup') }}" class="button_theme btnlg with-auto-margin visible-xs">
Essayez gratuitement
</a>
<div class="item-content item-bg-green">
<div class="item-column">
<H3 class="item-cast item-green">
Communiquez facilement<br/>
avec vos clients
</H3>
<div class="text-widget hidden-xs">
Restez en contact avec vos clients, grâce aux fonctionnalités de votre logiciel :
<br/>
<i class="fas fa-check"></i> Appels intégrés
<br/>
<i class="fas fa-check"></i> Prise de rendez-vous
<br/>
<i class="fas fa-check"></i> Rappels
<br/>
<i class="fas fa-check"></i> Envoies d’e-mails
</div>
</div>
<div class="item-column">
<div class="cell-widget bg-e7fdd8">
<dotlottie-player
autoplay
loop
mode="normal"
background="transparent"
src="/lottieFiles/members/sa-easysearch.lottie"
style="width: clamp(300px,100%, 444px);">
</dotlottie-player>
</div>
</div>
</div>
<div class="text-widget visible-xs">
Restez en contact avec vos clients, grâce aux fonctionnalités de votre logiciel :
<br/>
<i class="fas fa-check"></i> Appels intégrés
<br/>
<i class="fas fa-check"></i> Prise de rendez-vous
<br/>
<i class="fas fa-check"></i> Rappels
<br/>
<i class="fas fa-check"></i> Envoies d’e-mails
</div>
<div class="item-content item-bg-green">
<div class="item-column">
<div class="cell-widget bg-e7fdd8 paddingT-mob-30">
<dotlottie-player
autoplay
loop
mode="normal"
background="transparent"
src="/lottieFiles/members/sa-evol-charts.lottie"
style="width: clamp(300px,100%, 444px);">
</dotlottie-player>
</div>
</div>
<div class="item-column init-mob">
<H3 class="item-cast item-green">
Adaptez votre coaching sportif
</H3>
<div class="text-widget hidden-xs">
Améliorez et adaptez votre coaching grâce au suivi d'évolution !
<br/><br/>
Suivez l'évolution de vos joueurs étape par étape tout au long de leur parcours sportif, ajoutez des notes, des statuts et évaluer leurs statistiques de progression.
</div>
</div>
</div>
<div class="text-widget visible-xs">
Améliorez et adaptez votre coaching grâce au suivi d'évolution !
<br/><br/>
Suivez l'évolution de vos joueurs étape par étape tout au long de leur parcours sportif, ajoutez des notes, des statuts et évaluer leurs statistiques de progression.
</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">
Centralisez vos documents
</div>
<div class="item-content unl-padding-mob">
<div class="item-column hidden-xs">
<H3 class="item-cast item-green">
Centralisez vos documents
</H3>
<div class="text-widget">
{{ website_name }}, propose des outils intelligents de gestion électronique de documents.
<br/><br/>Les documents membres sont centralisés et sécurisés, disponibles partout en mobilité et en télétravail.
</div>
</div>
<div class="item-column bg-image">
<div class="cell-widget" style="background-image:url('{{ asset('/images/pages/members/scan-progressive.webp') }}');">
<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">
{{ website_name }}, propose des outils intelligents de gestion électronique de documents.
<br/><br/>Les documents membres sont centralisés et sécurisés, disponibles partout en mobilité et en télétravail.
</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 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>
</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">Logiciel sport de gestion membres</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 %}