ldc-legaulois/resources/views/home.blade.php

@extends('layouts.app')
@section('title', __('Accueil'))
@section('description', __("Découvrez Le Gaulois, des produits de volailles françaises. Et aussi nos recettes, des éleveurs et le Club des Gaulois, les Départ'aimants et des réductions."))

@section('breadcrumb', 'no')

@section('sub_header')
    <div class="sub_header home">
        <home-slider slides='@json($slides)'></home-slider>
    </div>
@endsection

@section('content')
    <div class="content__home">
        <section class="first">
            <div class="promo">
                <h2 class="title">{{__('Les Promos !') }}</h2>
                <h3 class="sub_title">{{__('Choisissez, imprimez et dégustez !') }}</h3>
                <div class="br">
                    <a href="{{ auth('customer')->check() ? route('club.reductions') : route('form-connexion') }}">
                        <span class="montant">{{ __('économisez aujourd\'hui' )}} <span class="euro">{{ number_format($montantReductions, 2, ',', '') }}€</span></span>
                        <span class="sentence">{{__('En bons de réductions sur une sélection de produits Le Gaulois') }}</span>
                        <picture>
                            <img src="{{ asset('assets/images/home/background-BR.png') }}" alt="Bons de réduction image arière plan">
                        </picture>
                    </a>
                </div>
            </div>
            <div class="infos">
                <h2 class="title">
                    <picture>
                        <img src="{{ asset('assets/images/home/arrow-down-53.png') }}" alt="Flèche bon de réduction">
                    </picture>
                    {{ __('Les infos qui mettent en appétit') }}
                </h2>
                <actu-slider slides='@json($newsSlides)'></actu-slider>
            </div>
        </section>
        <section class="volaillesfr">
            <div class="container">
                <div class="left">
                    <picture>
                        <source srcset="{{ asset(resize('assets/images/home/volaillesfr_landing.png', 'landingWebp')) }}" type="image/webp">
                        <img src="{{ asset('assets/images/home/volaillesfr_landing.png') }}" width="168" alt="{{__('Volailles 100% Françaises - Le Gaulois') }}">
                    </picture>
                    <div class="aside">
                        <h2 class="title">{{ __('Volailles 100% Françaises') }}</h2>
                        <h3 class="sub_title">{{ __('Découvrez nos engagements qualité') }}</h3>
                        <a href="{{ route('brand.french-poultry') }}">{{ __('En Savoir +') }}</a>
                    </div>
                </div>
                <div class="right">
                    <div class="txtOui">
                        <picture>
                            <img class="logo" src="{{ asset('assets/images/ocb/logo-oui.png') }}" width="190" alt="{{ __('Oui c\'est Bon! - Le Gaulois') }}">
                        </picture>
                        @if($breeder and $breeder->picture)
                        <picture>
                            <img class="eleveur" src="{{ asset($breeder->picture) }}" alt="{{ __('Eleveur :lastname :firstname  - Le Gaulois', [
                                'lastname' => $breeder->last_name,
                                'firstname' => $breeder->first_name]) }}">
                        </picture>
                        @endif
                        <p class="title">{{ __('Alimentation') }}&nbsp;:</p>
                        <ul>
                            <li>
                                <i class="fa fa-chevron-right" aria-hidden="true"></i>
                                {{ __('Céréales entières 100% Françaises') }}
                            </li>
                            <li>
                                <i class="fa fa-chevron-right" aria-hidden="true"></i>
                                {{ __('Sans OGM') }}&nbsp;<span>&lt;&nbsp;0.9%</span>
                            </li>
                            <li><span>{{ __('Contrôlé par Certipaq, organisme indépendant') }}</span></li>
                        </ul>
                        <a href="{{ route('ocb.index') }}">{{ __('Retrouvez votre éleveur') }}</a>
                    </div>
                </div>
            </div>
            <div class="arrowContainer">
                <div class="arrow"><i class="fa fa-chevron-down"></i></div>
            </div>
        </section>
        <section class="specBG">
            <section class="starProducts" id="productsStar">
                <h3>{{ __('Pour Tous les goûts') }}</h3>
                <h5>{{ __('Pour toutes les occasions') }}</h5>
                <div class="listProducts">
                    <div class="mobileScroll">
                        @foreach ($starProducts as $starProduct)
                        <div>
                            <a href="{{ route('product.show', $starProduct->slug) }}">
                                <img alt="{{ __(':product - Le Gaulois', ['product' => $starProduct->name]) }}" src="{{ asset($starProduct->picture) }}">
                                <h5>{{ $starProduct->name }}</h5>
                                <button type="button" href="{{ route('product.show', $starProduct->slug) }}">{{ __('Découvrir le produit') }}</button>
                            </a>
                        </div>
                        @endforeach
                    </div>
                </div>
                <div class="arrowContainer">
                    <div class="arrow"><i class="fa fa-chevron-down"></i></div>
                </div>
            </section>
            <section id="btnEnd">
                <h3>{{ __('Le Gaulois a tout bon') }}</h3>
                <div class="wrap_btn">
                    <div class="shadow_btn">
                        <div class="zoom">
                            <a href="{{ route('kitchen-side.health-nutrition.index') }}" class="btn_inner nutrition_sante" title="{{ __('Santé & nutrition') }}">
                                <h2>{{ __('Santé & nutrition') }}</h2>
                                <h3 class="sub_title">{{ __('Les atouts de la volaille française') }}</h3>
                            </a>
                        </div>
                    </div>
                    <div class="shadow_btn">
                        <div class="zoom">
                            <a href="{{ route('recipes.index') }}" class="btn_inner astuces_gaulois" title="{{ __('Les astuces le gaulois') }}">
                                <h2>{{ __('Nos Recettes') }}</h2>
                                <h3 class="sub_title">{{ __('Des idées pour tous et tous les jours !') }}</h3>
                            </a>
                        </div>
                    </div>
                </div>
            </section>
        </section>
        <section class="offers">
            <div class="header">
                <h3>{{ __('Profitez d\'offres exclusives !') }}</h3>
                <div class="inscription">
                    <h5>{{ __('Inscrivez-vous à la Newsletter') }}</h5>
                    <div class="inputSearch">
                        <input type="email" placeholder="{{ __('Votre email') }}" id="mailNewsletter" required>
                        <button id="buttonNewsletter">{{ __('OK') }}</button>
                    </div>
                </div>
            </div>
            <div class="offers-btn">
                <a href="{{ route('club.index') }}" class="club">
                    <div class="club-content">
                        <picture>
                            <img src="{{ asset('assets/images/le_club-logo-t.png') }}" alt="{{ __('Le Club Des Gaulois - Le Gaulois') }}">
                        </picture>
                        <div class="txt">
                            <h3>{{ __('Inscrivez-vous !') }}</h3>
                        </div>
                    </div>
                </a>
                <a href="{{ route('club.index') }}" class="aimants btn_login">
                    <div class="aimants-content">
                        <picture>
                            <img src="{{ asset('assets/images/home/sarthe.png') }}" alt="Sarthe Départaimant - Le Gaulois">
                        </picture>
                        <div class="txt">
                            <picture>
                                <img src="{{ asset('assets/images/home/departaimant.png') }}" alt="Départaimant - Le Gaulois">
                            </picture>
                            <div class="members">{{ strtoupper(__('J\'y vais')) }}</div>
                        </div>
                    </div>
                </a>
                <a href="https://www.facebook.com/LeGauloisFrance/" target="_blank" class="facebook">
                    <div class="facebook-content">
                        <h5>{{__('Retrouvez Le Gaulois sur') }}</h5>
                        <div class="txt">
                            <i class="far fa-thumbs-up"></i>
                            <h3>FACEBOOK</h3>
                        </div>
                        <div class="like">{{ __('J\'aime') }}</div>
                    </div>
                </a>
                <a href="https://www.instagram.com/legaulois_officiel/" target="_blank" class="instagram">
                    <div class="instagram-content">
                        <picture>
                            <img src="{{ asset('assets/images/home/insta-content.png') }}" alt="Instagram - Le Gaulois">
                        </picture>
                    </div>
                </a>
            </div>
        </section>
    </div>
@endsection

@push('scriptsConstants')
<script>
    window._translations = @json(cache(sprintf('translations.%s', app()->getLocale())));
    window._routes = {
        "add-single-optin": "{{ route('add-single-optin') }}"
    };
</script>
@endpush