ldc-le-gaulois-pro/resources/views/fo/pages/home.blade.php
2023-08-11 13:13:05 +02:00

714 lines
51 KiB
PHP

@extends('fo.frontend')
@section('title', "Le Gaulois Professionnel, volailles nées, élevées et préparées en France")
@section('description', "Pourquoi choisir Le Gaulois Professionnel ? Professionnel du food service, restaurateur, acheteur vous pouvez comptez sur un partenaire volaille de choix.")
@section('content')
<div class="d-flex flex-column justify-content-center align-items-center">
<section class="carousel-main w-100 pb-5">
<div class="row">
<div class="col sliders-wrapper px-0 position-relative">
<!-- Slider main container -->
<div id="swiperHero" class="swiper-hero swiper swiper-lgp w-100">
<!-- Additional required wrapper -->
<div class="swiper-wrapper">
@foreach ($slides as $slide)
<!-- Slides -->
<div class="swiper-slide d-flex position-relative position-md-static">
<div class="img-slide position-absolute position-md-static top-0 start-0">
<img class="object-cover-center h-100 w-100" src="{{ asset($slide->picture) }}" alt="{{ $slide->picture_alt}}">
<div class="img-sep d-none d-md-block position-absolute top-0 end-0 h-100 text-end">
<img class="mh-100" src="{{ asset('build/assets/images/homepage/sep-hero.png') }}" alt="">
</div>
</div>
<div class="slide-txt d-flex flex-column justify-content-center position-relative position-md-static text-center text-md-start py-6 px-5 py-sm-5 p-xl-5 w-100 w-md-35">
<p class="h1 mb-5">{{ $slide->title }}</p>
<div class="ck-content mb-4">{!! clean($slide->content) !!}</div>
@if($slide->button_display)
<div class="butn-wrap d-flex justify-content-center justify-content-md-start text-center my-4 w-100 w-lg-auto">
<a class="butn-prim mx-0" href="{{ $slide->button_url }}" @if($slide->button_targetblank) target="_blank" @endif>{{ $slide->button_text }}</a>
</div>
@endif
</div>
</div>
@endforeach
</div>
<!-- If we need pagination -->
<div class="swiper-hero-pagination d-md-none position-absolute bottom-0 start-0 text-center mb-5 mb-sm-4"></div>
</div>
<div class="swiper-options-wrapper d-flex position-absolute bottom-0 top-md-0 start-0 w-100">
<div class="shadow-img position-relative">
<img class="w-100 h-100" src="{{ asset('build/assets/images/homepage/shadow-img.png') }}" alt="">
<div class="swiper-hero-progress-bar position-absolute d-none d-md-block bottom-0 start-0">
<span class="slide-hero-progress-bar"></span>
</div>
</div>
<div class="hero-thumbs position-absolute d-none d-md-block end-0 bottom-0 mx-0">
<div class="row thumbnails-wrapper position-relative w-100 h-100 d-flex">
@foreach ($slides as $slide)
<div class="col-3 thumbnails-item position-relative d-flex align-items-end h-100 px-0">
<div class="item-img h-100">
<img class="w-100 h-100 object-cover-center" src="{{ asset($slide->picture_thumbnail) }}" alt="{{ $slide->picture_thumbnail_alt}}">
</div>
</div>
@endforeach
</div>
</div>
{{-- <div class="shadow-txt position-relative d-none d-md-block py-6 px-5 py-sm-5 p-xl-5 w-100 w-md-35">
</div> --}}
</div>
</div>
</div>
</section>
<section class="section-identity bg-ardoise-radial pb-5">
<div class="wrapper-xxl">
<div class="row">
<div class="col">
<div class="identy-text-wrapper paragraph-format position-relative text-center mx-auto">
<div class="logo-ne position-xl-absolute start-100 mb-5 mx-auto ms-xl-5">
<img src="{{ asset('build/assets/images/logo-ne.png') }}" alt="Logo Nature d'éleveurs">
</div>
<h2 class="h2">{{ __('Générateur d\'idées, révélateur de talents') }}</h2>
<h3 class="h3">{{ __('Pourquoi choisir Le Gaulois Professionnel ?') }}</h3>
<p>{{ __('Le repas reste un moment privilégié dans une journée. Sutout s\'il est pris hors domicile. Professionnel
du food service, restaurateur, acheteur vous pouvez comptez sur un partenaire volaille de choix.') }}</p>
</div>
</div>
</div>
<div class="row">
<div class="col-12 col-lg-4 mt-6 mt-lg-7 mb-lg-5">
<div class="card-wrapper card-id rounded-4 box-shadow h-100 mx-auto mx-lg-0 ms-lg-auto">
<div class="card position-relative rounded-4 h-100 px-4 py-5">
<img src="{{ asset('build/assets/images/homepage/qualite-diversite-bleu.svg') }}" class="card-img-top position-absolute top-0 start-50 translate-middle" alt="Une assiette et deux couverts">
<div class="card-body h-100 d-flex flex-column text-center mt-4">
<h3 class="card-title marged h3">{{ __('Pour la qualité et la diversité') }}</h3>
<p class="card-text d-flex align-items-center">{{ __('Tout nos produits sont préparés avec soin, et rigueur.
Ils sont adaptés à tous les types de restauration et tous les usages.') }}</p>
</div>
</div>
</div>
</div>
<div class="col-12 col-lg-4 mt-6 mt-lg-7 mb-lg-5">
<div class="card-wrapper card-id rounded-4 box-shadow h-100 mx-auto">
<div class="card position-relative rounded-4 h-100 px-4 py-5">
<img src="{{ asset('build/assets/images/homepage/volaillefrancaise-bleu.svg') }}" class="card-img-top position-absolute top-0 start-50 translate-middle" alt="Dessin de la France">
<div class="card-body h-100 d-flex flex-column text-center mt-4">
<h3 class="card-title marged h3">{{ __('Pour la garantie d\'une volaille 100% Française') }}</h3>
<p class="card-text d-flex align-items-center">{{ __('En partenariat avec nos éleveurs implantés dans nos régions,
toutes nos volailles sont nées, élevées préparées en France. Une offre multi-espèces inégalée : poulet,
dinde, pintade, canard, lapin... au services des professionnels des métiers de bouche.') }}</p>
</div>
</div>
</div>
</div>
<div class="col-12 col-lg-4 mt-6 mt-lg-7 mb-lg-5">
<div class="card-wrapper card-id rounded-4 box-shadow h-100 mx-auto mx-lg-0 me-lg-auto">
<div class="card position-relative rounded-4 h-100 px-4 py-5">
<img src="{{ asset('build/assets/images/homepage/innovation.svg') }}" class="card-img-top position-absolute top-0 start-50 translate-middle" alt="Une ampoule">
<div class="card-body h-100 d-flex flex-column text-center mt-4">
<h3 class="card-title marged h3">{{ __('Pour l\'innovation') }}</h3>
<p class="card-text d-flex align-items-center">{{ __('A l\'écoute des contraintes des utilisateurs et des nouvelles
tendances de consommations, nous vous apportons des solutions toujours plus pratiques pour vos besoins
en volaille de qualité.') }}</p>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col text-center">
<div class="butn-wrap my-4">
<a href="{{ route('adn.adn') }}" class="butn-prim">{{ __('Découvrez notre ADN') }}</a>
</div>
<div class="text-wrapper paragraph-format mx-auto mt-5">
<h2 class="h2">{{ __('Votre activité') }}</h2>
<p>{{ __('A chaque type de restauration, il y a une solution Le Gaulois Professionnel. Nous avons conscience que les
contraintes de chaque activité nécessitent des réponses adaptées. Que vous soyez en BtoBtoB ou en autogéré,
nos services et notre large gamme de produits vous permettent de trouver des solutions à vos contraintes de coût,
de praticité et de qualité.') }}</p>
</div>
</div>
</div>
<div class="row">
<div class="col px-0">
<div class="slider-wrapper position-relative w-100">
<!-- Slider main container -->
<div id="swiperActivity" class="swiper swiper-lgp my-5">
<!-- Additional required wrapper -->
<div class="swiper-wrapper">
<!-- Slides -->
<div class="swiper-slide">
<div class="card card-swiper position-relative rounded-4 mx-auto">
<a href="{{ route('group') }}">
<svg class="position-absolute" width="0" height="0">
<clipPath id="svgClip">
<path d="M.1,120.94V.1c102.6,0,205.2,.02,307.79-.1,3.42,0,4.11,.67,4.1,4.09-.16,38.95-.1,77.9-.1,116.85-1.25,2.86-3.71,4.03-6.52,4.9-21.51,6.66-43.55,10.71-65.86,13.49-17.5,2.18-35.11,2.19-52.7,2.66-8.3,.22-16.6,.4-24.9,.42h-11.72c-23.37-.16-46.79-.06-70.04-2.32-24.81-2.42-49.28-7.14-73.19-14.46-2.82-.86-5.02-2.48-6.87-4.69Z" />
</clipPath>
</svg>
<div class="card-img-wrapper position-relative overflow-hidden rounded-4">
<img class="card-img-top position-relative" src="{{ asset('build/assets/images/homepage/slider-activity_04.jpg') }}" alt="Convives entrain de manger dans un restaurant">
</div>
<div class="card-body position-absolute bottom-0 d-flex justify-content-center align-items-center w-100">
<h4 class="card-title h4 text-center mb-0 mx-5">{{ __('Restauration sociale') }}</h4>
</div>
</a>
</div>
</div>
<div class="swiper-slide">
<div class="card card-swiper position-relative rounded-4 mx-auto">
<a href="{{ route('trade') }}">
<svg class="position-absolute" width="0" height="0">
<clipPath id="svgClip">
<path d="M.1,120.94V.1c102.6,0,205.2,.02,307.79-.1,3.42,0,4.11,.67,4.1,4.09-.16,38.95-.1,77.9-.1,116.85-1.25,2.86-3.71,4.03-6.52,4.9-21.51,6.66-43.55,10.71-65.86,13.49-17.5,2.18-35.11,2.19-52.7,2.66-8.3,.22-16.6,.4-24.9,.42h-11.72c-23.37-.16-46.79-.06-70.04-2.32-24.81-2.42-49.28-7.14-73.19-14.46-2.82-.86-5.02-2.48-6.87-4.69Z" />
</clipPath>
</svg>
<div class="card-img-wrapper position-relative overflow-hidden rounded-4">
<img class="card-img-top position-relative" src="{{ asset('build/assets/images/homepage/slider-activity_01.jpg') }}" alt="Des professionnels en plein travail dans leur cuisine">
</div>
<div class="card-body position-absolute bottom-0 d-flex justify-content-center align-items-center w-100">
<h4 class="card-title h4 text-center mb-0 mx-5">{{ __('Restauration commerciale') }}</h4>
</div>
</a>
</div>
</div>
<div class="swiper-slide">
<div class="card card-swiper position-relative rounded-4 mx-auto">
<a href="{{ route('dealer') }}">
<svg class="position-absolute" width="0" height="0">
<clipPath id="svgClip">
<path d="M.1,120.94V.1c102.6,0,205.2,.02,307.79-.1,3.42,0,4.11,.67,4.1,4.09-.16,38.95-.1,77.9-.1,116.85-1.25,2.86-3.71,4.03-6.52,4.9-21.51,6.66-43.55,10.71-65.86,13.49-17.5,2.18-35.11,2.19-52.7,2.66-8.3,.22-16.6,.4-24.9,.42h-11.72c-23.37-.16-46.79-.06-70.04-2.32-24.81-2.42-49.28-7.14-73.19-14.46-2.82-.86-5.02-2.48-6.87-4.69Z" />
</clipPath>
</svg>
<div class="card-img-wrapper position-relative overflow-hidden rounded-4">
<img class="card-img-top position-relative" src="{{ asset('build/assets/images/homepage/slider-activity_02.jpg') }}" alt="Un chef préparant une volaille à cuire">
</div>
<div class="card-body position-absolute bottom-0 d-flex justify-content-center align-items-center w-100">
<h4 class="card-title h4 text-center mb-0 mx-5">{{ __('Distributeur') }}</h4>
</div>
</a>
</div>
</div>
<div class="swiper-slide">
<div class="card card-swiper position-relative rounded-4 mx-auto">
<a href="{{ route('baker') }}">
<svg class="position-absolute" width="0" height="0">
<clipPath id="svgClip">
<path d="M.1,120.94V.1c102.6,0,205.2,.02,307.79-.1,3.42,0,4.11,.67,4.1,4.09-.16,38.95-.1,77.9-.1,116.85-1.25,2.86-3.71,4.03-6.52,4.9-21.51,6.66-43.55,10.71-65.86,13.49-17.5,2.18-35.11,2.19-52.7,2.66-8.3,.22-16.6,.4-24.9,.42h-11.72c-23.37-.16-46.79-.06-70.04-2.32-24.81-2.42-49.28-7.14-73.19-14.46-2.82-.86-5.02-2.48-6.87-4.69Z" />
</clipPath>
</svg>
<div class="card-img-wrapper position-relative overflow-hidden rounded-4">
<img class="card-img-top position-relative" src="{{ asset('build/assets/images/homepage/slider-activity_03.jpg') }}" alt="Deux sandwishs bien garnis">
</div>
<div class="card-body position-absolute bottom-0 d-flex justify-content-center align-items-center w-100">
<h4 class="card-title h4 text-center mb-0 mx-5">{{ __('Boulangerie / Vente à emporter') }}</h4>
</div>
</a>
</div>
</div>
<div class="swiper-slide">
<div class="card card-swiper position-relative rounded-4 mx-auto">
{{-- <a href="#"> --}}
<svg class="position-absolute" width="0" height="0">
<clipPath id="svgClip">
<path d="M.1,120.94V.1c102.6,0,205.2,.02,307.79-.1,3.42,0,4.11,.67,4.1,4.09-.16,38.95-.1,77.9-.1,116.85-1.25,2.86-3.71,4.03-6.52,4.9-21.51,6.66-43.55,10.71-65.86,13.49-17.5,2.18-35.11,2.19-52.7,2.66-8.3,.22-16.6,.4-24.9,.42h-11.72c-23.37-.16-46.79-.06-70.04-2.32-24.81-2.42-49.28-7.14-73.19-14.46-2.82-.86-5.02-2.48-6.87-4.69Z" />
</clipPath>
</svg>
<div class="card-img-wrapper position-relative overflow-hidden rounded-4">
<img class="card-img-top position-relative" src="{{ asset('build/assets/images/homepage/slider-activity_05.jpg') }}" alt="Des boîtes de conserve">
</div>
<div class="card-body position-absolute bottom-0 d-flex justify-content-center align-items-center w-100">
<h4 class="card-title h4 text-center mb-0 mx-5">{{ __('Produit Alimentaire Intermédiaire') }}</h4>
</div>
{{-- </a> --}}
</div>
</div>
</div>
</div>
<!-- If we need navigation buttons -->
<div class="swiper-button-prev swiper-act-btn-prev btn-inox"></div>
<div class="swiper-button-next swiper-act-btn-next btn-inox"></div>
</div>
</div>
</div>
</div>
</section>
{{-- BLOC DES PRODUITS --}}
<section class="section-products position-relative bg-transparent w-100 my-5">
<div class="wrapper-xxl">
<div class="row">
<div class="col">
<div class="text-wrapper paragraph-format text-center mx-auto">
<h2 class="h2">{{ __('Nos solutions produits') }}</h2>
<p>{{ __('Notre offre de volaille 100% française dédiée à la restauration est composée de plus de 400 références en poulet,
dinde, canard, pintade, lapin ainsi que des produits semi-finis ainsi qu\'élaborés cuits. Nos découpes piécées,
parées et calibrées vous facilitent le quotidien. Nous proposons différents conditionements adaptés à votre activité.') }}</p>
</div>
</div>
</div>
{{-- BLOC FILTRE DES GAMMES DESKTOP --}}
<div class="row btn-ranges desktop mx-auto">
<div class="col text-center my-5">
@foreach($ranges as $range)
<div class="butn-wrap my-1">
<a class="butn-quad"
href="{{ route('products.range-products', ['range' => $range->slug]) }}"
style="--range-color: {{ $range->color }};">
{{ $range->label }}
</a>
</div>
@endforeach
</div>
</div>
{{-- BLOC FILTRE DES GAMMES MOBILE --}}
<div class="row btn-ranges mobile m-5">
<div class="col position-relative px-0">
<div class="slider-wrapper">
<div id="swiperRanges" class="swiper swiper-lgp">
<!-- Additional required wrapper -->
<div class="swiper-wrapper">
<!-- Slides -->
@foreach($ranges as $range)
<div class="swiper-slide butn-wrap my-1">
<a class="butn-quad"
href="{{ route('products.range-products', ['range' => $range->slug]) }}"
style="--range-color: {{ $range->color }};">
{{ $range->label }}
</a>
</div>
@endforeach
</div>
</div>
</div>
<!-- If we need navigation buttons -->
<div class="swiper-button-prev swiper-btn-ranges-prev"></div>
<div class="swiper-button-next swiper-btn-ranges-next"></div>
</div>
</div>
{{-- BLOC DE 3 PRODUITS --}}
<div class="row cards-wrapper justify-content-center align-items-center gx-5 mx-auto pb-md-4">
@foreach ($threeproducts as $product)
<div class="col pb-5 p-md-3">
<div class="card card-simple position-relative overflow-hidden rounded-4 box-shadow mx-auto">
<a href="{{ route('products.show', ['publishedProduct' => $product]) }}">
<div class="card-img-wrapper position-relative">
<img class="card-img-top position-relative" src="{{ asset($product->sticker_sm) }}" alt="{{ $product->sticker_sm_alt }}">
@include('fo.modules.separator', ['forcedColor' => $product->subrange->range->color, 'vertical' => false])
</div>
<div class="card-body py-3 w-100">
<p class="card-title ff-poppins-medium fs-card-big text-center mb-0">{{ $product->label }}</p>
<p class="card-subtitle ff-poppins-regular fs-card-medium text-center my-0">{{ $product->subrange->range->label }}</p>
</div>
</a>
</div>
</div>
@endforeach
</div>
<div class="row">
<div class="col text-center">
<div class="butn-wrap mx-5 mb-3 m-sm-0 my-sm-4">
<a href="{{ route('products.index') }}" class="butn-prim">{{ __('Découvrez toutes nos solutions produits') }}</a>
</div>
</div>
</div>
</div>
</section>
<section class="section-engagments bg-ardoise-radial mt-5 pb-5">
<div class="row indicators-wrapper position-relative">
<div class="img-wrapper px-0">
<img class="position-relative start-50 top-50 translate-middle w-xxl-100" src="{{ asset('build/assets/images/homepage/engagment-home.png') }}"
alt="Des convives qui mangent dans un restaurant">
<div class="row position-absolute top-0 end-0 ms-4 me-2 me-md-5">
<div class="col">
<p class="ff-poppins-regular fs-footer-small text-end">{{ __('Consommation 2025 Tendances et perspectives Source :
sondage OpinionWay 2022 - source Agrimer 2019') }}</p>
</div>
</div>
<div class="row indicators-desktop position-absolute top-50 start-50 translate-middle text-center gx-6 px-5 w-100">
<div class="col-3">
<p class="ff-poppins-bold">28kg</p>
<p class="ff-poppins-medium fs-banner-big">{{ __('de volaille consommé par an par Français, +15% en 20 ans') }}</p>
</div>
<div class="col-3">
<p class="ff-poppins-bold">500</p>
<p class="ff-poppins-medium fs-banner-big">{{ __('références de volaille Le Gaulois Professionnel') }}</p>
</div>
<div class="col-3">
<p class="ff-poppins-bold">9/10</p>
<p class="ff-poppins-medium fs-banner-big">{{ __('des Français veulent trouver de la Volaille Française en restauration hors domicile') }}</p>
</div>
<div class="col-3">
<p class="ff-poppins-bold">89%</p>
<p class="ff-poppins-medium fs-banner-big">{{ __('des Français sont allés au restaurant au moins une fois dans l\'année') }}</p>
</div>
</div>
<div class="row indicators-mobile position-absolute top-50 start-50 translate-middle text-center w-100">
<div class="col">
<div class="slider-wrapper">
<!-- Slider main container -->
<div id="swiperIndicators" class="swiper swiper-lgp">
<!-- Additional required wrapper -->
<div class="swiper-wrapper">
<!-- Slides -->
<div class="swiper-slide">
<div class="w-75 mx-auto">
<p class="ff-poppins-bold">28kg</p>
<p class="ff-poppins-medium fs-banner-big">{{ __('de volaille consommé par an par Français, +15% en 20 ans') }}</p>
</div>
</div>
<div class="swiper-slide">
<div class="w-75 mx-auto">
<p class="ff-poppins-bold">500</p>
<p class="ff-poppins-medium fs-banner-big">{{ __('références de volaille Le Gaulois Professionnel') }}</p>
</div>
</div>
<div class="swiper-slide">
<div class="w-75 mx-auto">
<p class="ff-poppins-bold">9/10</p>
<p class="ff-poppins-medium fs-banner-big">{{ __('des Français veulent trouver de la Volaille Française en
restauration hors domicile') }}</p>
</div>
</div>
<div class="swiper-slide">
<div class="w-75 mx-auto">
<p class="ff-poppins-bold">89%</p>
<p class="ff-poppins-medium fs-banner-big">{{ __('des Français sont allés au restaurant au moins une fois dans
l\'année') }}</p>
</div>
</div>
</div>
</div>
</div>
<!-- If we need navigation buttons -->
<div class="swiper-button-prev swiper-indic-btn-prev"></div>
<div class="swiper-button-next swiper-indic-btn-next"></div>
</div>
</div>
</div>
</div>
<div class="wrapper-xxl">
<div class="row">
<div class="col text-center">
<div class="text-wrapper paragraph-format mx-auto mt-5">
<h2 class="h2">{{ __('Les engagements Le Gaulois Professionnel') }}</h2>
<p>{{ __('Notre démarche de Responsabilité Sociétale de Marque se décompose en 5 grands piliers et se traduit par des
actions concrètes. Nos objectifs sont d\'impacter le moins possible l\'environnement, d\'améliorer la qualité de l\'alimentation
des Français, de préserver le bien-vivre ensemble de nos partenaires et collaborateurs ainsi que de veiller au bien-être animal.') }}</p>
</div>
</div>
</div>
<div class="row">
<div class="col px-0">
<div class="slider-wrapper position-relative w-100">
<!-- Slider main container -->
<div id="swiperEngagment" class="swiper swiper-lgp my-5">
<!-- Additional required wrapper -->
<div class="swiper-wrapper">
<!-- Slides -->
<div class="swiper-slide">
<div class="card-wrapper card-engag w-75 h-100 mx-auto">
<div class="card text-center h-100">
<img src="{{ asset('build/assets/images/homepage/100-francais.svg') }}" class="card-img-top mx-auto"
alt="Dessin de la France">
<div class="card-body h-100 d-flex flex-column mt-4">
<h3 class="card-title d-flex justify-content-center align-items-center h3">{{ __('Etre la grande marque alimentaire
100% Française dédiée aux Professionnels') }}</h3>
<p class="card-text d-flex">{{ __('Des volailles 100% Françaises, élevées par des éleveurs situés dans nos régions,
et préparés dans nos sites basés près des bassins de production. Une filière locale et régionale gage de
proximité.') }}</p>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="card-wrapper card-engag w-75 h-100 mx-auto">
<div class="card text-center h-100">
<img src="{{ asset('build/assets/images/homepage/elever-durablement.svg') }}" class="card-img-top mx-auto" alt="Un coq et deux poussins">
<div class="card-body h-100 d-flex flex-column mt-4">
<h3 class="card-title d-flex justify-content-center align-items-center h3">{{ __('Élever durablement en respectant
les Hommes, les animaux et la Nature') }}</h3>
<p class="card-text d-flex">{{ __('A travers notre charte "Nature d\'éleveur" dans laquelle l\'ensemble de nos éleveurs
seront engagés en 2025 nous garantissons des conditions d\'élevage respectueuses de la santé et du bien
être de nos volailles. Une démarche globale et ambitieuse visant à rendre l\'élevage plus vertueux.') }}</p>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="card-wrapper card-engag w-75 h-100 mx-auto">
<div class="card text-center h-100">
<img src="{{ asset('build/assets/images/homepage/bien-nourrir.svg') }}" class="card-img-top mx-auto" alt="Une assiette et deux couverts">
<div class="card-body h-100 d-flex flex-column mt-4">
<h3 class="card-title d-flex justify-content-center align-items-center h3">{{ __('Bien nourrir tous les Français') }}</h3>
<p class="card-text d-flex">{{ __('Le Gaulois professionnel met tout en oeuvre pour améliorer sans cesse la qualité
nutritionnelle de ses produits ') }}<br>
{{ __('Ainsi une vigilence particulière est porté sur les taux de sel, les additifs, le taux de matière grasse...
L\'ensemble de nos gammes sont encadrées par une charte nutritionnelle mise à jour tous les 4 ans.') }}</p>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="card-wrapper card-engag w-75 h-100 mx-auto">
<div class="card text-center h-100">
<img src="{{ asset('build/assets/images/homepage/respecter-terre.svg') }}" class="card-img-top mx-auto" alt="Une main portant un semis">
<div class="card-body h-100 d-flex flex-column mt-4">
<h3 class="card-title d-flex justify-content-center align-items-center h3">{{ __('Favoriser le mieux vivre ensemble') }}</h3>
<p class="card-text d-flex">{{ __('Depuis toujours chez Le Gaulois Professionnel nous aimons le sport porteur de valeurs similaires à
l\'univers de la restauration, comme la convivialité, le bien être, le partage et la performance. Nous favorisons sa pratique
aupès de nos collaborateurs. Ainsi nous sponsorisons des équipes et évènements tout au long de l\'année.') }}</p>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="card-wrapper card-engag w-75 h-100 mx-auto">
<div class="card text-center h-100">
<img src="{{ asset('build/assets/images/homepage/mieux-vivre.svg') }}" class="card-img-top mx-auto" alt="Deux mains qui vont se rejoindre">
<div class="card-body h-100 d-flex flex-column mt-4">
<h3 class="card-title d-flex justify-content-center align-items-center h3">{{ __('Respecter la Terr') }}e</h3>
<p class="card-text d-flex">{{ __('Face aux enjeux d\'aujourd\'hui, nous mettons tout en oeuvre pour limiter notre impact environnemental. <br>
Ainsi notre empreinte carbone a été réduite de 17% en 3 ans grace notamment à une attention portée sur le transport de nos
volailles et marchandises, nos emballages, nos fournisseurs etc.') }}</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- If we need navigation buttons -->
<div class="swiper-button-prev swiper-engag-btn-prev btn-inox"></div>
<div class="swiper-button-next swiper-engag-btn-next btn-inox"></div>
</div>
</div>
</div>
<div class="row">
<div class="col text-center">
<div class="butn-wrap my-4">
<a href="{{ route('engagments.francais') }}" class="butn-prim">{{ __('En savoir plus') }}</a>
</div>
</div>
</div>
</div>
</section>
<section class="section-tricks w-100 pb-xl-5 pb-xxl-8">
<div class="row bg-txt">
<div class="col-12 col-lg-4 col-xl-5 px-0">
<div class="img-wrapper position-relative w-75 w-lg-100">
<img class="w-100 h-100 object-cover-center" src="{{ asset('build/assets/images/homepage/tricks-chef.png') }}" alt="Un chef dressant le plat qu'il vient de cuisiner">
<img class="position-absolute w-45" src="{{ asset('build/assets/images/assiette-detourage.png') }}" alt="Assiette de suprême de canette cuit">
</div>
</div>
<div class="col-12 col-lg-8 col-xl-7 color-invert text-center text-lg-start p-5 pt-sm-7 p-lg-0 px-lg-10 px-xl-12 d-flex flex-column justify-content-center">
<h2 class="h2">{{ __('Amandine Chaignot met à l\'honneur les volailles Le Gaulois Professionnel') }}</h2>
<p class="mb-4">{{ __('Avec sa cuisine joyeuse et efficace, Amandine Chaignot a choisi 10 produits Le Gaulois Professionnel pour élaborer des recettes
à base de volaille. ') }}<br />
{{ __('Naviguant entre les différents types de cuisine, Amandine nous propose son interprétation de la cuisse à snacker, des pilons de poulet ou
encore du suprême de pintade et du sauté de canard.') }}<br />
{{ __('Inspirée et inspirante, Amandine Chaignot est une ambassadrice Le Gaulois Professionnel au geste sûr et au sourire franc.') }}</p>
<div class="butn-wrap mx-auto mx-lg-0">
<a href="{{ route('ideas.recipes.index') }}" class="butn-prim">{{ __('Voir les recettes de la Cheffe') }}</a>
</div>
</div>
</div>
</div>
</section>
<section class="section-news bg-ardoise-radial py-5">
<div class="wrapper-xxl">
<div class="row">
<div class="col text-center">
<div class="text-wrapper paragraph-format mx-auto mt-5">
<h2 class="h2">{{ __('Nos actualités') }}</h2>
<p>{{ __('Le Gaulois Professionnel vous propose régulièrement des innovations produits. Nous sommes également présents sur les salons
professionnels des métiers de bouche tel que le SIRHA. Suivez toutes nos actualités.') }}</p>
</div>
</div>
</div>
@if(count($events)>0)
<div class="row mx-5">
<div class="col">
<p class="h3 text-center text-lg-start p-0 py-lg-4">{{ __('Retrouvez-nous :') }}</p>
</div>
</div>
<div class="row news-desktop mx-5">
@foreach ($events as $event)
<div class="col position-relative bg-transparent w-50 pe-5">
<div class="news-wrapper d-flex rounded-4 box-shadow overflow-hidden">
<div class="date-wrapper position-relative text-center w-20 p-4">
<p class="ff-poppins-medium fs-banner-big">{{ \Carbon\Carbon::parse($event->event_start)->locale('fr_FR')->isoFormat('D MMM Y') }}</p>
<svg class="separator-blue position-absolute" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 20.94 159.41">
<defs>
<style>
.cls-desktop-1 {
fill: #282828;
}
.cls-desktop-2 {
fill: url(#banner_inox);
}
</style>
<linearGradient id="banner_inox" x1="-254.99" y1="502.35" x2="-254.99" y2="503.35" gradientTransform="translate(-22527.78 -79901.69) rotate(-180) scale(88.39 -159.06)" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#474747" />
<stop offset=".23" stop-color="#959595" />
<stop offset=".36" stop-color="#f4f4f4" />
<stop offset=".48" stop-color="#c9c9c9" />
<stop offset=".66" stop-color="#656565" />
<stop offset=".8" stop-color="#7a7a7a" />
<stop offset="1" stop-color="#474747" />
</linearGradient>
</defs>
<path class="cls-desktop-2" d="M21.94,.32h-6.77C6.59,18.15,1,47.29,1,80.18s5.45,61.29,13.85,79.19h7.09V.32Z" />
<path class="cls-desktop-1" d="M21.94,0h-1.59S5.59,27.05,5.59,79.71s14.75,79.71,14.75,79.71h1.59V0Z" />
</svg>
</div>
<div class="txt-wrapper d-flex align-items-center w-80 p-4">
{{$event->event_text}}
</div>
</div>
<div class="butn-wrap position-absolute top-0 end-0 mx-3">
<a href="{{ $event->cal_link }}" class="add-calendar-btn rounded-4 ps-5 pe-4">
<svg version="1.1" class="calendar-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 19 19" xml:space="preserve">
<style type="text/css">
.st0 {
fill: none;
stroke-width: 1.5;
stroke-linecap: round;
stroke-linejoin: round;
}
</style>
<path class="st0" d="M14.5,2.8H5c-1.9,0-3.5,1.5-3.5,3.5v8.3C1.5,16.5,3.1,18,5,18h9.6c1.9,0,3.5-1.5,3.5-3.5V6.2
C18,4.3,16.5,2.8,14.5,2.8z" />
<path class="st0" d="M1.5,7.1H18" />
<path class="st0" d="M13.9,1v3.3" />
<path class="st0" d="M5.6,1v3.3" />
</svg>
{{ __('Ajouter à mon calendrier') }}
</a>
</div>
</div>
@endforeach
</div>
<div class="row news-mobile">
<div class="col px-0">
<div class="slider-wrapper position-relative w-100">
<!-- Slider main container -->
<div id="swiperNews" class="swiper swiper-lgp">
<!-- Additional required wrapper -->
<div class="swiper-wrapper align-items-center">
<!-- Slides -->
@foreach ($events as $event)
<div class="swiper-slide">
<div class="col position-relative w-80 mx-auto my-5">
<div class="news-wrapper d-flex rounded-4 box-shadow overflow-hidden">
<div class="date-wrapper position-relative d-flex justify-content-md-center align-items-center text-center w-40 ps-4 p-lg-4">
<p class="ff-poppins-medium fs-banner-big">{{ \Carbon\Carbon::parse($event->event_start)->locale('fr_FR')->isoFormat('D MMM Y') }}</p>
<svg class="separator-blue position-absolute" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 20.94 159.41">
<defs>
<style>
.cls-mobile-1 {
fill: #282828;
}
.cls-mobile-2 {
fill: url(#banner_inox_1_mobile);
}
</style>
<linearGradient id="banner_inox_1_mobile" x1="-254.99" y1="502.35" x2="-254.99" y2="503.35" gradientTransform="translate(-22527.78 -79901.69) rotate(-180) scale(88.39 -159.06)" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#474747" />
<stop offset=".23" stop-color="#959595" />
<stop offset=".36" stop-color="#f4f4f4" />
<stop offset=".48" stop-color="#c9c9c9" />
<stop offset=".66" stop-color="#656565" />
<stop offset=".8" stop-color="#7a7a7a" />
<stop offset="1" stop-color="#474747" />
</linearGradient>
</defs>
<path class="cls-mobile-2" d="M21.94,.32h-6.77C6.59,18.15,1,47.29,1,80.18s5.45,61.29,13.85,79.19h7.09V.32Z" />
<path class="cls-mobile-1" d="M21.94,0h-1.59S5.59,27.05,5.59,79.71s14.75,79.71,14.75,79.71h1.59V0Z" />
</svg>
</div>
<div class="txt-wrapper d-flex align-items-center w-60 px-3 pt-4 pb-3 p-lg-4">
<p>{{$event->event_text}}</p>
</div>
</div>
<div class="butn-wrap position-absolute top-0 end-0 mx-n4 mx-lg-3">
<a href="{{ $event->cal_link }}" class="add-calendar-btn rounded-4 ps-5 pe-4">
<svg version="1.1" class="calendar-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 19 19" xml:space="preserve">
<style type="text/css">
.st0 {
fill: none;
stroke-width: 1.5;
stroke-linecap: round;
stroke-linejoin: round;
}
</style>
<path class="st0" d="M14.5,2.8H5c-1.9,0-3.5,1.5-3.5,3.5v8.3C1.5,16.5,3.1,18,5,18h9.6c1.9,0,3.5-1.5,3.5-3.5V6.2
C18,4.3,16.5,2.8,14.5,2.8z" />
<path class="st0" d="M1.5,7.1H18" />
<path class="st0" d="M13.9,1v3.3" />
<path class="st0" d="M5.6,1v3.3" />
</svg>
{{ __('Ajouter à mon calendrier') }}
</a>
</div>
</div>
</div>
@endforeach
</div>
</div>
<!-- If we need navigation buttons -->
<div class="swiper-button-prev swiper-news-btn-prev"></div>
<div class="swiper-button-next swiper-news-btn-next"></div>
</div>
</div>
</div>
@endif
<div class="row posts-desktop my-5">
@foreach ($news as $item)
<div class="col pb-5 p-md-3">
@include('fo.pages.news.postCard', [
'news_item' => $item,
'color' => 'blue'
])
</div>
@endforeach
</div>
<div class="row posts-mobile">
<div class="col">
<div class="slider-wrapper position-relative w-100">
<!-- Slider main container -->
<div id="swiperPosts" class="swiper swiper-lgp">
<!-- Additional required wrapper -->
<div class="swiper-wrapper">
<!-- Slides -->
@foreach ($news as $item)
<div class="swiper-slide">
<div class="col w-80 mx-auto my-4">
@include('fo.pages.news.postCard', [
'news_item' => $item,
'color' => 'blue'
])
</div>
</div>
@endforeach
</div>
</div>
<!-- If we need navigation buttons -->
<div class="swiper-button-prev swiper-posts-btn-prev"></div>
<div class="swiper-button-next swiper-posts-btn-next"></div>
</div>
</div>
</div>
</div>
</section>
</div>
@endsection