Linux SRV-16 6.18.44-paas #1 SMP PREEMPT_DYNAMIC Thu Aug 13 10:08:12 UTC 2026 x86_64
/
srv
/
data
/
trash
/
vhost_www.traiteur-75.fr_1689065491
/
htdocs
/
templates
/
front
/
page
/
/srv/data/trash/vhost_www.traiteur-75.fr_1689065491/htdocs/templates/front/page/index.html.twig
{% extends 'front/layout.html.twig' %} {% block title %} Des plats 100% gastronomiques et artisanaux {% endblock %} {% block description %}Chez Maison Pou, 100% de nos plats sont faits maison avec des produits frais, locaux, et préparé chaque jour par le chef Aurélien Feryn et son équipe.{% endblock %} {% block content %} <div id="banner-home"> <div class="row"> <div class="col-4" id="p"> <div id="p-primary" class="text-center" style="background-image: url({{asset('build/images/banner-home-1.png')}}); height:100vh; background-repeat:no-repeat; background-size:cover;"> <img src="{{asset('build/images/banner-p.png')}}" alt="p" class="letter-banner img-fluid"> </div> <div id="p-outline" class="text-center"> <img src="{{asset('build/images/banner-p-outline.png')}}" alt="p" class="letter-banner img-fluid"> </div> </div> <div class="col-4" id="o"> <div id="o-primary" class="text-center" style="background-image: url({{asset('build/images/banner-home-2.png')}}); height:100vh; background-repeat:no-repeat; background-size:cover;"> <img src="{{asset('build/images/banner-o.png')}}" alt="o" class="letter-banner-2 img-fluid"> <br> <img src="{{asset('build/images/maison-pink.png')}}" alt="maison" class="maison img-fluid"> </div> <div id="o-outline" class="text-center"> <img src="{{asset('build/images/banner-o-outline.png')}}" alt="o" class="letter-banner-2 img-fluid"> <br> <img src="{{asset('build/images/maison-pink.png')}}" alt="maison" class="maison img-fluid"> </div> </div> <div class="col-4" id="u"> <div id="u-primary" class="text-center" style="background-image: url({{asset('build/images/banner-home-3.png')}}); height:100vh; background-repeat:no-repeat; background-size:cover;"> <img src="{{asset('build/images/banner-u.png')}}" alt="u" class="letter-banner img-fluid"> </div> <div id="u-outline" class="text-center"> <img src="{{asset('build/images/banner-u-outline.png')}}" alt="u" class="letter-banner img-fluid"> </div> </div> </div> </div> {# <div class="container-fluid mt-5"> <div class="d-flex"> <div class="col-md-6"> <img src="{{asset('build/images/banner_home_page_1.jpg')}}" class="img-fluid border-radius-none" alt=""> </div> <div class="col-md-6 d-none d-md-block"> <img src="{{asset('build/images/banner_home_page_2.jpg')}}" class="img-fluid border-radius-none" alt=""> </div> </div> </div> #} <div class="container"> {# <video autoplay loop muted class="video_home"> <source src={{asset('build/images/home_video.mp4')}} type="video/mp4"> </video> #} <section class="section-padding"> <h1 class="text-center">Maison Pou, <br> la tradition par excellence depuis 1830</h1> <div class="text-center"> <img src="{{asset('build/images/Line_hp.png')}}" alt=""> </div> <h2 class="text-center">Voir notre <br><span class="windSong">Selection du mois</span> </h2> <div class="row mt-5"> <div class="sliderBx"> {% for product in productsFavorite %} <div class="col-md-3 mt-3" style="margin-right:40px;"> {% include "front/blocks/card-product.html.twig" with {product} %} </div> {% endfor %} </div> </div> </section> <section class="section-padding {# under_video #}"> <h2 class="text-center">Découvrez <br><span class="windSong">Notre concept</span> </h2> <div class="row align-items-center mt-5"> <div class="col-md-6"> <img src={{asset('build/images/DSCF2673.jpg')}} alt="banner" class="img-fluid"/> </div> <div class="col-md-6 "> <p>Lorem ipsum dolor sit amet. Non consequatur sequi sed porro quis aut odio exercitationem cum obcaecati neque ex nobis ullam. Eum recusandae explicabo qui voluptas fugit qui placeat provident est suscipit inventore cum repellat eaque. Et autem doloribus nam ullam explicabo qui commodi sint At quisquam facilis id repellat nisi eos laborum omnis aut repudiandae excepturi.</p> <p> Lorem ipsum dolor sit amet. Non consequatur sequi sed porro quis aut odio exercitationem cum obcaecati neque ex nobis ullam. Eum recusandae explicabo qui voluptas fugit qui placeat provident est suscipit inventore cum repellat eaque. Et autem doloribus nam ullam explicabo qui commodi sint At quisquam facilis id repellat nisi eos laborum omnis aut repudiandae excepturi. </p> <br> <div class="d-flex justify-content-end"> <p> <a href="{{path('app_concept')}}" class="link_footer">On se dévoile par ici <img src={{asset('build/images/arrow_right.png')}} class="img-fluid" style="max-width:30px"/> </a> </p> </div> </div> </div> </section> <section class="section-padding"> <div class="row"> <div class="col-md-6"> <h2 class="text-center mb-5">Rencontre <br><span class="windSong">Avec notre chef</span> </h2> <p>Lorem ipsum dolor sit amet. Non consequatur sequi sed porro quis aut odio exercitationem cum obcaecati neque ex nobis ullam. Eum recusandae explicabo qui voluptas fugit qui placeat provident est suscipit inventore cum repellat eaque. Et autem doloribus nam ullam explicabo qui commodi sint At quisquam facilis id repellat nisi eos laborum omnis aut repudiandae excepturi.</p> <p> Lorem ipsum dolor sit amet. Non consequatur sequi sed porro quis aut odio exercitationem cum obcaecati neque ex nobis ullam. Eum recusandae explicabo qui voluptas fugit qui placeat provident est suscipit inventore cum repellat eaque. Et autem doloribus nam ullam explicabo qui commodi sint At quisquam facilis id repellat nisi eos laborum omnis aut repudiandae excepturi.</p> <div class="position-relative"> <div class="row"> <img src={{asset("build/images/DSCF2488.jpg")}} alt='nos cuisiniers' class="img-fluid rounded-3 position-absolute d-none d-md-block" style="left:100px;"/> </div> </div> </div> <div class="col-md-6"> <img src={{asset("build/images/DSCF2517.jpg")}} alt='nos cuisiniers' class="img-fluid" style="max-height:800px;"/> </div> </div> </section> <section class="customer-logos slider"> <div class="slide"> <p>RECETTE EXCLUSIVE <svg width="13" height="13" viewbox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="6.5" cy="6.5" r="6.5" fill="#DFB5A9"/> </svg> </p> </div> <div class="slide"> <p>DU FRAIS AU QUOTIDIEN <svg width="13" height="13" viewbox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="6.5" cy="6.5" r="6.5" fill="#DFB5A9"/> </svg> </p> </div> <div class="slide"> <p>PRODUCTION LOCALE <svg width="13" height="13" viewbox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="6.5" cy="6.5" r="6.5" fill="#DFB5A9"/> </svg> </p> </div> <div class="slide"> <p>PRODUITS MADE IN FRANCE <svg width="13" height="13" viewbox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="6.5" cy="6.5" r="6.5" fill="#DFB5A9"/> </svg> </p> </div> <div class="slide"> <p>PRODUITS DE SAISON <svg width="13" height="13" viewbox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="6.5" cy="6.5" r="6.5" fill="#DFB5A9"/> </svg> </p> </div> <div class="slide"> <p>RECETTE EXCLUSIVE <svg width="13" height="13" viewbox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="6.5" cy="6.5" r="6.5" fill="#DFB5A9"/> </svg> </p> </div> <div class="slide"> <p>DÉMARCHE ÉCO-RESPONSABLE <svg width="13" height="13" viewbox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="6.5" cy="6.5" r="6.5" fill="#DFB5A9"/> </svg> </p> </div> </section> <section class="section-padding"> <h2 class="text-center">Voir nos derniers <br><span class="windSong">Produits en vedette</span> </h2> <div class="row mt-5"> {% for product in productsMostLike %} <div class="col-md-3 mt-3"> {% include "front/blocks/card-product.html.twig" with {product} %} </div> {% endfor %} </div> </section> <section class="section-padding"> <div class="row"> <div class="col-md-3 text-center p-4"> <div style="height:160px;"> <img src={{asset('build/images/cuisine_traditionnelle.png')}} alt="icon durable" style="width:50%; height:100%;" class="img-fluid"> </div> <br> <div> <h3 class="text-center fw-bold mt-1">Cuisine traditionnelle</h3> <div> <p>Nous veillons à la durabilité tant écologique que sociale de nos activités et sommes en contact direct avec les producteurs </p> </div> </div> </div> <div class="col-md-3 text-center p-4"> <div style="height:160px;"> <img src={{asset('build/images/transparence.png')}} alt="icon durable" style="width:50%; height:100%;"> </div> <br> <h3 class="text-center fw-bold mt-1">Transparence</h3> <div> <p>Vous pouvez connaitre la provenance de chaque produit que nous utilisons dans nos recettes </p> </div> </div> <div class="col-md-3 text-center p-4"> <div style="height:160px;"> <img src={{asset('build/images/savoir-faire.png')}} alt="icon durable" style="width:70%; height:100%;"> </div> <br> <h3 class="text-center fw-bold mt-1">Savoir-faire</h3> <div> <p>Nous n'ajoutons aucun additifs à nos produits et à nos recettes </p> </div> </div> <div class="col-md-3 text-center p-4"> <div style="height:160px;"> <img src={{asset('build/images/produit-naturel.png')}} alt="icon durable" style="width:40%; height:100%;"> </div> <br> <h3 class="text-center fw-bold mt-1">Produit naturel</h3> <div> <p>Nous utilisons des emballages entièrement recyclables ou recyclés.</p> </div> </div> </div> </section> <section class="section-padding"> <h2 class="text-center">Découvrir <br><span class="windSong">Notre cuisine</span> </h2> <div class="row"> <p>Lorem ipsum dolor sit amet. Non consequatur sequi sed porro quis aut odio exercitationem cum obcaecati neque ex nobis ullam. Eum recusandae explicabo qui voluptas fugit qui placeat provident est suscipit inventore cum repellat eaque. Et autem doloribus nam ullam explicabo qui commodi sint At quisquam facilis id repellat nisi eos laborum omnis aut repudiandae excepturi.</p> <p> Lorem ipsum dolor sit amet. Non consequatur sequi sed porro quis aut odio exercitationem cum obcaecati neque ex nobis ullam. Eum recusandae explicabo qui voluptas fugit qui placeat provident est suscipit inventore cum repellat eaque. Et autem doloribus nam ullam explicabo qui commodi sint At quisquam facilis id repellat nisi eos laborum omnis aut repudiandae excepturi.</p> </div> </section> <section class="section-padding" style="margin-bottom:100px;"> <div class="row align-items-center"> <div class="col-md-6"> <img src={{asset('build/images/DSCF2863.jpg')}} alt="icon durable" class="img-fluid d-block d-md-none" style="width:60%;"> <div class="position-relative d-none d-md-block"> <img src={{asset('build/images/DSCF2910.jpg')}} alt="icon durable" class="img-fluid " style="width:50%; margin-top:120px;"> <img src={{asset('build/images/DSCF2863.jpg')}} alt="icon durable" class="img-fluid position-absolute rounded-10" style="width:60%; top:0px; left:170px; z-index:-2;"> <img src={{asset('build/images/DSCF2903.jpg')}} alt="icon durable" class="img-fluid position-absolute" style="width:60%; bottom:-150px;right:150px;"/> </div> </div> <div class="col-md-6"> <h2 class="text-center">Notre recette coup de <svg width="31" height="40" viewbox="0 0 31 40" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M30.5495 14.8752C31.2824 11.504 31.2233 8.20519 29.6038 5.69391C27.4603 2.37098 22.8265 2.64021 19.9107 4.65727C17.4008 6.39708 15.7656 9.14945 14.3116 11.8656C14.217 7.715 10.4344 -0.992126 5.08741 0.0927472C3.90533 0.329812 3.07394 1.40666 2.45926 2.46743C-1.2249 8.86416 -0.298941 16.1288 2.15979 22.7706C2.66809 24.1568 10.064 39.562 9.1853 40C14.8632 37.1874 21.2544 33.0206 24.8755 27.5923C26.8811 24.5787 29.5092 19.6566 30.5495 14.8752Z" fill="#DE25A4" fill-opacity="0.65"/> </svg> <br><span class="windSong">Feuilletée à la saucisse</span> </h2> <div class="mt-5"> <p>Envie de feuilleté à la saucisse ?</p> <p>Maison Pou vous invite à découvrir cette recette qui est le coup de cœur de nos clients !</p> <p>Vous aurez besoin de 220g Pâte feuilletée, 1 paquet de saucisses de Strasbourg et 4 cuillères à café de moutarde.</p> <p>Pour commencer, préchauffez le four à 180°C. Ensuite, étaler la pâte en triangle ou en rectangle et étaler la moutarde dessus. Une fois que c’est fait, rouler la pâte tout autour des saucisses. Vous pouvez badigeonner légèrement la pâte avec du lait ou un peu de beurre. Posez ensuite la pâte sur une plaque de cuisson antiadhésive ou une plaque de cuisson recouverte d’une feuille de papier cuisson. Enfournez environ 15 à 20 min. Voilà, vous pouvez maintenant le déguster bien chaud accompagné de notre salade de carotte rapé ou encore nos poireaux vinaigrette.</p> </div> </div> </div> </section> </div> {% endblock %} {% block javascripts %} {{parent()}} <script> $(window).scroll(function (event) { function footer() { var scroll = $(window).scrollTop(); if (scroll > 2200) { $(".footer-nav").fadeIn("slow").addClass("show"); } else { $(".footer-nav").fadeOut("slow").removeClass("show"); } clearTimeout($.data(this, 'scrollTimer')); $.data(this, 'scrollTimer', setTimeout(function () { if ($('.footer-nav').is(':hover')) { footer(); } else { $(".footer-nav").fadeOut("slow"); } }, 2000)); } footer(); }); </script> <script defer src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick.js"></script> <script defer> $(document).ready(function () { $('.customer-logos').slick({ slidesToShow: 6, slidesToScroll: 1, autoplay: true, autoplaySpeed: 1500, arrows: false, dots: false, pauseOnHover: false, responsive: [ { breakpoint: 768, settings: { slidesToShow: 4 } }, { breakpoint: 520, settings: { slidesToShow: 3 } } ] }); }); </script> <script> $(document).ready(function () { $('.sliderBx').bxSlider({ maxSlides: 4, minSlides: 1, slideWidth: "300px", auto: true, pause: 3000, responsive: true }); }); </script> <script> window.addEventListener("DOMContentLoaded", (event) => { $("#p-primary").hide(); $("#o-primary").hide(); $("#u-primary").hide(); $("#p").hover(() => { $("#p-outline").hide(); $("#p-primary").show(); }, () => { $("#p-outline").show(); $("#p-primary").hide(); }) $("#o").hover(() => { $("#o-outline").hide(); $("#o-primary").show(); }, () => { $("#o-outline").show(); $("#o-primary").hide(); }) $("#u").hover(() => { $("#u-outline").hide(); $("#u-primary").show(); }, () => { $("#u-outline").show(); $("#u-primary").hide(); }) }); </script> {% endblock %}