{% extends 'base.html.twig' %}
{% block style %}
{% endblock %}
{% block banniere %}
<section class="clearfix position-relative">
<div class="home-slide owl-carousel clearfix">
{% for slide in slides %}
<div class="item-slide">
<div class="bg-slide ">
<img src="{{ asset(slider_directory ~ slide.image) }}" {% if loop.index != 1 %} loading="lazy" fetchPriority="low" {% else %} fetchPriority="high" {% endif %} alt="" class="img">
</div>
<div class="container ">
<div class="title">
{{ slide.titre | raw }}
<span></span>
</div>
<div class="desc">
{{ slide.soustitre | raw }}
</div>
<div class="btn-slide">
<a href="{{ slide.buttonLink }}" class="btn-2 "> {{ slide.buttonText }} </a>
</div>
</div>
</div>
{% endfor %}
<!--<div class="go-content">
<i class="fa fa-angle-double-down"></i>
</div>-->
</section>
<section class="mini-slide-section">
<div class="mini-slide owl-carousel" data-aos="fade-up" data-aos-delay="50" data-aos-duration="800" data-aos-easing="ease-in-out" data-aos-once="true">
<a href="/la-pedagogie.html" class="item">
<div class="img">
<img src="{{ asset('front/images/miniature-slide-index/miniature-notre-pegagogie.jpg') }}" loading="lazy" alt="comment se passe un cours de surf">
</div>
<div class="content">
<div class="title">
Notre <br> pédagogie
</div>
<div class="link">
➔
</div>
</div>
<div class="hover-box">
<div class="title">
Comment se passe un cours de surf ?
</div>
<div class="desc">
Notre école de surf a mis en place une façon unique pour vous permettre de découvrir ou améliorer votre surf rapidement et toujours avec du plaisir !
</div>
<div class="desc-2">
En savoir plus
</div>
</div>
</a>
<a href="/cours-et-stages-collectifs-de-surf.html" class="item">
<div class="img">
<img src="{{ asset('front/images/miniature-slide-index/miniature-cours-collectifs-de-surf.jpg') }}" loading="lazy" alt="cours de surf collectif cote basque saint jean de luz">
</div>
<div class="content">
<div class="title">
cours de surf <br> collectifs
</div>
<div class="link">
➔
</div>
</div>
<div class="hover-box">
<div class="title">
cours de surf collectifs à saint-jean-de-luz
</div>
<div class="desc">
Progressez en groupe dans une ambiance conviviale et adaptée à votre niveau. Dépassez vos limites lors de stages d'un ou plusieurs jours.
</div>
<div class="desc-2">
Découvrez nos tarifs pour les cours de surf collectifs
</div>
</div>
</a>
<a href="/cours-particuliers.html" class="item">
<div class="img">
<img src="{{ asset('front/images/miniature-slide-index/miniature-cours-de-surf-particuliers.jpg') }}" loading="lazy" alt="cours particuliers de surf">
</div>
<div class="content">
<div class="title">
cours de surf <br> particuliers
</div>
<div class="link">
➔
</div>
</div>
<div class="hover-box">
<div class="title">
cours de surf privés à saint-jean-de-luz
</div>
<div class="desc">
La formule idéale pour découvrir le surf ou pour améliorer rapidement son niveau sur les vagues de la plage d'Hendaye.
</div>
<div class="desc-2">
Découvrez nos tarifs pour les cours de surf particuliers
</div>
</div>
</a>
<a href="/evg-evjf.html" class="item">
<div class="img">
<img src="{{ asset('front/images/miniature-slide-index/miniature-bachelor-party-surf.jpg') }}" loading="lazy" alt="evj surf hendaye">
</div>
<div class="content">
<div class="title">
EVJ <br> ET EVG
</div>
<div class="link">
➔
</div>
</div>
<div class="hover-box">
<div class="title">
Bachelors et Bachelorettes parties !
</div>
<div class="desc">
Des moments inoubliables à partager avec vos amie·s ! Du fun et du plaisir avec des programmes sur mesure préparés par notre équipe.
</div>
<div class="desc-2">
En savoir plus
</div>
</div>
</a>
<a href="/faq.html" class="item">
<div class="img">
<img src="{{ asset('front/images/esf/mini-slide-5.jpeg') }}" loading="lazy" alt="">
</div>
<div class="content">
<div class="title">
la faq : toutes <br> nos réponses
</div>
<div class="link">
➔
</div>
</div>
<div class="hover-box">
<div class="title">
Toutes les réponses à vos questions
</div>
<div class="desc">
A quel âge commencer le surf, où ont lieu les cours de surf que vous proposez, que dois-je amener pour participer...
</div>
<div class="desc-2">
En savoir plus
</div>
</div>
</a>
</div>
</section>
{% endblock %}
{% block contenu %}
<section class=" pb-50 pt-75 ">
<div class=" container clearfix ">
<div class="page-box">
<div class="img-box float-xl-left" data-aos="fade-right" data-aos-delay="50" data-aos-duration="800" data-aos-easing="ease-in-out" data-aos-once="true">
<div class="img-1">
<img src="{{ src }}" loading="lazy" alt="">
</div>
<div class="img-2">
<img src="{{ src1 }}" loading="lazy" alt="">
</div>
<div class="img-icon">
<img src="{{ asset('front/images/esf/deco-img-1.svg') }}" width="93" loading="lazy" alt="" class="img-circle">
<img src="{{ asset('front/images/esf/deco-img-2.svg') }}" width="152" loading="lazy" alt="" class="text-circle">
</div>
</div>
<div class="content-box">
<div class="sect-title">
<h1>
{{ page.titre }}
</h1>
</div>
<div class="bloc-text ">
{{ page.contenu | raw }}
</div>
</div>
</div>
</div>
</section>
{% endblock %}
{% block atout %}
<section class="services-section">
<div class="container">
<div class="row">
<div class="col-xl-5 col-12 mb-40 pt-xl-95" data-aos="fade-right" data-aos-delay="50" data-aos-duration="800" data-aos-easing="ease-in-out" data-aos-once="true">
<div class="sect-title">
<div class="h1">
Des services et des avantages exclusifs
</div>
</div>
<div class="bloc-text">
<p>Nous vous offrons bien plus qu'une leçon. Avec notre école de surf, plongez dans une expérience unique avec des cours adaptés, des moniteurs passionnés, et une atmosphère qui favorise l'apprentissage. </p>
<p>Rejoignez l’ESF Saint-Jean-de-Luz pour des moments mémorables sur les vagues basques. Votre aventure commence ici.</p>
</div>
</div>
<div class="col-xl-7 col-12" data-aos="fade-left" data-aos-delay="50" data-aos-duration="800" data-aos-easing="ease-in-out" data-aos-once="true">
<div class="row">
<div class="col-md-6 col-12 mb-0 mb-40 pt-xl-95">
<div class="item-services mb-40">
<div class="icon">
<img src="{{ asset('front/images/esf/ico-avt-1.svg') }}" width="62" loading="lazy" alt="">
</div>
<div class="title">
Un local spacieux <br> face à l'océan
</div>
<div class="desc">
Profitez de vestiaires avec douches chaudes et casiers de rangements.
</div>
</div>
<div class="item-services">
<div class="icon">
<img src="{{ asset('front/images/esf/ico-avt-3.svg') }}" width="56" loading="lazy" alt="">
</div>
<div class="title">
Une team de moniteurs <br> 100% diplômés
</div>
<div class="desc">
Toute notre équipe de moniteurs de surf est titulaire du Brevet d’Etat pour un apprentissage sécurisé.
</div>
</div>
</div>
<div class="col-md-6 col-12 mb-0">
<div class="item-services mb-40">
<div class="icon">
<img src="{{ asset('front/images/esf/ico-avt-2.svg') }}" width="34" loading="lazy" alt="">
</div>
<div class="title">
Prêt gratuit <br> de matériel adapté
</div>
<div class="desc">
Planches et combinaisons de surf adaptées sont comprises dans nos formules.
</div>
</div>
<div class="item-services">
<div class="icon">
<img src="{{ asset('front/images/esf/ico-avt-4.svg') }}" width="57" loading="lazy" alt="">
</div>
<div class="title">
Enfants <br> du Pays basque
</div>
<div class="desc">
Avec nous, découvrez les meilleures adresses de la Côte basque pour des vacances inoubliables !
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
{% endblock %}
{% block cours %}
{% include 'front/formule.html.twig' %}
{% endblock %}
{% block a_voir %}
<section class="pb-0 pt-50">
<div class="container">
<div class="sect-title text-center" data-aos="fade-up" data-aos-delay="50" data-aos-duration="800" data-aos-easing="ease-in-out" data-aos-once="true">
<div class="h1">
à voir et à faire au pays basque pendant vos vacances
</div>
</div>
<div class="bloc-text mb-50 text-center fs-big">
Manex et toute l’équipe de l’école de surf ESF SAINT-JEAN-DE-LUZ partageront avec vous leurs bonnes adresses et leurs bons plans pour passer des vacances inoubliables. Petit aperçu de ce que pourra vous réserver votre séjour au Pays basque...
</div>
</div>
<div class="container container-one">
<div class="row">
<div class="col-xl col-md-6 col-12 mb-30 order-1" data-aos="fade-up" data-aos-delay="50" data-aos-duration="800" data-aos-easing="ease-in-out" data-aos-once="true">
<a href="/maison-infante.html" class="item-vac deco-losange-parent mb-30">
<div class="img">
<img src="{{ asset('front/images/esf/vac-1.jpeg') }}" loading="lazy" alt="">
</div>
<div class="icon deco-losange">
<img src="{{ asset('front/images/esf/vac-ico-1.svg') }}" loading="lazy" alt="">
</div>
<div class="content">
<div class="title">
la maison <br> de l’infante
</div>
<div class="link">
➔
</div>
</div>
</a>
<a href="/golf-pays-basque.html" class="item-vac deco-losange-parent">
<div class="img">
<img src="{{ asset('front/images/esf/golf-pays-basque-ecole-de-surf-hendaye-saint-jean-deluz.jpg') }}" loading="lazy" alt="golf pays basque et surf saint jean de luz et hendaye">
</div>
<div class="icon deco-losange">
<img src="{{ asset('front/images/esf/vac-ico-2.svg') }}" loading="lazy" alt="">
</div>
<div class="content">
<div class="title">
golf au <br> pays basque
</div>
<div class="link">
➔
</div>
</div>
</a>
</div>
<div class="col-xl-5 col-12 order-xl-2 order-3 mb-30 px-xl-5" data-aos="fade-up" data-aos-delay="350" data-aos-duration="800" data-aos-easing="ease-in-out" data-aos-once="true">
<div class="bloc-text mb-50">
<p>Explorez des lieux emblématiques tels que <a href="/maison-infante.html">la Maison de l'Infante</a>, offrant une plongée dans l'histoire locale. Profitez de la tranquillité à la Baie de Chingoudy et détendez-vous à la thalassothérapie après une journée de
surf inoubliable.</p>
<p>Pour les amateurs de golf, <a href="/golf-pays-basque.html">les greens et parcours de golf</a> de renom tels que Chiberta à Anglet et Biarritz et Chantaco vous attendent. Pour les aventuriers, testez vos limites à <a href="/accrobranche-cote-basque.html">l'accrobranche du Parc Oihana</a>. <br>Ne manquez pas le charme du
<a href="/petit-train-rhune.html">Petit train de la Rhune</a> offrant des vues spectaculaires à partager en famille ou entre ami·e·s. Et pour les amoureux de la nature, partez à la découverte du <a href="/balade-et-randonnees-pays-basque.html">Pays Basque à vélo ou en rando</a>, une autre manière d'explorer cette
magnifique région.</p>
<p>Explorez, détendez-vous et vivez pleinement l'expérience unique de Saint-Jean-de-Luz et de ses trésors cachés. <b>Surf, histoire, nature, golf, sensations fortes et détente, tout est à portée de main sur la Côte basque.</b></p>
</div>
<a href="/petit-train-rhune.html" class="item-vac deco-losange-parent mb-30">
<div class="img">
<img src="{{ asset('front/images/esf/vac-5.jpeg') }}" loading="lazy" alt="tourisme decouverte pays basque rhune surf hendaye et saint jean de luz">
</div>
<div class="icon deco-losange">
<img src="{{ asset('front/images/esf/vac-ico-5.svg') }}" loading="lazy" alt="">
</div>
<div class="content">
<div class="title">
le petit train <br> de la rhune
</div>
<div class="link">
➔
</div>
</div>
</a>
</div>
<div class="col-xl col-md-6 col-12 mb-30 order-2 order-xl-3" data-aos="fade-up" data-aos-delay="650" data-aos-duration="800" data-aos-easing="ease-in-out" data-aos-once="true">
<a href="/balade-et-randonnees-pays-basque.html" class="item-vac deco-losange-parent mb-30">
<div class="img">
<img src="{{ asset('front/images/esf/balade-en-velo-pays-basque.jpg') }}" loading="lazy" alt="randonnees pays basque et surf a hendaye et saint jean de luz">
</div>
<div class="icon deco-losange">
<img src="{{ asset('front/images/esf/vac-ico-3.svg') }}" loading="lazy" alt="">
</div>
<div class="content">
<div class="title">
baldes et randonnées <br> au pays basque
</div>
<div class="link">
➔
</div>
</div>
</a>
<a href="/accrobranche-cote-basque.html" class="item-vac deco-losange-parent">
<div class="img">
<img src="{{ asset('front/images/esf/vac-4.jpeg') }}" loading="lazy" alt="accrobranche paintball et surf a saint jean de luz et hendaye">
</div>
<div class="icon deco-losange">
<img src="{{ asset('front/images/esf/vac-ico-4.svg') }}" loading="lazy" alt="accrobranche et paintball au pays basque">
</div>
<div class="content">
<div class="title">
accrobranche <br> près de saint-jean-de-luz
</div>
<div class="link">
➔
</div>
</div>
</a>
</div>
</div>
</div>
</section>
{% endblock %}
{% block avis %}
<section class="avis-section">
<div class="container">
<div class="sect-title text-center" data-aos="fade-up" data-aos-delay="50" data-aos-duration="800" data-aos-easing="ease-in-out" data-aos-once="true">
<div class="h1 text-white">
NOTRE école de surf, c’est vous qui en parlez le mieux !
</div>
</div>
<div class="bloc-text text-white text-center mb-60" data-aos="fade-up" data-aos-delay="50" data-aos-duration="800" data-aos-easing="ease-in-out" data-aos-once="true">
Retrouvez ci-dessous quelques témoignages d’élèves ayant participé à des cours et des stages de surf à Hendaye et Saint-Jean-de-Luz avec l’équipe de l’école de surf ESF SAINT-JEAN-DE-LUZ.
</div>
<div class="row align-items-center">
<div class="col-lg-google col-12 mb-40" data-aos="fade-right" data-aos-delay="50" data-aos-duration="800" data-aos-easing="ease-in-out" data-aos-once="true">
<div class="note-google ml-lg-0">
<div class="note">
4.8
</div>
<div class="stars-list">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
</div>
<div class="desc">
sur plus de 150 avis
</div>
<div class="text-center">
<img src="{{ asset('front/images/esf/google.png') }}" loading="lazy" alt="">
</div>
</div>
</div>
<div class="col-lg-google-avis col-12 mb-40" data-aos="fade-left" data-aos-delay="50" data-aos-duration="800" data-aos-easing="ease-in-out" data-aos-once="true">
<div class="google-slide-box">
<div class="deco-left-box"></div>
<div class="deco-left-box"></div>
<div class="google-slide owl-carousel">
{% for avis in avisListe %}
<a href="" class="item">
<div class="title-box">
<div class="avatar">
<img src="{{ asset(avis_directory~avis.avatar) }}" loading="lazy" alt="">
</div>
<div class="title">
{{ avis.nom }}
</div>
</div>
<div class="stars-list">
{% for i in 1..5 %}
{% if (i <= avis.note) %}
<i class="fa fa-star"></i>
{% else %}
<i class="fa fa-star empty"></i>
{% endif %}
{% endfor %}
</div>
<div class="desc">
{{ avis.commentaire }}
</div>
</a>
{% endfor %}
</div>
</div>
</div>
</div>
</div>
</section>
{% endblock %}
{% block actualite %}
<section class="pt-90 pb-140">
<div class="container">
<div class="sect-title text-center" data-aos="fade-up" data-aos-delay="50" data-aos-duration="800" data-aos-easing="ease-in-out" data-aos-once="true">
<div class="h1">
Le Blog de l’ESF SAINT-JEAN-DE-LUZ
</div>
</div>
<div class="bloc-text fs-big text-center mb-55">
Découvrez les coulisses de notre école de surf, les bonnes adresses et les conseils pour débuter le surf ou améliorer son niveau de glisse. Retrouvez également des témoignages en longueur de nos élèves.
</div>
</div>
<div class="container container-one">
<div class="blog-list">
{% for actualite in actualites %}
{{ actualite.init() }}
<a href="{{ path('app_actualite_detail', { slug : actualite.slug }) }}" class="item-blog" data-aos="fade-up" data-aos-delay="50" data-aos-duration="800" data-aos-easing="ease-in-out" data-aos-once="true">
<div class="img">
<img src="{{ asset(actualite.imgSrc) }}" loading="lazy" alt="">
</div>
<div class="content">
<div class="cat">
{% if actualite.categorie is not null %}
{{ actualite.categorie.nom }}
{% endif %}
</div>
<div class="title">
{{ actualite.titre }}
</div>
</div>
</a>
{% endfor %}
</div>
</div>
</section>
{% endblock %}
{% block modal %}
{% if popup is defined and popup is not null %}
<!-- Modal -->
<div class="modal fade" id="modal-popup" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-body" style="background: url({{ asset(popup_directory ~ popup.image) }}) no-repeat center/cover;">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
{{ popup.contenu | raw }}
</div>
</div>
</div>
</div>
{% endif %}
{% endblock %}