templates/members/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  2. {% block title %}
  3.     Sport adhesion - Logiciel de gestion de vos membres, Associations, club de sport, salle de fitness
  4. {% endblock %}
  5. {% block stylesheets %}
  6.     <script src="/js/auxiliary/dotlottie-player.js" async></script>
  7.     <link rel="stylesheet" href="{{ asset('/css/pages/members.css') }}" />
  8. {% endblock %}
  9. {% block body %}
  10.     <div class="slider">
  11.         <div class="usefull-width item-slider">
  12.             <div>
  13.                 <H1 class="item-header-h">
  14.                     La gestion de vos membres<br/>
  15.                     <span class="color">sans prise de tête</span>
  16.                 </H1>
  17.                 <div class="item-inscription hidden-xs">
  18.                     <div class="title">
  19.                         Commencez votre essai gratuitement
  20.                     </div>
  21.                     <form class="header-form" action="{{ path('signup') }}" method="POST">
  22.                         <input name="email" class="form-control" placeholder="Tapez votre e-mail..." required="required"/>
  23.                         <input name="typeLd" type="hidden" value="{{ website_name ~ ' :: members-form' }}" />
  24.                         <button class="button_theme">
  25.                             Commencer
  26.                         </button>
  27.                     </form>
  28.                     <div class="item-sentence">
  29.                         <b>Pas besoin</b> de <b>carte bancaire</b> lors de l’inscription, aucuns frais cachés.
  30.                     </div>
  31.                 </div>
  32.             </div>
  33.             <div class="item-wrapped hidden-xs">
  34.                 <div class="launch-vids">
  35.                     <img src="{{ asset('/images/pages/members/sport-adhesion-header-preview.svg') }}" />
  36.                 </div>
  37.             </div>
  38.         </div>
  39.     </div>
  40.     
  41.     <div class="item-call-mob">
  42.         Commencez votre essai gratuitement
  43.     </div>
  44.     <div class="item-vid curve">
  45.         <a href="{{ path('signup') }}" class="button_theme">
  46.             Créer mon compte
  47.         </a>
  48.         <img src="{{ asset('/images/pages/members/sport-adhesion-header-preview.svg') }}" height="200" width="auto"/>
  49.     </div>
  50.     <div class="usefull-width">
  51.         <div class="row-fluid">
  52.             <H2 class="marginT-mob-40">
  53.                 Structurez votre base de membres
  54.             </H2>
  55.         </div>
  56.         <section>
  57.             <div class="item-content item-bg-green">
  58.                 <div class="item-column unl-padding-f-mob align-right">
  59.                     <div class="cell-widget bg-e7fdd8">
  60.                         <img src="{{ asset('/images/pages/members/sport-adhesion-view-user-computer.svg') }}" class="item-img-screen"/>
  61.                     </div>
  62.                 </div>
  63.                 <div class="item-column init-mob">
  64.                     <H3 class="item-cast item-green">
  65.                         Visualisez votre base de membres
  66.                     </H3>
  67.                     <div class="text-widget hidden-xs">
  68.                         Créez votre base de données en un clin d'oeil.
  69.                         <br/><br/>
  70.                         Visualisez et personnalisez les fiches membres selon les besoins de votre structure.
  71.                         Suivez la consommation de vos membres (réservations, dons, abonnements, prestations...) et leurs activités.
  72.                     </div>
  73.                 </div>
  74.             </div>
  75.             <div class="text-widget visible-xs">
  76.                 Créez votre base de données en un clin d'oeil.
  77.                 <br/><br/>
  78.                 Visualisez et personnalisez les fiches membres selon les besoins de votre structure.
  79.                 Suivez la consommation de vos membres (réservations, dons, abonnements, prestations...) et leurs activités.
  80.             </div>
  81.             <a href="{{ path('signup') }}" class="button_theme btnlg with-auto-margin visible-xs">
  82.                 Essayez gratuitement
  83.             </a>
  84.             <div class="item-content item-bg-green">
  85.                 <div class="item-column">
  86.                     <H3 class="item-cast item-green">
  87.                         Communiquez facilement<br/>
  88.                         avec vos clients
  89.                     </H3>
  90.                     <div class="text-widget hidden-xs">
  91.                         Restez en contact avec vos clients, grâce aux fonctionnalités de votre logiciel :
  92.                         <br/>
  93.                         &nbsp;&nbsp;<i class="fas fa-check"></i> Appels intégrés
  94.                         <br/>
  95.                         &nbsp;&nbsp;<i class="fas fa-check"></i> Prise de rendez-vous
  96.                         <br/>
  97.                         &nbsp;&nbsp;<i class="fas fa-check"></i> Rappels
  98.                         <br/>
  99.                         &nbsp;&nbsp;<i class="fas fa-check"></i> Envoies d’e-mails
  100.                     </div>
  101.                 </div>
  102.                 <div class="item-column">
  103.                     <div class="cell-widget bg-e7fdd8">
  104.                         <dotlottie-player
  105.                             autoplay
  106.                             loop
  107.                             mode="normal"
  108.                             background="transparent"
  109.                             src="/lottieFiles/members/sa-easysearch.lottie"
  110.                             style="width: clamp(300px,100%, 444px);">
  111.                         </dotlottie-player>
  112.                     </div>
  113.                 </div>
  114.             </div>
  115.             <div class="text-widget visible-xs">
  116.                 Restez en contact avec vos clients, grâce aux fonctionnalités de votre logiciel :
  117.                 <br/>
  118.                 &nbsp;&nbsp;<i class="fas fa-check"></i> Appels intégrés
  119.                 <br/>
  120.                 &nbsp;&nbsp;<i class="fas fa-check"></i> Prise de rendez-vous
  121.                 <br/>
  122.                 &nbsp;&nbsp;<i class="fas fa-check"></i> Rappels
  123.                 <br/>
  124.                 &nbsp;&nbsp;<i class="fas fa-check"></i> Envoies d’e-mails
  125.             </div>
  126.             <div class="item-content item-bg-green">
  127.                 <div class="item-column">
  128.                     <div class="cell-widget bg-e7fdd8 paddingT-mob-30">
  129.                         <dotlottie-player
  130.                             autoplay
  131.                             loop
  132.                             mode="normal"
  133.                             background="transparent"
  134.                             src="/lottieFiles/members/sa-evol-charts.lottie"
  135.                             style="width: clamp(300px,100%, 444px);">
  136.                         </dotlottie-player>
  137.                     </div>
  138.                 </div>
  139.                 <div class="item-column init-mob">
  140.                     <H3 class="item-cast item-green">
  141.                         Adaptez votre coaching sportif
  142.                     </H3>
  143.                     <div class="text-widget hidden-xs">
  144.                         Améliorez et adaptez votre coaching grâce au suivi d'évolution !
  145.                         <br/><br/>
  146.                         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.
  147.                     </div>
  148.                 </div>
  149.             </div>
  150.             <div class="text-widget visible-xs">
  151.                 Améliorez et adaptez votre coaching grâce au suivi d'évolution !
  152.                 <br/><br/>
  153.                 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.
  154.             </div>
  155.             <a href="{{ path('signup') }}" class="button_theme btnlg with-auto-margin visible-xs">
  156.                 Créer mon compte
  157.             </a>
  158.             <div class="image-title hidden-lg hidden-md hidden-sm visble-xs">
  159.                 Centralisez vos documents
  160.             </div>
  161.             <div class="item-content unl-padding-mob">
  162.                 <div class="item-column hidden-xs">
  163.                     <H3 class="item-cast item-green">
  164.                         Centralisez vos documents
  165.                     </H3>
  166.                     <div class="text-widget">
  167.                         {{ website_name }}, propose des outils intelligents de gestion électronique de documents.
  168.                         <br/><br/>Les documents membres sont centralisés et sécurisés, disponibles partout en mobilité et en télétravail.
  169.                     </div>
  170.                 </div>
  171.                 <div class="item-column bg-image">
  172.                     <div class="cell-widget" style="background-image:url('{{ asset('/images/pages/members/scan-progressive.webp') }}');">
  173.                         <div class="item-iddle hidden-xs">
  174.                             <a href="{{ path('signup') }}" class="button_blue btnlg with-margin-top-20">
  175.                                 Essayez gratuitement
  176.                             </a>
  177.                         </div>
  178.                     </div>
  179.                 </div>
  180.             </div>
  181.             <div class="text-widget visible-xs">
  182.                 {{ website_name }}, propose des outils intelligents de gestion électronique de documents.
  183.                 <br/><br/>Les documents membres sont centralisés et sécurisés, disponibles partout en mobilité et en télétravail.
  184.             </div>
  185.         </section>
  186.         
  187.         <section>
  188.             <div class="row-fluid">
  189.                 <H2 class="with-margin-top-60">
  190.                     Gérez vos terrains
  191.                 </H2>
  192.                 <div class="hHook">
  193.                     Gérez vos terrains avec une interface simple et ergonomique
  194.                 </div>
  195.             </div>
  196.             <div id="grounds">
  197.                 <div class="cell-widget item-lg">
  198.                     <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 with-padding-30 padding-mob-15">
  199.                         <H3 class="item-title">
  200.                             Automatisez<br/>les réservations de cours
  201.                         </H3>
  202.                         <div class="item-text hidden-xs">
  203.                             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.
  204.                             <br/><br/>
  205.                             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.  
  206.                         </div>                           
  207.                     </div>
  208.                     <div class="item-note">
  209.                         <div class="note">
  210.                             4,6 / 5
  211.                             <br/>
  212.                             selon nos utilisateurs
  213.                         </div>
  214.                         <div class="stars">
  215.                             <img src="{{ asset('/images/icons/stars.svg') }}" height="20" />
  216.                         </div>
  217.                     </div>
  218.                     <img src="{{ asset('/images/preview/app/grounds.png') }}" alt="gestion sportive Terrain de sport" width="auto" height="370" class="right pic-grounds">
  219.                     <div class="item-iddle">
  220.                         <a href="{{ path('signup') }}" class="button_theme btnlg with-margin-top-20">
  221.                             Essayez gratuitement
  222.                         </a>
  223.                     </div>
  224.                 </div>
  225.                 <div class="item-text visible-xs">
  226.                     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.
  227.                     <br/><br/>
  228.                     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. 
  229.                 </div>
  230.             </div>
  231.         </section>
  232.     </div>
  233.         
  234.     <section class="row-fluid">
  235.         <div class="item-explain">
  236.             <div class="usefull-width">
  237.                 <div class="title">
  238.                     Inclus également
  239.                 </div>
  240.                 <div class="d-flex align-flex with-margin-top-60 marginT-pad-30 marginT-mob-30">
  241.                     <div class="d-flex">
  242.                         <div class="item-column">
  243.                             <div class="item-included">
  244.                                 <i class="fas fa-solid fa-check"></i> Gestion des groupes
  245.                             </div>
  246.                             <div class="item-included">
  247.                                 <i class="fas fa-solid fa-check"></i> Gestion des stages
  248.                             </div>
  249.                             <div class="item-included">
  250.                                 <i class="fas fa-solid fa-check"></i> Gestion crénneaux libres
  251.                             </div>
  252.                             <div class="item-included">
  253.                                 <i class="fas fa-solid fa-check"></i> Vacances scolaires par zone
  254.                             </div>
  255.                             <div class="item-included">
  256.                                 <i class="fas fa-solid fa-check"></i> Info Personne à mobilité réduite
  257.                             </div>
  258.                         </div>
  259.                         <div class="item-column">
  260.                             <div class="item-included">
  261.                                 <i class="fas fa-solid fa-check"></i> Equipements terrains
  262.                             </div>
  263.                             <div class="item-included">
  264.                                 <i class="fas fa-solid fa-check"></i> Gestion horaires
  265.                             </div>
  266.                             <div class="item-included">
  267.                                 <i class="fas fa-solid fa-check"></i> Visuel jour et semaine
  268.                             </div>
  269.                             <div class="item-included">
  270.                                 <i class="fas fa-solid fa-check"></i> Multi-écran
  271.                             </div>
  272.                             <div class="item-included">
  273.                                 <i class="fas fa-solid fa-check"></i> Ecran présentation salle
  274.                             </div>
  275.                         </div>
  276.                     </div>
  277.                 </div>
  278.                 <div class="d-flex align-flex with-padding-bottom-30">
  279.                     <a href="{{ path('signup') }}" class="button_blue btnLg with-auto-margin with-margin-top-30">
  280.                         Créer mon compte
  281.                     </a>
  282.                 </div>
  283.             </div>
  284.         </div>
  285.     </section>
  286.     <div class="usefull-width unl-padding">
  287.         <section class="row-fluid">
  288.             <div class="width-max with-margin-top-40" style="padding:0 7.5px;">
  289.                 <H2>
  290.                     5 Raisons de choisir Sport adhesion
  291.                 </H2>
  292.                 <div class="carroussel with-margin-top-30">
  293.                     <div class="item-crsl">
  294.                         {% if deals is not empty %}
  295.                             {% for deal in deals %}
  296.                                 <div class="crlCntH">
  297.                                     <div class="crlBoxHome blueBoxW">
  298.                                         <div class="picBoxCrl" style="background-image:url('{{ asset('images/pages/home/' ~ deal.getImage) }}');"></div>
  299.                                         <div class="width-max">
  300.                                             {{ deal.getTitleFr }}
  301.                                         </div>
  302.                                     </div>
  303.                                 </div>
  304.                             {% endfor %}
  305.                         {% endif %}
  306.                     </div>
  307.                 </div>
  308.             </div>
  309.         </section>
  310.     </div>
  311.     <div class="usefull-width">
  312.         <section>
  313.             <div class="row-fluid">
  314.                 <H2>
  315.                     Questions fréquentes
  316.                 </H2>
  317.                 <div class="hHook">
  318.                     Les questions les plus demandées
  319.                 </div>
  320.                 <div class="item-faq">
  321.                     {% set i = 1 %}
  322.                     {% set read = '' %}
  323.                     {% if faq is not empty %}
  324.                         {% set max = faq|length / 2 %}
  325.                         {% for question in faq %}
  326.                             {% if i == 1 %}
  327.                                 {% set read = read ~ '<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 unl-padding-mob">' %}
  328.                             {% endif %}
  329.                             {% set read = read ~ '<div class="title dimQuest">
  330.                                 <i class="fas fa-question-circle fa-lg"></i>
  331.                                 &nbsp;' ~ question.getQuestionFr ~ '
  332.                                 <div class="arrow">
  333.                                     <i class="fas fa-sort-down"></i>
  334.                                 </div>
  335.                                 <div class="answer">
  336.                                     ' ~ question.getReponseFr ~ '
  337.                                 </div>
  338.                             </div>' %}
  339.                             {% if i == max %}
  340.                                 {% set read = read ~ '</div>' %}
  341.                                 {% set i = 0 %}
  342.                             {% endif %}
  343.                             {% set i = i + 1 %}
  344.                         {% endfor %}
  345.                         {% if i != 1 %}
  346.                             {% set read = read ~ '</div>' %}
  347.                         {% endif %}
  348.                     {% endif %}
  349.                     {{ read|raw }}
  350.                 </div>
  351.             </div>
  352.         </section>
  353.         <section>
  354.             <div class="row-fluid">
  355.                 <div class="item-try-it unl-margin" style="font-weight:initial;">
  356.                     Le meilleur moyen de savoir, c’est d’essayer !
  357.                 </div>
  358.                 <a href="{{ path('signup') }}" class="button_theme btnlg with-auto-margin with-margin-top-20">
  359.                     Essayez gratuitement
  360.                 </a>
  361.             </div>
  362.         </section>
  363.         <div class="row-flex">
  364.             <div class="height-100 width-max"></div>
  365.         </div>
  366.         <ol class="breadcrumb unl-margin">
  367.             <li class="breadcrumb-item"><a href="{{ path('home') }}" alt="Les fonctionnalités de {{ website_name }}">Fonctionnalités</a></li>
  368.             <li class="breadcrumb-item active" aria-current="page">Logiciel sport de gestion membres</li>
  369.         </ol>
  370.     </div>
  371. {% endblock %}
  372. {% block javascriptFooter %}
  373. <script>
  374.     $(document).ready(function(){
  375.         if(width >= 1024){
  376.             var crsl = (parseFloat($('.item-crsl').parent().width()) / 4);
  377.             $('.crlCntH').css({'width':crsl,'max-width':crsl});
  378.         }
  379.         initCarroussel(width, '.item-crsl', 'crlCntH');
  380.         $(window).on('resize',function() {
  381.             width = $(window).width();
  382.             if(width >= 1024){
  383.                 $('.item-crsl').cycle('destroy');
  384.                 var crsl = (parseFloat($('.item-crsl').parent().width()) / 4);
  385.                 $('.crlCntH').css({'width':crsl,'max-width':crsl});
  386.             }
  387.             initCarroussel(width, '.item-crsl', 'crlCntH');
  388.         });
  389.     });
  390. </script>
  391. {% endblock %}