{% extends 'base.html.twig' %}{% block banniere %} <secion class="banner-section"> </secion>{% endblock %}{% block contenu %} <section class="pt-100 pb-125"> <div class="container"> <div class="sect-title text-center"> <div class="h1"> Contacter l’Ecole de Surf de la Côte Sauvage </div> </div> <div class="text-1 text-center mb-75"> Vous avez des questions ? Vous voulez recev oir un devis sur-mesure ou réserver sans passer par le paiement en ligne ? Nous sommes là pour répondre à tous vos messages ! </div> {% set messages = app.flashes('success') %} <div class="row {% if (messages | length == 0) %} align-items-center {% endif %}"> <div class="col-xl-8 mb-40 wow slideInLeft" data-wow-delay="1s"> <div class="form-box"> <div class="sect-title text-center"> <div class="h1" style="font-size: 30px;"> Formulaire de contact </div> </div> {% if (messages | length == 0) %} <div class="text-cont text-center mb-35"> {% set error_messages = app.flashes('error') %} {% if (error_messages | length != 0) %} <span style="color: red">{{ error_messages[0] | raw }}</span> {% endif %} Merci de remplir tous les champs du formulaire afin de recevoir une réponse rapide </div> <form action="{{ path('app_contact') }}" method="post" class="form-contact"> <div class="row"> <div class="col-lg-6 col-sm-6 mb-30"> {{ form_widget(form.nom, { attr : { class : 'form-control', placeholder : 'Votre Nom'}}) }} </div> <div class="col-lg-6 col-sm-6 mb-30"> {{ form_widget(form.prenom, { attr : { class : 'form-control' , placeholder : 'Votre Prénom'}}) }} </div> <div class="col-xl-3 col-lg-5 col-sm-6 mb-30"> {{ form_widget(form.telephone, { attr : { class : 'form-control' , placeholder : 'Téléphone'}}) }} </div> <div class="col-xl-9 col-lg-7 col-sm-6 mb-30"> {{ form_widget(form.email, { attr : { class : 'form-control' , placeholder : 'Email'}}) }} </div> <div class="col-xl-12 col-lg-12 col-sm-12 mb-30"> {{ form_widget(form.sujet, { attr : { class : 'form-control' , placeholder : 'Sujet'}}) }} </div> <div class="col-xl-12 col-lg-12 col-sm-12 mb-45"> {{ form_widget(form.message, { attr : { class : 'form-control' , placeholder : 'Votre Message'}}) }} </div> <div class="col-md-6 text-md-right text-center mb-40 "> <script src="https://js.hcaptcha.com/1/api.js" async defer></script> <div class="h-captcha" data-sitekey="da06e3d6-c619-4d35-b957-0eabb7cd6673"></div> </div> <div class="col-md-6 text-md-left text-center mb-35 "> {{ form_rest(form) }} <button class="btn-1" type="submit" style="background-color: #fdfdfd;min-width: 180px;"><span>ENVOYER</span> <div class="wave"></div> </button> </div> </div> </form> <div class="text-cont-1 text-center"> En vous envoyant ce formulaire, j'accepte que les informations saisies soient exploitées dans le cadre de la demande de contact et de la relation commerciale qui peut en découler. </div> {% else %} <div class="text-cont-1 text-center text-success"> {{ messages[0] | raw }} </div> {% endif %} </div> </div> <div class="col-xl-4 pl-xl-5 wow slideInRight" data-wow-delay="1.5s"> <div class="sect-title "> <div class="h1" style="font-size: 30px;"> Nos coordonnées </div> </div> {#<div class="text-cont mb-30"> L’équipe de l’ESCS est disponible tous les jours de --h à --h de juin à septembre et de --h à --h le reste de l’année. </div>#} <div class="item-contact"> <img src="{{ asset('front/images/c-1.png') }}" alt="telephone ecole de surf cote sauvage"> <div class="title"> téléphone </div> <div class="desc"> <b>Appelez-nous au</b> <br> <a href="tel:06 78 36 24 40"><b>06 78 36 24 40</b></a> </div> </div> <div class="item-contact"> <img src="{{ asset('front/images/c-2.png') }}" alt="adresse ecole de surf cote sauvage ESCS"> <div class="title"> ADRESSE </div> <div class="desc"> <b>À LA PALMYRE<br>d'avril à octobre</b><br> Ecole de Surf Côte Sauvage 17 <br> 26 avenue du Limousin <br> 17570 La Palmyre<br><br> <b>PLAGE DE LA BOUVERIE<br>en juillet et août</b> <br> La tente de l'école se situe à gauche du caillebotis en descendant face à la mer<br> </div> </div> <div class="item-contact"> <img src="{{ asset('front/images/c-3.png') }}" alt="contacter ecole de surf cote sauvage"> <div class="title"> EMAIL </div> <div class="desc"> <b>Vous pouvez nous joindre par mail à l’adresse :</b> <br> contact(at)ecole-de-surf.fr <br> ou en utilisant le formulaire présent sur cette page. </div> </div> <div class="item-contact"> <img src="{{ asset('front/images/c-4.png') }}" alt="ecole de surf cote sauvage"> <div class="title"> réseaux </div> <div class="desc"> <b>Retrouvez-nous sur ces pages pour suivre notre actualités et profiter de promos exclusives :</b> </div> <div class="social-cont"> <a href="https://www.facebook.com/surf.la.palmyre"><i class="fa fa-facebook"></i></a> <a href="https://www.instagram.com/ecoledesurfdelacotesauvage/"><i class="fa fa-instagram"></i></a> </div> </div> </div> </div> <div class="pt-35 wow fadeInUp" data-wow-delay="2s"> <div class="map-box"><iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d33079.50275092605!2d-1.2053267577117208!3d45.696702570667455!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x48017c6b6ede49e9%3A0x4c8147a3fe98c533!2sESCS%20ECOLE%20DE%20SURF%20de%20la%20COTE%20SAUVAGE!5e0!3m2!1sfr!2smg!4v1668364024241!5m2!1sfr!2smg" width="100%" height="100%" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe> </div> </div> </div> </section>{% endblock %}