Symfony Profiler

{% extends 'base.html.twig' %}
{% block title %}
Gérez vos salles et terrains de sport avec notre système de réservation Sport adhesion
{% endblock %}
{% block stylesheets %}
<script src="/js/auxiliary/dotlottie-player.js" async></script>
<link rel="stylesheet" href="{{ asset('/css/pages/grounds.css') }}" />
{% endblock %}
{% block body %}
<div class="slider">
<div class="usefull-width item-slider">
<div>
<H1 class="item-header-h">
Système de réservation pour<br/> vos <span class="color">salles et terrains</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/grounds/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/grounds/sport-adhesion-header-preview.svg') }}" height="200" width="auto"/>
</div>
<div class="usefull-width">
<div class="row-fluid">
<H2 class="marginT-mob-40">
Consultez et éditez votre planning de réservation
</H2>
</div>
<section>
<div class="item-content">
<div class="item-column unl-padding-f-mob align-right">
<div class="cell-widget item-bg-blue svg-flex-md-end">
<img src="{{ asset('/images/pages/grounds/sport-adhesion-view-grounds.svg') }}" class="item-img-screen fix width-90-p height-auto-f"/>
</div>
</div>
<div class="item-column init-mob">
<H3 class="item-cast">
Visualisez l'occupation de vos terrains
</H3>
<div class="text-widget hidden-xs">
La gestion d'un planning est un élément important pour rester organisé.
<br/><br/>
Avec {{ website_name }}, vous disposez d'une interface clair et facile d'utilisation pour consulter et administrer votre planning.
</div>
</div>
</div>
<div class="text-widget visible-xs">
La gestion d'un planning est un élément important pour rester organisé.
<br/><br/>
Avec {{ website_name }}, vous disposez d'une interface clair et facile d'utilisation pour consulter et administrer votre planning.
</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">
Créez vos groupes, stages et réservations
</H3>
<div class="text-widget hidden-xs">
Vos stages, réservations, groupes et cours individuels peuvent être administrés directement depuis votre planning.
<br/><br/>
Modifiez à votre convenance les informations de vos réservations (capacité, durée, tarifs, discipline sportive...).
</div>
</div>
<div class="item-column">
<div class="cell-widget item-bg-blue with-all-align">
<img src="{{ asset('/images/pages/grounds/sport-adhesion-view-groups-stage.svg') }}" class=" marginT-mob-80"/>
</div>
</div>
</div>
<div class="text-widget visible-xs">
Vos stages, réservations, groupes et cours individuels peuvent être administrés directement depuis votre planning.
<br/><br/>
Modifiez à votre convenance les informations de vos réservations (capacité, durée, tarifs, discipline sportive...).
</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/grounds/sport-adhesion-grounds-equipements.svg') }}" height="100%" width="auto" class="marginT-mob-30" style="max-width: 395px;" />
</div>
</div>
<div class="item-column init-mob">
<H3 class="item-cast">
Configurez vos équipements
</H3>
<div class="text-widget hidden-xs">
<i class="fas fa-check fa-md"></i>  Informez vos clients des machines et équipements disponibles.
<br/>
<i class="fas fa-check fa-md"></i>  Avec {{ website_name }}, indiquez les équipements dont vous diposez pour les personnes à mobilité réduite.
</div>
</div>
</div>
<div class="text-widget visible-xs">
<i class="fas fa-check fa-md"></i>  Informez vos clients des machines et équipements disponibles.
<br/>
<i class="fas fa-check fa-md"></i>  Avec {{ website_name }}, indiquez les équipements dont vous diposez pour les personnes à mobilité réduite.
</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">
Affichez les salles de cours<br/>à vos adhérents
</div>
<div class="item-content unl-padding-mob">
<div class="item-column hidden-xs">
<H3 class="item-cast">
Affichez les salles de cours<br/>à vos adhérents
</H3>
<div class="text-widget">
Avec la fonction "partager", votre logiciel simplifie la lecture de votre planning.
<br/><br/>
Plus de perte de temps à l'accueil, affichez le planning en temps réel sur vos écrans; dans les salles ou à l'entrée de votre structure sportive.
</div>
</div>
<div class="item-column bg-image">
<div class="cell-widget" style="background-image:url('{{ asset('/images/pages/grounds/share-screen-sport-adhesion.jpg') }}')">
<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">
Avec la fonction "partager", votre logiciel simplifie la lecture de votre planning.
<br/><br/>
Plus de perte de temps à l'accueil, affichez le planning en temps réel sur vos écrans; dans les salles ou à l'entrée de votre structure sportive.
</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 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>
<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">Gestion de vos salles et terrains de sport</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/grounds/index.html.twig line 1