{% set productCarte = getProductByType(constant('App\\Entity\\Product::CARTE')) %}
{% set productFlyer = getProductByType(constant('App\\Entity\\Product::FLYERS')) %}
{% set productAffiche = getProductByType(constant('App\\Entity\\Product::AFFICHE')) %}
{% set productDEPLIANT2 = getProductByType(constant('App\\Entity\\Product::DEPLIANT2')) %}
{% include 'front/header2.html.twig' %}
<div class="gabarretGlobal">
<div id="carouselAccueil"class=" slide" data-ride="carousel" style="position: relative">
<div class="blockGlobalNewAccueil">
<div class="blockAdresseHeaderNew">
<p>Tous vos produits d’impression
livrés chez vous le jour même</p>
<div class="inputAdresseNew">
<input type="text" id="addressLivNew" placeholder="{{ 'Saisissez votre adresse'|trans }}" >
<button id="spanSearchBtnNew" class="btnRechercheLivraisonNew" type="submit">{{ 'Je me fais livrer'|trans }}</button>
<input type="hidden" id="latLiv" name="latLiv" value="">
<input type="hidden" id="longLiv" name="longLiv" value="">
<input type="hidden" id="codePostalLiv" name="codePostalLiv" value="">
<input type="hidden" id="countryLiv" name="countryLiv" value="">
<input type="hidden" id="countryCodeLiv" name="countryCodeLiv" value="">
<input type="hidden" id="cityLiv" name="cityLiv" value="">
</div>
</div>
<div style="display: none" class="blockDispoHeaderNew">
<p>Disponibilité</p>
<div class="blockDispoHeaderNewIcon">
<div>
<p><img src="{{ asset('images/bike.svg') }}"> </p>
<p><span class="livStatusNewRed"></span><span>30 min</span> </p>
</div>
<div>
<p><img src="{{ asset('images/bag.svg') }}"> </p>
<p><span class="livStatusNewGreen"></span><span>Retrait</span> </p>
</div>
<div>
<p><img src="{{ asset('images/truck.svg') }}"> </p>
<p><span class="livStatusNewRed"></span><span>Livraison</span> </p>
</div>
</div>
</div>
<div style="display: none" class="blockProductChoiceHeaderNew">
<p>Que souhaitez-vous vous faire livrer pour aujourd'hui ?</p>
<div class="row blockProductChoiceHeaderNewContent ">
</div>
</div>
<div style="display: none;position: relative" class="blockbtnLiseuseHeaderNew" style="">
<p><a href="#" style="color:#007bff;margin-right: 10px;" class="prevSelectionBlockAccueil"><i class="fa fa-arrow-left" aria-hidden="true"></i></a> Chargez vos fichiers</p>
<div class="col-12 blockbtnLiseuseHeaderNewBtn" style="" >
<a href="#"class="blockbtnLiseuseHeaderNewBtnA" id="blockbtnLiseuseHeaderNewBtnNavigue">
<span class="iconePlusBoutton">
<svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 21 21" fill="none">
<g clip-path="url(#clip0_3_834)">
<path class="firstPath" d="M10.496 20.992C16.2928 20.992 20.992 16.2928 20.992 10.496C20.992 4.69922 16.2928 0 10.496 0C4.69922 0 0 4.69922 0 10.496C0 16.2928 4.69922 20.992 10.496 20.992Z" fill="#5667F6"/>
<path class="secondPath" d="M7.3736 10.8323V10.536H10.512V7.20551H10.8242V10.536H13.9466V10.8323H10.8242V14.1708H10.512V10.8323H7.3736Z" fill="white"/>
</g>
<defs>
<clipPath id="clip0_3_834">
<rect width="21" height="21" fill="white"/>
</clipPath>
</defs>
</svg>
</span>
<span style="vertical-align: middle;">Depuis votre navigateur</span>
</a>
</div>
<div style="display: none" class="tooltipblockbtnLiseuseHeaderNewNavigue">
<h2>Depuis votre navigateur</h2>
<p>
Livraison le jour même sur créneau de 30mn
</p>
<p>
Plus de 100 combinaisons de reliures
</p>
<p>
Prix instantané avec la technologie auto detect
</p>
<p>
Livraison gratuite dès 29€
</p>
</div>
<div class="col-12 blockbtnLiseuseHeaderNewBtn" style="" >
<a href="{% if checkAbonnementToCartOrOrder(app.user) %}{{ path('file_user_page_b2b') }}{% else %}{{ path('abonnementPro_adresse_facture') }}?typeAbonnement={{ constant('App\\Entity\\AbonnementPro::TYPE_PRO') }}&typeComptePaiement=1&isFree=1{% endif %}" class="blockbtnLiseuseHeaderNewBtnA" id="blockbtnLiseuseHeaderNewBtnCopeesPlus">
<span class="iconePlusBoutton">
<svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 21 21" fill="none">
<g clip-path="url(#clip0_3_834)">
<path class="firstPath" d="M10.496 20.992C16.2928 20.992 20.992 16.2928 20.992 10.496C20.992 4.69922 16.2928 0 10.496 0C4.69922 0 0 4.69922 0 10.496C0 16.2928 4.69922 20.992 10.496 20.992Z" fill="#5667F6"/>
<path class="secondPath" d="M7.3736 10.8323V10.536H10.512V7.20551H10.8242V10.536H13.9466V10.8323H10.8242V14.1708H10.512V10.8323H7.3736Z" fill="white"/>
</g>
<defs>
<clipPath id="clip0_3_834">
<rect width="21" height="21" fill="white"/>
</clipPath>
</defs>
</svg>
</span>
<span style="vertical-align: middle;">Depuis votre espace abonné</span>
</a>
</div>
<div style="display: none" class="tooltipblockbtnLiseuseHeaderNewCopeesPlus">
<h2>Depuis Copees +</h2>
<p>
5,99€/mois sans engagement et résiliable à tout moment
</p>
<p>
Livraison gratuite illimitée
</p>
<p>
Paiement automatique à J+30 dès la 2eme commande
</p>
<p>
Jusqu'à 30% de réduction sur tous les produits
</p>
<a href="{% if checkAbonnementToCartOrOrder(app.user) %}{{ path('file_user_page_b2b') }}{% else %}{{ path('offre_B2B_2') }}{% endif %}">En savoir +</a>
</div>
</div>
<div style="display: none" class="blockProductSearchHeaderNew">
<p>Trouvez votre produit </p>
<div class="row ">
<div class="user userbb_prof1" style="position: relative">
<div class="searchProductMenuBloc" style="position: relative;">
<input class="inputstyletop" type="text" id="searchProductMenu" style="cursor: pointer;" placeholder="Rechercher votre produit">
<div class="close_result_head" id="close_result_product" style="cursor: pointer;position: absolute;right: 17px;top: 3px;display: none">
<img src="/images/bg_closeh.png">
</div>
</div>
<div class="ipstresl collapse show" id="collapseProductMenu" style="">
<div class="divSearchProductMenu">
<div id="divSearchProductMenu" style="min-height: 300px; display: none;max-height: 355px;overflow: auto;">
</div>
</div>
</div>
</div>
</div>
</div>
<div style="display: none" class="blockProductChoice2HeaderNew">
<a href="#" style="margin-bottom: 10px;display: block;color:#007bff;margin-right: 10px;" class="prevSelectionBlockAccueil"><i class="fa fa-arrow-left" aria-hidden="true"></i></a>
<div class="row">
<div class="col-6 blockImageGlobalAccueilNew mb-3" style="margin-right: 10px" >
<a href="{{ path('product_option') }}?product={% if productFlyer %}{{ productFlyer.id }}{% endif %}" class="btnChoiceAcceuilNew">
<div class="blockImageAccueilNew">
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 21 27">
<defs>
<style>
.cls-1 {
fill: none;
stroke: #4d4d4d;
stroke-linecap: round;
stroke-miterlimit: 10;
stroke-width: .5px;
}
</style>
</defs>
<!-- Generator: Adobe Illustrator 28.7.1, SVG Export Plug-In . SVG Version: 1.2.0 Build 142) -->
<g>
<g id="Calque_1">
<path class="cls-1" d="M19.2,1.1H1.9c-.7,0-1.2.6-1.2,1.2v22.8c0,.7.5,1.2,1.2,1.2h17.4c.7,0,1.2-.6,1.2-1.2V2.4c0-.7-.5-1.2-1.2-1.2Z"/>
<path class="cls-1" d="M2.4,4.8h15.7"/>
<path class="cls-1" d="M2.4,6.6h15.7"/>
<path class="cls-1" d="M2.4,8.4h15.7"/>
<path class="cls-1" d="M9.9,10.8H3.6c-.7,0-1.2.6-1.2,1.2v2.3c0,.7.5,1.2,1.2,1.2h6.3c.7,0,1.2-.6,1.2-1.2v-2.3c0-.7-.5-1.2-1.2-1.2Z"/>
<path class="cls-1" d="M9.9,17.4H3.6c-.7,0-1.2.6-1.2,1.2v2.3c0,.7.5,1.2,1.2,1.2h6.3c.7,0,1.2-.6,1.2-1.2v-2.3c0-.7-.5-1.2-1.2-1.2Z"/>
</g>
</g>
</svg>
</div>
<span class="textBlockImageAccueilNew">Fyers</span>
</a>
</div>
<div class="col-6 blockImageGlobalAccueilNew mb-3">
<a href="{{ path('product_option') }}?product={% if productCarte %}{{ productCarte.id }}{% endif %}" class="btnChoiceAcceuilNew">
<div class="blockImageAccueilNew">
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 17" style="margin-top: 15px;margin-bottom: 11px;">
<defs>
<style>
.cls-1 {
fill: none;
stroke: #4d4d4d;
stroke-linecap: round;
stroke-miterlimit: 10;
stroke-width: .5px;
}
</style>
</defs>
<!-- Generator: Adobe Illustrator 28.7.1, SVG Export Plug-In . SVG Version: 1.2.0 Build 142) -->
<g>
<g id="Calque_1">
<g>
<path class="cls-1" d="M4.6,11.5V3.9h-2.2c-.7,0-1.2.6-1.2,1.2v9.8c0,.7.5,1.2,1.2,1.2h16.4c.7,0,1.2-.6,1.2-1.2v-2.3H5.8c-.7,0-1.2-.6-1.2-1.2Z"/>
<path class="cls-1" d="M20.1,12.8h2.2c.7,0,1.2-.6,1.2-1.2V1.7c0-.7-.5-1.2-1.2-1.2H5.8c-.7,0-1.2.6-1.2,1.2v2.3"/>
<path class="cls-1" d="M4.6,3.9v7.6c0,.7.5,1.2,1.2,1.2h14.2"/>
</g>
<path class="cls-1" d="M13,4.8h8.4"/>
<path class="cls-1" d="M13,6.6h8.4"/>
<path class="cls-1" d="M13,8.4h8.4"/>
</g>
</g>
</svg>
</div>
<span class="textBlockImageAccueilNew">Cartes de visite</span>
</a>
</div>
<div class="col-6 blockImageGlobalAccueilNew mb-3" style="margin-right: 10px" >
<a href="{{ path('product_option') }}?product={% if productAffiche %}{{ productAffiche.id }}{% endif %}" class="btnChoiceAcceuilNew">
<div class="blockImageAccueilNew">
<svg xmlns="http://www.w3.org/2000/svg" width="60" height="80" viewBox="0 0 23 28" fill="none">
<path d="M18.554 4.17035H2.33293C1.7126 4.17035 1.20972 4.69036 1.20972 5.33183V26.5966C1.20972 27.238 1.7126 27.758 2.33293 27.758H18.554C19.1743 27.758 19.6772 27.238 19.6772 26.5966V5.33183C19.6772 4.69036 19.1743 4.17035 18.554 4.17035Z" stroke="#4D4D4D" stroke-width="0.5" stroke-miterlimit="10" stroke-linecap="round"/>
<path d="M21.3058 0.763351H5.08476C4.46443 0.763351 3.96155 1.28336 3.96155 1.92483V23.1896C3.96155 23.831 4.46443 24.351 5.08476 24.351H21.3058C21.9262 24.351 22.429 23.831 22.429 23.1896V1.92483C22.429 1.28336 21.9262 0.763351 21.3058 0.763351Z" stroke="#4D4D4D" stroke-width="0.5" stroke-miterlimit="10" stroke-linecap="round"/>
</svg>
</div>
<span class="textBlockImageAccueilNew">Affiches</span>
</a>
</div>
<div class="col-6 blockImageGlobalAccueilNew mb-3">
<a href="{{ path('product_option') }}?product={% if productDEPLIANT2 %}{{ productDEPLIANT2.id }}{% endif %}" class="btnChoiceAcceuilNew">
<div class="blockImageAccueilNew">
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 27">
<defs>
<style>
.cls-1, .cls-2 {
fill: none;
stroke: #4d4d4d;
stroke-miterlimit: 10;
stroke-width: .5px;
}
.cls-2 {
stroke-linecap: round;
}
</style>
</defs>
<!-- Generator: Adobe Illustrator 28.7.1, SVG Export Plug-In . SVG Version: 1.2.0 Build 142) -->
<g>
<g id="Calque_1">
<g>
<path class="cls-2" d="M4.9,1.1v2.4h12.6"/>
<path class="cls-2" d="M21.7.2H5.9c-.4,0-.7.2-.9.6l12.5,2.7h.5c.6,0,1.1.5,1.1,1.1v18.5h2.6c.6,0,1.1-.5,1.1-1.1V1.4c0-.6-.5-1.1-1.1-1.1Z"/>
<path class="cls-1" d="M4.9,3.5h-2.6c-.6,0-1.1.5-1.1,1.1v20.6c0,.6.5,1.1,1.1,1.1h15.7c.6,0,1.1-.5,1.1-1.1v-2.1"/>
<path class="cls-2" d="M19.1,23.1V4.6c0-.6-.5-1.1-1.1-1.1H4.9"/>
</g>
</g>
</g>
</svg>
</div>
<span class="textBlockImageAccueilNew">Dépliants</span>
</a>
</div>
<div class="col-12">
<a href="{{ path('besoin_produits') }}" class="blockProductChoice2HeaderNewSearch">Voir nos 300 produits</a>
</div>
</div>
</div>
</div>
<div class="carousel-inner" style="overflow: visible;">
{% set elements = getAccueilElement() %}
{% for element in elements %}
<div class="imgBanniereBesoinProduct carousel-item {% if loop.first %}active{% endif %}" data-interval="{{ element.intervalSpeed }}">
<div class="row">
<div class="imgBanniereBesoinProductDiv1">
</div>
<div class="imgBanniereBesoinProductDiv2 row">
<div class="col-4">
{% if element.positionBlocDescription ==1 %}
{% include 'front/accueil/block_description_new_accueil.html.twig' %}
{% endif %}
</div>
<div class="col-4">
{% if element.positionBlocDescription ==2 %}
{% include 'front/accueil/block_description_new_accueil.html.twig' %}
{% endif %}
</div>
<div class="col-4">
{% if element.positionBlocDescription == 3 %}
{% include 'front/accueil/block_description_new_accueil.html.twig' %}
{% endif %}
</div>
</div>
</div>
<img style="{% if element.imageBrightness %}filter: brightness({{ element.imageBrightness }});{% endif %}" class="bannierImageNewAccueil d-block w-100" src="{{ asset('imageSite/'~element.image) }}" alt="First slide">
</div>
{% endfor %}
</div>
</div>
</div>
{{ render(controller('App\\Controller\\Front\\ProductController::productBlock',{ 'showWidthoutPapier': 0 })) }}
<script src="https://maps.googleapis.com/maps/api/js?key={{ key_google_map }}&libraries=places"></script>
<div class="part_slide_txt desctop_accueil_header" style="display: none;">
<div class="" >
<div class="barProducts">
<div class="homej1">
<h2 id="HBesoinProductHome" style="min-height: 70px;position:relative;">
<span style="{#position: absolute#}">{{ 'Besoin'|trans }} </span>
<span class="spanAnime" style="{#margin-left: 165px;#}">
<span id="mainLoop">
<span class="tripLoop" style="display: inline ">{{ "D\'IMPRESSIONS ?"|trans }}</span>
<span class="tripLoop"> {{ 'DE COPIES ?'|trans }}</span>
<span class="tripLoop">{{ 'DE BROCHURES ?'|trans }}</span>
<span class="tripLoop">{{ 'DE FLYERS ?'|trans }}</span>
<span class="tripLoop">{{ 'DE POSTERS & AFFICHES ?'|trans }}</span>
<span class="tripLoop">{{ 'DE DEPLIANTS ?'|trans }}</span>
<span class="tripLoop">{{ 'DE CARTES DE VISITE ?'|trans }}</span>
<span class="tripLoop">{{ "D\'INVITATIONS ?"|trans }}</span>
<span class="tripLoop">{{ 'DE LIVRETS ?'|trans }}</span>
<span class="tripLoop">{{ 'DE STICKERS ?'|trans }}</span>
<span class="tripLoop">{{ 'DE CARTES POSTALES ?'|trans }}</span>
<span class="tripLoop">{{ 'DE ROLL UP ?'|trans }}</span>
<span class="tripLoop">{{ 'DE PHOTOS ?'|trans }}</span>
<span class="tripLoop">{{ 'DE T-SHIRTS ?'|trans }}</span>
<span class="tripLoop">{{ 'DE SWEAT ?'|trans }}</span>
<span class="tripLoop">{{ 'DE TOTE BAGS ?'|trans }}</span>
</span>
</span>
</h2>
{# <h2>Besoin de cartes de visite ?</h2>#}
<h3 style=" text-align: center">{{ "Souriez, vous êtes déjà livré(e)s !"|trans|raw}}</h3>
<div>
<div>{{ "Tous vos documents imprimés & reliés, et produits d’impressions personnalisés,"|trans}}</div>
<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>
</div>
</div>
</div>
</div>
<div class="" id="input_home_top_mobile">
<div class="close_btn_home_top_mobile">
<div class="text-right" id="close_btn_home_top_mobile"><img src="{{ asset('images/btn_closex.png') }}"></div>
<h4> {{ 'On vous livre où ?'|trans }}</h4>
</div>
<div class="input_top_local input_top_local_home">
<div class="input_top_local_home11">
<input type="text" id="addressLiv" placeholder="{{ 'Saisissez l’adresse de livraison'|trans }}">
<button id="spanSearchBtn" class="btnRechercheLivraison" type="submit">{{ 'Voir nos produits & services'|trans }}</button>
<input type="hidden" id="latLiv" name="latLiv" value="">
<input type="hidden" id="longLiv" name="longLiv" value="">
<input type="hidden" id="codePostalLiv" name="codePostalLiv" value="">
</div>
</div>
</div>
<div class="img_input_home_top">
{% if countrySelect.languageCode == 'Es' %}
<img src="{{ asset('images/b0t4_es.jpeg') }}" style="max-width: 330px;">
{% else %}
<img src="{{ asset('images/b0t4.png') }}">
{% endif %}
</div>
</div>
<div class="part_slide_txt mobile_accueil_header" style="display: none;" >
<h2 class="titre_accueil_header1" style="font-family: Arimo;font-size: 30px !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>
<h3 class="titre_accueil_header2" style="font-family: Arimo;font-size: 24px !important;line-height: 24px;text-align: left;">{{ 'Recevez les aujourd`hui sur créneaux de 30 mn!'|trans }}</h3>
<div class="bloc_livraison_mobile">
<h2>{{ 'Tous vos produits d’impression livrés chez vous le jour même'|trans }}</h2>
<input type="text" id="addressLivMobile" placeholder="{{ 'Saisissez votre adresse de livraison'|trans }}">
<button id="submitAdresseLivraison" type="submit">{{ 'Je me fais livrer'|trans }}</button>
{% if app.user %}
{% else %}
<h3><strong><a href="#" class="connect_header_bar_adresse">Connectez-vous</a> </strong> pour vos adresses enregistrées</h3>
{% endif %}
</div>
{#<div class="img_input_home_top">#}
{#<img src="{{ asset('images/bg_mobile_accueil.png') }}">#}
{#</div>#}
</div>
<div class="part_box10service" style="display: none" style="display: none;">
<div class="row">
<div class="col-lg col-md-4 col1">
<a href="#" class="linkPapierProductAcueil"><img src="{{ asset('images/ser1.png') }}"></a>
<h4><a href="#" class="linkPapierProductAcueil">Imprimer & relier A5/A4/A3</a></h4>
</div>
<div class="col-lg col-md-4 col2">
<a href="#" class="linkPapierAfficheEditAcueil"><img src="{{ asset('images/ser2.png') }}"></a>
<h4><a href="#" class="linkPapierAfficheEditAcueil">Posters & affiches (de A0 à A4)</a></h4>
</div>
<div class="col-lg col-md-4 col3">
<a href="#" class="linkPapierFlyerAcueil"><img src="{{ asset('images/ser3.png') }}"></a>
<h4> <a href="#" class="linkPapierFlyerAcueil">Flyers A3/A4/A5</a></h4>
</div>
<div class="col-lg col-md-4 col4">
<a href="#" class="linkPapierFairePartAcueil"> <img src="{{ asset('images/ser4.png') }}"></a>
<h4><a href="#" class="linkPapierFairePartAcueil">Faire part</a></h4>
</div>
<div class="col-lg col-md-4 col5">
<a href="#" class="linkPapierCarteAcueil"><img src="{{ asset('images/ser5.png') }}"></a>
<h4><a href="#" class="linkPapierCarteAcueil">Cartes de visite</a></h4>
</div>
<div class="col-lg col-md-4 col6">
<a href="#" class="linkPapierMenuAcueil"><img src="{{ asset('images/ser6.png') }}"></a>
<h4><a href="#" class="linkPapierMenuAcueil">Menus</a></h4>
</div>
<div class="col-lg col-md-4 col7">
<a href="{{ path('index_top_100') }}"> <img src="{{ asset('images/ser7.png') }}"></a>
<h4><a href="{{ path('index_top_100') }}">TOP 100 essentiel</a></h4>
</div>
<div class="col-lg col-md-4 col8">
<a href="#" class="linkPapierProductEditAcueil"><img src="{{ asset('images/ser8.png') }}"></a>
<h4><a href="#" class="linkPapierProductEditAcueil">Modification de PDF</a></h4>
</div>
<div class="col-lg col-md-4 col9">
<a href="{{ path('distribue') }}"><img src="{{ asset('images/ser9.png') }}"></a>
<h4><a href="{{ path('distribution_calcule') }}">Distribution de flyers</a></h4>
</div>
<div class="col-lg col-md-4 col10">
<a href="{{ path('poste_page') }}"><img src="{{ asset('images/ser10.png') }}"></a>
<h4><a href="{{ path('poste_page') }}">Envoi de courrier simple ou recommandé</a></h4>
</div>
</div>
</div>
{% include 'front/accueil/index-content.html.twig' %}
{% include 'front/footer.html.twig' %}