templates/front/accueil/index.html.twig line 1

Open in your IDE?
  1. {% extends 'front/layout.html.twig' %}
  2. {% block googleTagManagerDataLayer %}
  3.     {% include 'google_tag.html.twig' with {'titlePage':'Accueil','categoryPage':'homepage','navigation_category1':'','navigation_category2':'','navigation_category3':'' }   %}
  4. {% endblock %}
  5. {% block body %}
  6.     <script>
  8.     </script>
  9.     {% if is_mobile_view() or is_tablet_view() %}
  10.         {% include 'front/header.html.twig' with {'headerMobile': '1'} %}
  11.         <div class="part_slide_txt desctop_accueil_header">
  12.             <div  class="" >
  13.                 <div class="barProducts">
  15.                     <div class="homej1">
  16.                         <h2 id="HBesoinProductHome" style="min-height: 70px;position:relative;">
  17.                             <span style="{#position: absolute#}">{{ 'Besoin'|trans }} &nbsp;&nbsp;</span>
  18.                             <span class="spanAnime" style="{#margin-left: 165px;#}">
  19.                         <span id="mainLoop">
  20.                             <span class="tripLoop" style="display: inline ">{{ "D\'IMPRESSIONS ?"|trans }}</span>
  21.                             <span class="tripLoop"> {{ 'DE COPIES ?'|trans }}</span>
  22.                             <span class="tripLoop">{{ 'DE BROCHURES ?'|trans }}</span>
  23.                             <span class="tripLoop">{{ 'DE FLYERS ?'|trans }}</span>
  24.                             <span class="tripLoop">{{ 'DE POSTERS & AFFICHES ?'|trans }}</span>
  25.                             <span class="tripLoop">{{ 'DE DEPLIANTS ?'|trans }}</span>
  26.                             <span class="tripLoop">{{ 'DE CARTES DE VISITE ?'|trans }}</span>
  27.                             <span class="tripLoop">{{ "D\'INVITATIONS ?"|trans }}</span>
  28.                             <span class="tripLoop">{{ 'DE LIVRETS ?'|trans }}</span>
  29.                             <span class="tripLoop">{{ 'DE STICKERS ?'|trans }}</span>
  30.                             <span class="tripLoop">{{ 'DE CARTES POSTALES ?'|trans }}</span>
  31.                             <span class="tripLoop">{{ 'DE ROLL UP ?'|trans }}</span>
  32.                             <span class="tripLoop">{{ 'DE PHOTOS ?'|trans }}</span>
  33.                             <span class="tripLoop">{{ 'DE T-SHIRTS ?'|trans }}</span>
  34.                             <span class="tripLoop">{{ 'DE SWEAT ?'|trans }}</span>
  35.                             <span class="tripLoop">{{ 'DE TOTE BAGS ?'|trans }}</span>
  37.                         </span>
  38.                     </span>
  39.                         </h2>
  40.                         {#                  <h2>Besoin de cartes de visite ?</h2>#}
  41.                         <h3 style=" text-align: center">{{ "Souriez, vous êtes déjà livré(e)s !"|trans|raw}}</h3>
  42.                         <div>
  43.                             <div>{{ "Tous vos documents imprimés & reliés, et produits d’impressions personnalisés,"|trans}}</div>
  44.                             <div  style="    padding-left: 31px;"> {{ 'livrés chez vous'|trans }}  <div class="pbgt1"> {{ 'LE JOUR MÊME'|trans }} </div><div class="pbgt2"> {{ 'sur créneaux de'|trans }}  <strong>{{ '30 mn'|trans }}</strong></div></div>
  45.                         </div>
  47.                     </div>
  48.                 </div>
  49.             </div>
  50.             <div class="" id="input_home_top_mobile">
  51.                 <div class="close_btn_home_top_mobile">
  52.                     <div class="text-right" id="close_btn_home_top_mobile"><img src="{{ asset('images/btn_closex.png') }}"></div>
  53.                     <h4> {{ 'On vous livre où ?'|trans }}</h4>
  54.                 </div>
  55.                 <div class="input_top_local input_top_local_home">
  56.                     <div class="input_top_local_home11">
  57.                         <input type="text" id="addressLiv" placeholder="{{ 'Saisissez l’adresse de livraison'|trans }}">
  58.                         <button id="spanSearchBtn" class="btnRechercheLivraison" type="submit">{{ 'Voir nos produits & services'|trans }}</button>
  59.                         <input type="hidden" id="latLiv" name="latLiv" value="">
  60.                         <input type="hidden" id="longLiv" name="longLiv" value="">
  61.                         <input type="hidden" id="codePostalLiv" name="codePostalLiv" value="">
  62.                     </div>
  63.                 </div>
  64.             </div>
  65.             <div class="img_input_home_top">
  66.                 {% if countrySelect.languageCode == 'Es' %}
  67.                     <img src="{{ asset('images/b0t4_es.jpeg') }}" style="max-width: 330px;">
  68.                 {% else %}
  69.                     <img src="{{ asset('images/b0t4.png') }}">
  70.                 {% endif %}
  72.             </div>
  73.         </div>
  74.         <div class="part_slide_txt mobile_accueil_header" style="background-image: none!important;background-color: #fff;border: 1px solid #000;border-radius: 20px;margin-left: 20px;margin-right: 20px;margin-top: 35px;" >
  75.             <h2 class="titre_accueil_header1" style="font-family: Portrait Text Web;font-size: 26px !important;line-height: 32px;font-weight: bold !important;text-align: left;">{{ 'Vos documents imprimés & reliés, et + de 300 produits d’impressions (flyers, cartes de visites, tee-shirt, photos,ect...) livrés aujourd’hui'|trans }}.</h2>
  76.             <h3 class="titre_accueil_header2" style="font-family: Portrait Text Web; margin-top: 25px;font-size: 20px !important;line-height: 24px;text-align: left;">{{ 'Recevez les chez vous aujourd\'hui sur créneaux de 30 mn, ou en point retrait chez nos 50 imprimeurs partenaires sous 2H !'|trans }}</h3>
  77.             <div class="bloc_livraison_mobile">
  78.                 {#<h2>{{ 'Tous vos produits d’impression livrés chez vous le jour même'|trans }}</h2>#}
  79.                 <input type="text" id="addressLivMobile" placeholder="{{ 'Saisissez votre adresse de livraison'|trans }}">
  80.                 <button  id="submitAdresseLivraison" type="submit">{{ 'Je me fais livrer'|trans }}</button>
  81.                 {% if app.user %}
  83.                 {% else %}
  84.                     <h3><strong><a href="#" class="connect_header_bar_adresse">{{ 'Connectez-vous'|trans }}</a> </strong> {{ 'pour vos adresses enregistrées'|trans }}</h3>
  85.                 {% endif %}
  86.             </div>
  87.             {#<div class="img_input_home_top">#}
  88.             {#<img src="{{ asset('images/bg_mobile_accueil.png') }}">#}
  89.             {#</div>#}
  90.         </div>
  91.         <div class="part_box10service" style="display: none">
  92.             <div class="row">
  93.                 <div class="col-lg col-md-4 col1">
  94.                     <a href="#" class="linkPapierProductAcueil"><img src="{{ asset('images/ser1.png') }}"></a>
  95.                     <h4><a href="#" class="linkPapierProductAcueil">Imprimer & relier A5/A4/A3</a></h4>
  96.                 </div>
  97.                 <div class="col-lg col-md-4 col2">
  98.                     <a href="#" class="linkPapierAfficheEditAcueil"><img src="{{ asset('images/ser2.png') }}"></a>
  99.                     <h4><a href="#" class="linkPapierAfficheEditAcueil">Posters & affiches (de A0 à A4)</a></h4>
  100.                 </div>
  101.                 <div class="col-lg col-md-4 col3">
  102.                     <a href="#" class="linkPapierFlyerAcueil"><img src="{{ asset('images/ser3.png') }}"></a>
  103.                     <h4> <a href="#" class="linkPapierFlyerAcueil">Flyers A3/A4/A5</a></h4>
  104.                 </div>
  105.                 <div class="col-lg col-md-4 col4">
  106.                     <a href="#" class="linkPapierFairePartAcueil"> <img src="{{ asset('images/ser4.png') }}"></a>
  107.                     <h4><a href="#" class="linkPapierFairePartAcueil">Faire part</a></h4>
  108.                 </div>
  109.                 <div class="col-lg col-md-4 col5">
  110.                     <a href="#" class="linkPapierCarteAcueil"><img src="{{ asset('images/ser5.png') }}"></a>
  111.                     <h4><a href="#" class="linkPapierCarteAcueil">Cartes de visite</a></h4>
  112.                 </div>
  113.                 <div class="col-lg col-md-4 col6">
  114.                     <a href="#" class="linkPapierMenuAcueil"><img src="{{ asset('images/ser6.png') }}"></a>
  115.                     <h4><a href="#" class="linkPapierMenuAcueil">Menus</a></h4>
  116.                 </div>
  117.                 <div class="col-lg col-md-4 col7">
  118.                     <a href="{{ path('index_top_100') }}"> <img src="{{ asset('images/ser7.png') }}"></a>
  119.                     <h4><a href="{{ path('index_top_100') }}">TOP 100 essentiel</a></h4>
  120.                 </div>
  121.                 <div class="col-lg col-md-4 col8">
  122.                     <a href="#" class="linkPapierProductEditAcueil"><img src="{{ asset('images/ser8.png') }}"></a>
  123.                     <h4><a href="#" class="linkPapierProductEditAcueil">Modification de PDF</a></h4>
  124.                 </div>
  125.                 <div class="col-lg col-md-4 col9">
  126.                     <a href="{{ path('distribue') }}"><img src="{{ asset('images/ser9.png') }}"></a>
  127.                     <h4><a href="{{ path('distribution_calcule') }}">Distribution de flyers</a></h4>
  128.                 </div>
  129.                 <div class="col-lg col-md-4 col10">
  130.                     <a href="{{ path('poste_page') }}"><img src="{{ asset('images/ser10.png') }}"></a>
  131.                     <h4><a href="{{ path('poste_page') }}">Envoi de courrier simple ou recommandé</a></h4>
  132.                 </div>
  133.             </div>
  134.         </div>
  135.         {% set showWidthoutPapier = app.request.get('showcarteFlyer') %}
  136.         {{ render(controller('App\\Controller\\Front\\ProductController::productBlock',{ 'showWidthoutPapier': showWidthoutPapier })) }}
  138.         {% include 'front/accueil/index-content.html.twig' %}
  139.         <!-- left modal concours-->
  140.         <div class="modal modal_outer left_modal fade" id="modalConcours" tabindex="-1" role="dialog" aria-labelledby="myModalLabel2" >
  141.             <div class="modal-dialog" role="document">
  142.                 <div class="modal-content ">
  143.                     <div class="modal-header pb-0" style="display: flex;justify-content: center;">
  144.                         <img src="{{ asset('images/logo_cop.png') }}">
  145.                         <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  146.                             <span aria-hidden="true">×</span>
  147.                         </button>
  148.                     </div>
  149.                     <div class="modal-body text-center">
  150.                         <h3 style="font-size: 20px;font-weight: bold;">{{ "Montrez au monde votre créativité <br>et gagnez 300€"|trans|raw }}</h3>
  151.                         <img src="{{ asset('images/img_concours_modal.png') }}">
  152.                         <p class="pt-3" style="font-size: 12px;font-weight: bold;color: #000;">
  153.                             {{ "Les deux secrets d\'un succès : La Qualité et la Créativité. Postez vos plus belles réalisations et chaque mois, celui qui récoltera le plus de like, gagnera un chèque d\'une valeur de 300 euros !"|trans|raw }}
  154.                         </p>
  155.                         {#                    <a href="#"><small style="color: #000;text-decoration: underline;font-size: 11px;">Réglement</small></a>#}
  156.                         <div class="d-flex mt-3 " style="align-content: center;flex-direction: column;flex-wrap: wrap;">
  157.                             <a href="{{ path('concours_copees') }}" style="color: #fff;background: #000;border-radius: 3px;padding: 10px 50px;margin-bottom: 10px;font-size: 15px;"> {{ 'Je participe'|trans }}</a>
  158.                             <a href="{{ path('concours_copees') }}" style="color: #fff;background: #000;border-radius: 3px;padding: 10px 50px;font-size: 15px;"> {{ 'Je vote'|trans }}</a>
  159.                         </div>
  160.                     </div>
  161.                 </div>
  162.             </div>
  163.         </div>
  164.         {% include 'front/footer.html.twig' %}
  165.     {% else %}
  166.         {% include 'front/accueil/index2.html.twig' %}
  167.     {% endif %}
  168.     <div class="elfsight-app-eaf5d12e-308e-4116-bee5-690b97eaae1f" data-elfsight-app-lazy></div>
  169.     <style>
  170.         .elfsight-app-eaf5d12e-308e-4116-bee5-690b97eaae1f {
  171.             position: fixed;
  172.             bottom: 10px;
  173.             left: 10px;
  174.         }
  175.         body{
  176.             background-color: #FAFAFA;
  177.         }
  178.     </style>
  179. {% endblock %}
  180. {% block javascripts %}
  181.     {{ parent() }}
  182.     <script>
  183.        var displayProduct = "{{  app.request.get('displayProduct')  }}";
  184.        var displayProductImprimer = "{{  app.request.get('imprimerRelier')  }}";
  185.        var displayProductImprimerEdit = "{{  app.request.get('imprimerRelierEdit')  }}";
  186.        var displayProductFlyer = "{{  app.request.get('flyer')  }}";
  187.        var displayProductCarteVisite = "{{  app.request.get('carteVisite')  }}";
  188.        var displayProductAffiche = "{{  app.request.get('affiche')  }}";
  189.        var displayProductMenu = "{{  app.request.get('menu')  }}";
  190.        var displayProductFaireMariage = "{{  app.request.get('faire_mariage')  }}";
  191.        var displayProductFaireNaissance = "{{  app.request.get('faire_naissance')  }}";
  192.        var souhaite_str = "{{  app.request.get('souhaite_str')  }}";
  193.     </script>
  194.     {{ encore_entry_script_tags('block_product') }}
  195.     {{ encore_entry_script_tags('uploadfileCustom') }}
  196.     {#<meta class="netreviewsWidget" id="netreviewsWidgetNum21925" data-jsurl="//cl.avis-verifies.com/fr/cache/d/2/4/d249c70c-6256-6b84-3147-584386d3fa2a/widget4/widget02-21925_script.js"/>#}
  197.     {#<script src="//cl.avis-verifies.com/fr/widget4/widget02_FB3.min.js"></script>#}
  199.     {% if app.request.get('isMobile') == '1' %}
  200.         <meta class="netreviewsWidget" id="netreviewsWidgetNum26158" data-jsurl="//cl.avis-verifies.com/fr/cache/d/2/4/d249c70c-6256-6b84-3147-584386d3fa2a/widget4/widget23-26158_script.js"/>
  202.         <script src="//cl.avis-verifies.com/fr/widget4/widget23_FB3.min.js"></script>
  203.     {% else %}
  204.     {% endif %}
  206.     <script defer charset="utf-8" src="https://widgets.rr.skeepers.io/generated/d249c70c-6256-6b84-3147-584386d3fa2a/4aed8b1d-2146-4753-ab20-bd281355edd6.js"></script>
  207.     <script src="https://static.elfsight.com/platform/platform.js" async></script>
  208.     {#<meta class="netreviewsWidget" id="netreviewsWidgetNum14129" data-jsurl="//cl.avis-verifies.com/fr/cache/d/2/4/d249c70c-6256-6b84-3147-584386d3fa2a/widget4/widget16-14129_script.js"/>#}
  209.     {#<script src="//cl.avis-verifies.com/fr/widget4/widget16.min.js"></script>#}
  210. {% endblock %}