{% extends 'base.html.twig' %}
{% block title %}
Logiciel de gestion comptable pour les structures sportives avec {{ website_name }}
{% endblock %}
{% block stylesheets %}
<script src="/js/auxiliary/dotlottie-player.js" async></script>
<link rel="stylesheet" href="{{ asset('/css/pages/comptabilities.css') }}" />
{% endblock %}
{% block body %}
<div class="slider">
<div class="usefull-width item-slider">
<div>
<H1 class="item-header-h">
Améliorez<br/>
<span class="color">votre comptabilité</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 ~ ' :: comptabilities-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/comptabilities/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/comptabilities/sport-adhesion-header-preview.svg') }}" height="200" width="auto"/>
</div>
<div class="usefull-width">
<div class="row-fluid">
<H2 class="marginT-mob-40">
Les bons outils pour vous faire gagner du temps
</H2>
</div>
<section>
<div class="item-content unl-padding-mob item-bg-brown">
<div class="item-column unl-padding-f-mob align-right">
<div class="cell-widget paddingT-mob-40 bg-FFF0C8 svg-flex-end">
<dotlottie-player
autoplay
loop
mode="normal"
background="transparent"
src="/lottieFiles/comptabilities/sa-bills.lottie"
style="width: clamp(300px,100%, 444px);">
</dotlottie-player>
</div>
</div>
<div class="item-column init-mob">
<H3 class="item-cast item-brown">
2 minutes pour facturer
</H3>
<div class="text-widget hidden-xs">
<i class="fas fa-check fa-md"></i> Modifiez le design de vos factures aux couleurs de votre structure.
<br/>
<i class="fas fa-check fa-md"></i> Editez les factures de vos clients en quelques cliques.
<br/>
<i class="fas fa-check fa-md"></i> Ajoutez les lignes de facturation et remises.
<br/>
<i class="fas fa-check fa-md"></i> Envoyez votre facture manuellement ou automatiquement à vos clients.
</div>
</div>
</div>
<div class="text-widget visible-xs">
<i class="fas fa-check fa-md"></i> Modifiez le design de vos factures aux couleurs de votre structure.
<br/>
<i class="fas fa-check fa-md"></i> Editez les factures de vos clients en quelques cliques.
<br/>
<i class="fas fa-check fa-md"></i> Ajoutez les lignes de facturation et remises.
<br/>
<i class="fas fa-check fa-md"></i> Envoyez votre facture manuellement ou automatiquement à vos clients.
</div>
<a href="{{ path('signup') }}" class="button_theme btnlg with-auto-margin visible-xs">
Essayez gratuitement
</a>
<div class="item-content item-bg-brown">
<div class="item-column">
<H3 class="item-cast item-brown">
Gestion des notes de frais
</H3>
<div class="text-widget hidden-xs">
Créez les notes de frais de vos collaborateurs en quelques cliques, sélectionnez la T.V.A à appliquer et liez vos reçus à votre note de frais.
<br/><br/>
Suivez vos postes de dépenses globales et par collaborateurs.
<br/><br/>
Grâce au temps gagné, votre expert comptable peut enfin se consacrer à vous conseiller au mieux.
</div>
</div>
<div class="item-column">
<div class="cell-widget d-flex bg-FFF0C8 paddingT-mob-40" style="justify-content: center;">
<dotlottie-player
autoplay
loop
mode="normal"
background="transparent"
src="/lottieFiles/comptabilities/sa-expense-report.lottie"
style="width: clamp(300px,100%, 444px);">
</dotlottie-player>
</div>
</div>
</div>
<div class="text-widget visible-xs">
Créez les notes de frais de vos collaborateurs en quelques cliques, sélectionnez la T.V.A à appliquer et liez vos reçus à votre note de frais.
<br/><br/>
Suivez vos postes de dépenses globales et par collaborateurs.
<br/><br/>
Grâce au temps gagné, votre expert comptable peut enfin se consacrer à vous conseiller au mieux.
</div>
<div class="item-content item-bg-brown">
<div class="item-column unl-padding-f-mob align-right">
<div class="cell-widget bg-FFF0C8 paddingT-mob-30">
<img src="{{ asset('/images/pages/comptabilities/sport-adhesion-screen-follow-unpayment-customer.svg') }}" class="item-img-screen" />
</div>
</div>
<div class="item-column init-mob">
<H3 class="item-cast item-brown">
Suivez le paiement de vos clients
</H3>
<div class="text-widget hidden-xs">
Restez à jour grâce à votre interface "échéances et règlements". En un clin d'oeil, visualisez les transactions de vos clients et leurs statuts.
<br/><br/>
Recherchez et filtrez les différents paiments réalisés par vos clients !
<br/><br/>
Pour ne pas perdre de vue vos objectifs et controler votre business, nous avons intégré une interface de suivi de chiffre d'affaire.
</div>
</div>
</div>
<div class="text-widget visible-xs">
Restez à jour grâce à votre interface "échéances et règlements". En un clin d'oeil, visualisez les transactions de vos clients et leurs statuts.
<br/><br/>
Recherchez et filtrez les différents paiments réalisés par vos membres !
<br/><br/>
Pour ne pas perdre de vue vos objectifs et controler votre business, nous avons intégré une interface de suivi de chiffre d'affaire.
</div>
<a href="{{ path('signup') }}" class="button_theme btnlg with-auto-margin visible-xs">
Créer mon compte
</a>
<div class="item-content item-bg-brown unl-padding">
<div class="item-column">
<H3 class="item-cast item-brown">
Gestion des impayés
</H3>
<div class="text-widget hidden-xs">
Relancez vos membres en 1 clique, grâce à notre système de relance automatisé.
<br/><br/>
Plus qu’un simple système vous pouvez modifier la cadence des relances. Vous êtes averti par e-mail lors d'un paiement.
</div>
</div>
<div class="item-column align">
<div class="cell-widget bg-FFF0C8 svg-flex-md-end">
<img src="{{ asset('/images/pages/comptabilities/sport-adhesion-relance-cleint.svg') }}" class="item-img-screen fix width-90-p height-auto-f"/>
</div>
</div>
</div>
<div class="text-widget visible-xs">
Relancez vos membres en 1 clique, grâce à notre système de relance automatisé.
<br/><br/>
Plus qu’un simple système vous pouvez modifier la cadence des relances. Vous êtes averti par e-mail lors d'un paiement.
</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">Logiciel sport gestion comptabilité</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 %}