158 lines
10 KiB
PHP
158 lines
10 KiB
PHP
@extends('fo.layout')
|
|
|
|
@section('title', $staticPageModel->seo_title ?? __('Accueil'))
|
|
@section('description', $staticPageModel->seo_description ?? __('Description site'))
|
|
@section('breadcrumb',
|
|
request()->route()->getName())
|
|
|
|
@section('content')
|
|
<section class="homepage">
|
|
<!-- TITLE CARD -->
|
|
<div class="title-card container-fluid my-xl-5 my-0 px-4">
|
|
<div class="d-flex flex-column flex-xl-row justify-content-center align-items-center w-100 flex-wrap">
|
|
<div class="bg-agis-yellow p-xl-5 p-4 px-5">
|
|
<h1 class="my-2 text-center">
|
|
<p class="fs-title-xxl f-sheldon text-uppercase m-0">{{ $homepageModel->title_part1 }}</p>
|
|
<span class="divide d-block w-100 mt-xl-3 my-2"></span>
|
|
<p class="fs-title-xl lh-1 f-readex-pro fw-semibold text-uppercase m-0">{{ $homepageModel->title_part2 }}</p>
|
|
<span class="divide d-block w-100 my-1"></span>
|
|
<p class="fs-title-l f-rufina fw-semibold m-0">{{ Str::of($homepageModel->title_part3)->ucFirst()->value() }}</p>
|
|
</h1>
|
|
</div>
|
|
<div class="m-xl-0 my-4 mb-5">
|
|
<img src="{{ asset($homepageModel->picture) }}" title="{{ $homepageModel->picture_title }}"
|
|
alt="{{ $homepageModel->picture_alt }}">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- SEASONAL -->
|
|
@if ($seasonalSectionsModel)
|
|
<div
|
|
class="seasonal-sections bg-agis-grey container-fluid position-relative {{ $seasonalSectionsModel->background->bootstrapClass() }} overflow-hidden px-4 py-5">
|
|
<div class="row w-100 mx-auto">
|
|
<div class="col-12 col-xl-6 p-xl-5 px-0">
|
|
<div class="d-flex flex-column justify-content-center align-items-start position-relative h-100 z-1 mb-5">
|
|
<h2 class="d-flex flex-column justify-content-center align-items-start text-uppercase position-relative">
|
|
<span class="f-readex-pro fs-6 fw-semibold">{{ __('au fil de l\'année') }}</span>
|
|
<span class="f-sheldon fs-1 mb-3 mt-1">{{ $seasonalSectionsModel->title }}</span>
|
|
</h2>
|
|
{!! clean($seasonalSectionsModel->text) !!}
|
|
</div>
|
|
</div>
|
|
<div class="seasonal-sections-image bg-agis-white col-12 col-xl-6 position-relative mx-xl-0 mx-auto w-auto p-4">
|
|
<img src="{{ asset($seasonalSectionsModel->picture) }}" title="{{ $seasonalSectionsModel->picture_title }}"
|
|
alt="{{ $seasonalSectionsModel->picture_alt }}">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@endif
|
|
<!-- AGIS DESCRIPTION -->
|
|
<div class="description container px-4 py-5">
|
|
<h2 class="text-uppercase fs-1 f-sheldon text-center">{{ __('Agis c\'est') }}</h2>
|
|
<p class="description-subtitle lh-sm fs-6 fw-bold m-0 mx-auto px-4 text-center">
|
|
{{ __('une palette généreuse de plats s\'inspirant du monde entier') }}</p>
|
|
<div class="row">
|
|
<div class="col-12 col-md-6 my-xl-0 mx-auto my-2">
|
|
<div class="w-75 mx-auto">
|
|
<img src="{{ Vite::asset('resources/assets/images/homepage/agis-agence.png') }}"
|
|
title="{{ __('Palette généreuse de plats s\'inspirant du monde entier') }}"
|
|
alt="{{ __('femme sac-à-dos cuisine') }}">
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-md-6">
|
|
<div class="description-paragraph d-flex flex-column justify-content-center align-items-start h-100">
|
|
{!! clean($homepageModel->presentation_content) !!}
|
|
<button class="btn btn-primary fw-bold mt-1">{{ __('> En savoir +') }}</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- NEWS -->
|
|
<div class="news container-fluid position-relative px-4 py-5">
|
|
<div class="black-frame position-absolute w-100 h-100 z-n1 start-0 top-0 px-4">
|
|
<div class="position-relative w-100 h-100"></div>
|
|
</div>
|
|
<h2 class="text-uppercase fs-1 f-sheldon mx-auto w-fit bg-white px-4 text-center">{{ __('Nos actus') }}</h2>
|
|
<div class="swiper swiper-homepage-news p-xl-4 pt-xl-0 pb-xl-5 mt-4 overflow-hidden p-0" id="swiper-homepage-news">
|
|
<div class="swiper-wrapper">
|
|
@foreach ($newsModels as $key => $newsModel)
|
|
<div class="swiper-slide">
|
|
<div
|
|
class="swiper-slide-content d-flex @if ($key % 2) flex-column flex-xl-column-reverse @else flex-column @endif justify-content-center align-items-center mx-auto">
|
|
<img src="{{ asset($newsModel->picture_thumbnail) }}" title="{{ $newsModel->picture_thumbnail_title }}"
|
|
alt="{{ $newsModel->picture_thumbnail_alt }}">
|
|
<div
|
|
class="d-flex flex-column justify-content-start align-items-start w-100 @if ($key % 2) mt-3 mb-xl-3 @else mt-3 @endif">
|
|
<p class="f-readex-pro m-0">
|
|
{{ \Carbon\Carbon::parse($newsModel->publish_at)->locale('fr_FR')->isoFormat('D MMM Y') }}</p>
|
|
<p class="fw-bold m-0 text-start">{{ $newsModel->title }}</p>
|
|
<a class="f-readex-pro text-dark" href="#">{{ __('> Lire la suite') }}</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@endforeach
|
|
<div class="swiper-slide">
|
|
<div class="swiper-slide-content d-flex flex-column justify-content-center align-items-center mx-auto">
|
|
<img src="{{ Vite::asset('resources/assets/images/homepage/news.png') }}"
|
|
title="{{ __('Représentation d\'un recette') }}" alt="{{ __('cocotte minute') }}">
|
|
<div class="d-flex flex-column justify-content-start align-items-start mt-2">
|
|
<a class="btn btn-secondary" href="{{ route('fo.news.index') }}">{{ __('> Voir toutes nos actus') }}</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="d-flex justify-content-evenly align-items-center d-xl-none mb-2 mt-4 flex-row">
|
|
<div class="swiper-button-prev rounded-circle" role="button">
|
|
<img src="{{ Vite::asset('resources/assets/images/global/btn-arrow.png') }}"
|
|
title="{{ __('Navigation du slider (gauche)') }}" alt="{{ __('flèche vers la gauche') }}">
|
|
</div>
|
|
<div class="swiper-button-next rounded-circle" role="button">
|
|
<img src="{{ Vite::asset('resources/assets/images/global/btn-arrow.png') }}"
|
|
title="{{ __('Navigation du slider (droite)') }}" alt="{{ __('flèche vers la droite') }}">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- RANGES -->
|
|
@if (count($rangeModels))
|
|
<div class="ranges container-fluid bg-agis-grey position-relative mb-5 px-4 py-5">
|
|
<h2 class="text-primary fs-1 text-uppercase f-sheldon text-center">{{ __('Découvrez nos gammes') }}</h2>
|
|
<div class="swiper swiper-ranges bg-agis-white mt-4 overflow-hidden py-4" id="swiper-ranges">
|
|
<div class="swiper-wrapper">
|
|
@foreach ($rangeModels as $key => $rangeModel)
|
|
<div class="swiper-slide">
|
|
<div
|
|
class="swiper-slide-content d-flex flex-column flex-xl-row justify-content-center justify-content-xl-end align-items-center m-xl-0 mx-auto">
|
|
<div
|
|
class="swiper-slide-content-details bg-agis-white @if (!$loop->first) swiper-slide-content-translate @endif position-relative z-1">
|
|
<p class="text-primary fs-5 f-readex-pro p-xl-2 p-xxl-4 text-xl-start m-0 mb-3 text-center">
|
|
{{ Str::of($rangeModel->title)->limit(30) }}
|
|
</p>
|
|
</div>
|
|
<img src="{{ asset($rangeModel->picture_thumbnail) }}" title="{{ $rangeModel->picture_thumbnail_title }}"
|
|
alt="{{ $rangeModel->picture_thumbnail_alt }}">
|
|
<div class="w-100 d-xl-none">
|
|
<a class="text-dark w-fit" href="">{{ __('> En savoir +') }}</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@endforeach
|
|
</div>
|
|
<div
|
|
class="navigation d-flex justify-content-evenly justify-content-xl-between align-items-center p-xl-4 mb-2 mt-3 flex-row p-0">
|
|
<div class="swiper-button-prev rounded-circle" role="button">
|
|
<img src="{{ Vite::asset('resources/assets/images/global/btn-arrow.png') }}"
|
|
title="{{ __('Navigation du slider (gauche)') }}" alt="{{ __('flèche vers la gauche') }}">
|
|
</div>
|
|
<div class="swiper-button-next rounded-circle" role="button">
|
|
<img src="{{ Vite::asset('resources/assets/images/global/btn-arrow.png') }}"
|
|
title="{{ __('Navigation du slider (droite)') }}" alt="{{ __('flèche vers la droite') }}">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<a class="btn btn-primary fw-bold d-none d-xl-block mx-auto w-fit"
|
|
href="{{ route('fo.ranges.index') }}">{{ __('> Voir toutes nos gammes') }}</a>
|
|
</div>
|
|
@endif
|
|
</section>
|
|
@endsection
|