123 lines
6.1 KiB
PHP
123 lines
6.1 KiB
PHP
@extends('layouts.frontend')
|
|
@section('title', $seoDatum->title)
|
|
@section('description', $seoDatum->description)
|
|
@section('keywords', $seoDatum->keywords)
|
|
|
|
@section('content')
|
|
|
|
<div class="jumbotron">
|
|
<p class="maintitle ttu animate__animated fadeIn animate__slow">{{ __('Les actualités Doux')}}</p>
|
|
<img class="img-zoom" src="{{ asset('assets/images/news.jpg') }}" alt="Aiguillettes de poulet enrobées d'une chapelure cornflakes Doux sur une planche apéro en bois">
|
|
<div class="banner">
|
|
<svg id="Calque_1" data-name="Calque 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1919.76 59.99">
|
|
<defs>
|
|
<style>
|
|
.cls-1 {
|
|
fill: #ffffff;
|
|
}
|
|
|
|
.cls-2 {
|
|
fill: transparent;
|
|
}
|
|
</style>
|
|
</defs>
|
|
<path class="cls-1" d="M1919.67,58c-.42.62,1,2.12-1,2-1.17-.07-2.34,0-3.5,0H0V55c3-.06,6,.08,9-.22,28.32-2.84,56.61-6,85-8.6q59.19-5.38,118.44-10c46.65-3.58,93.32-7,140-9.88,49.7-3.05,99.43-5.85,149.18-7.9,68.4-2.81,136.83-5,205.26-7.06,38.63-1.14,77.28-1.58,115.92-1.94,78.47-.74,156.93-.9,235.39.32,37.81.59,75.62,1.2,113.42,2.09q64.44,1.5,128.85,4,76.89,2.85,153.71,6.91,63.36,3.32,126.66,7.44,43.86,2.85,87.7,6,33.13,2.4,66.22,5.17,38.82,3.23,77.61,6.72c20.06,1.79,40.11,3.73,60.16,5.6Z" />
|
|
<path class="cls-2" d="M1919.67,58l-47.21-4.36c-20-1.87-40.1-3.81-60.16-5.6q-38.79-3.47-77.61-6.72-33.09-2.74-66.22-5.17-43.83-3.18-87.7-6-63.3-4.11-126.66-7.44-76.83-4-153.71-6.91-64.41-2.4-128.85-4c-37.8-.89-75.61-1.5-113.42-2.09-78.46-1.22-156.92-1.06-235.39-.32-38.64.36-77.29.8-115.92,1.94-68.43,2-136.86,4.25-205.26,7.06-49.75,2-99.48,4.85-149.18,7.9-46.7,2.87-93.37,6.3-140,9.88q-59.27,4.54-118.44,10c-28.35,2.58-56.64,5.76-85,8.6-3,.3-6,.16-9,.22V0H1919.67Z" />
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="container">
|
|
<div class="wrapper">
|
|
<div class="header-title align-center p-rel">
|
|
<i class="animate__animated fadeInDown animate__slow mascotte"></i>
|
|
<h1 class="animate__animated fadeInUp animate__slow">{{ __('Nos conseils ...')}}</h1>
|
|
</div>
|
|
<div class="is-flex desk-mt50">
|
|
<div class="w100 has-chicken-path animate__animated fadeInLeft animate__slow">
|
|
<img class="advice-img" src="{{ asset($advice_news->picture1) }}" alt="{{ $advice_news->alt_text_picture1 }}">
|
|
</div>
|
|
<div class="animate__animated fadeInRight animate__slow">
|
|
<h3 class="color-yellow">{{ $advice_news->title1 }}</h3>
|
|
<p class="align-justify">{!! clean(nl2br($advice_news->text1)) !!}</p>
|
|
</div>
|
|
</div>
|
|
<div class="is-flex desk-mt180">
|
|
<div class="w25 desk-mr10 on-bottom animate__animated fadeInLeft animate__slow">
|
|
<img class="advice-img" src="{{ asset($advice_news->picture2) }}" alt="{{ $advice_news->alt_text_picture2 }}">
|
|
</div>
|
|
<div class="w25 desk-mr18 on-bottom animate__animated fadeInLeft animate__slow">
|
|
<img class="advice-img" src="{{ asset($advice_news->picture3) }}" alt="{{ $advice_news->alt_text_picture3 }}">
|
|
</div>
|
|
<div class="w50 animate__animated fadeInRight animate__slow">
|
|
<h3 class="color-yellow">{{ $advice_news->title2 }}</h3>
|
|
<p class="align-justify">{!! clean(nl2br($advice_news->text2)) !!}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="container desk-mt50">
|
|
<div class="wrapper">
|
|
<div class="is-flex">
|
|
<div class="w50 bckg-illustration p-rel">
|
|
<p class="font-size-medium bold">
|
|
{!! __('<span class="color-red">les questions</span><br><span class="color-blue">utiles</span>') !!}
|
|
</p>
|
|
</div>
|
|
<div class="w50 align-center reduice-img">
|
|
<img src="{{ asset('assets/images/cuisine.jpg') }}" alt="Four, friteuse, poelle">
|
|
</div>
|
|
</div>
|
|
<ul class="more">
|
|
@foreach ($texts_news as $text)
|
|
<li>
|
|
<p>{{ $text->title}}</p>
|
|
<p class="align-justify">{!! clean(nl2br($text->text)) !!}</p>
|
|
</li>
|
|
@endforeach
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="posts" class="container">
|
|
<div class="posts-content wrapper">
|
|
<div class="sectiontitle align-center p-rel">
|
|
<h2 class="align-center punchline-module__title animate__animated fadeInUp animate__slow">{{ $title_newsPosts->title}}</h2>
|
|
</div>
|
|
<h3 class="h2 align-center">{{ $title_newsPosts->text}}</h3>
|
|
<div class="posts-list is-flex">
|
|
@foreach ($posts as $post)
|
|
<div class="post-card animate__animated fadeInUp animate__slow">
|
|
<img src="{{ asset($post->picture_news) }}" alt="{{ $post->alt_text_picture_news }}">
|
|
<h3 class="post-card__title color-yellow">{{ $post->title }}</h3>
|
|
<p class="align-justify">{!! clean(nl2br($post->text)) !!}</p>
|
|
</div>
|
|
@endforeach
|
|
</div>
|
|
</div>
|
|
<img src="{{ asset('assets/images/frise.jpg') }}" alt="Frise">
|
|
</div>
|
|
|
|
<div class="wrapper align-center">
|
|
<div class="header-title sectiontitle align-center p-rel">
|
|
<h2 class="align-center punchline-module__title animate__animated fadeInUp animate__slow">{{ __('Nos nouveautés')}}</h2>
|
|
</div>
|
|
<p class="h2">{{ __('Nous travaillons toujours pour améliorer nos recettes et proposer des produits de meilleure qualité')}}</p>
|
|
|
|
@if (isset($products_news))
|
|
<div id="carrousel2">
|
|
@foreach ($products_news as $product)
|
|
<div class="item is-flex">
|
|
<div class="item__image">
|
|
<a href="{{ route($routeprefixer . 'product.show', ['gammeSlug' => $product->gamme->slug , 'productSlug' => $product->slug]) }}">
|
|
<img src="{{ asset($product->picture) }}" alt="{{ $product->alt_text_picture}}" />
|
|
</a>
|
|
</div>
|
|
</div>
|
|
@endforeach
|
|
</div>
|
|
@endif
|
|
</div>
|
|
|
|
@endsection
|