ldc-lionor/resources/views/fo/pages/home.blade.php

@extends('fo.layout')

@section('title', __('Lionor, des volailles en Nord'))
@section('description', __('100% local, des produits bien élevés, de qualité et accessibles.'))
@section('breadcrumb', request()->route()->getName())

@section('content')
    <div class="d-md-flex g-0 position-relative hero">
        <img class="img-fluid" src="{{ Vite::asset('resources/assets/images/logo-poulet-100-local-small.png') }}" alt="Logo 100% local">
        <div class="hero-left bckg-yellow col-md-6 position-relative text-uppercase">
            <img class="img-fluid" src="{{ Vite::asset('resources/assets/images/Eleveur.jpg') }}" alt="Un éleveur posant avec un poulet">
            <section class="hero-content bckg-yellow opacity hero_content hero_left bottom-0 end-0 start-0">
                <h2>{{ $staticPageModel->data['left_title']['value'] }}</h2>
                <h3>{{ $staticPageModel->data['left_subtitle']['value'] }}</h3>
                <a
                    class="btn btn-light mb-5 mt-2"
                    href="{{ route('engagments') }}"
                    title="{!! clean($staticPageModel->data['left_button_text']['value']) !!}"
                >
                    {!! clean($staticPageModel->data['left_button_text']['value']) !!}
                </a>
            </section>
        </div>
        <div class="hero-right bckg-red col-md-6 position-relative text-uppercase">
            <img class="img-fluid" src="{{ Vite::asset('resources/assets/images/Brochette.jpg') }}"
                alt="Une assiette de brochette de volaille prise en gros plan">
            <section class="hero-content bckg-red opacity hero_content hero_right bottom-0 end-0 start-0">
                <h2>{{ $staticPageModel->data['right_title']['value'] }}</h2>
                <h3>{{ $staticPageModel->data['right_subtitle']['value'] }}</h3>
                <a
                    class="btn btn-light mb-5 mt-2"
                    href="{{ route('recipes.index') }}"
                    title="{!! clean($staticPageModel->data['right_button_text']['value']) !!}"
                >
                    {!! clean($staticPageModel->data['right_button_text']['value']) !!}
                </a>
            </section>
        </div>
    </div>
    <!-- LOCAL BLOCK -->
    <x-local-block-component />
    <!-- GAMMES -->
    <div class="container-fluid pt-5 text-center">
        <div class="row">
            <section class="col-md-8 offset-md-2 stripes">
                <h2 class="text-uppercase font-amatic font-amatic-48">
                    {{ $staticPageModel->data['product_title']['value'] }}
                    <span class="font-amatic-red">{{ $staticPageModel->data['product_subtitle']['value'] }}</span>
                </h2>
            </section>
        </div>
        <div class="row mt-4 overflow-hidden">
            <div class="col-lg-6 offset-lg-3">
                <div class="container">
                    <div class="row justify-content-center position-relative bckg-illustration bckg-illustration--poulet">
                        @foreach ($ranges as $range)
                            @if ($range->status)
                                <div class="col-md-6 mb-5">
                                    <div class="card">
                                        <img class="card-img-top" src="{{ asset($range->sticker) }}" title="{{ $range->sticker_title }}"
                                            alt="{{ $range->sticker_alt }}">
                                        <div class="card-body">
                                            <h3 class="card-title text-uppercase font-amatic font-amatic-46 mt-4">{{ $range->name }}</h3>
                                            <p class="card-text minheight-3">{{ $range->subtitle }}</p>
                                            <a class="btn btn-primary text-uppercase"
                                                href="{{ route('ranges.products', ['publishedRange' => $range->slug]) }}"
                                                title="{{ $range->name }}">{{ __('Découvrir >') }}</a>
                                        </div>
                                    </div>
                                </div>
                            @endif
                        @endforeach
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- OU NOUS TROUVER -->
    <section class="position-relative container mb-5 pt-5 text-center">
        <span class="separator-shadow"></span>
        <h2
            class="d-md-flex justify-content-center align-items-center text-uppercase font-amatic font-amatic-yellow font-amatic-48 font-amatic-before font-amatic-after">
            {{ __('Où trouver notre gamme de produits Lionor ?') }}</h2>
        <a class="btn btn-primary text-uppercase" href="{{ route('map') }}" title="Voir la carte">{{ __('Voir la carte >') }}</a>
    </section>

    <!-- RECETTES -->
    <div class="recipes overflow-hidden">
        <div class="container">
            <section class="stripes">
                <h2 class="text-uppercase font-amatic font-amatic-48 special d-sm-inline-flex position-relative text-center">
                    {{ __('Trouver l\'inspiration avec nos recettes') }}<span
                        class="font-amatic-red">{{ __('de volailles bonnes et accessibles') }}</span></h2>
            </section>

            @include('fo.partials.recipes-block', ['recipes' => $publishedRecipes])

            <p class="mt-3 text-center">
                <a class="btn btn-primary text-uppercase" href="{{ route('recipes.index') }}"
                    title="{{ __('Nos recettes') }}">{{ __('Voir toutes nos recettes >') }}</a>
            </p>
        </div>
    </div>
@endsection