227 lines
16 KiB
PHP
227 lines
16 KiB
PHP
@extends('theme::layout')
|
|
|
|
@section('main-class', 'home-page')
|
|
@section('content')
|
|
{{-- 1st row lots --}}
|
|
<section class="default-image-background row position-relative text-xl-start overflow-hidden" id="main-section">
|
|
<img class="d-none d-lg-block details-left position-absolute img-fluid" src='{{ Vite::asset("$themeResources/assets/images/confettis.png") }}'
|
|
alt="{{ __('Confettis positionné sur la gauche') }}">
|
|
<img class="d-none d-lg-block details-right position-absolute img-fluid" src='{{ Vite::asset("$themeResources/assets/images/confettis.png") }}'
|
|
alt="{{ __('Confettis positionné sur la droite') }}">
|
|
<div class="col-12 d-flex g-0 justify-content-center z-2">
|
|
<img class="img-fluid" src='{{ Vite::asset("$themeResources/assets/images/logo-LG-40ans.png") }}'
|
|
alt="{{ $settingsGlobal->name ?? config('app.name') }}">
|
|
<img class="d-none d-lg-block position-absolute img-fluid wheel-up z-1" src='{{ Vite::asset("$themeResources/assets/images/Roue+ombre.png") }}'
|
|
title="{{ __('La roue des cadeaux !') }}"
|
|
alt="{{ __('Une roue de vélo avec des cadeaux') }}">
|
|
</div>
|
|
<div class="col-12 g-0 overflow-hidden z-1">
|
|
<div class="row">
|
|
<div class="col">
|
|
<h2 class="text-uppercase fs-big f-veneer text-center">{{ __('Jeu 100% gagnant') }}</h2>
|
|
</div>
|
|
</div>
|
|
@if($prizesGlobal->count())
|
|
<div id="home-gifts" class="container position-relative overflow-visible row mx-auto">
|
|
<div class="gifts-background col-12 h-100 position-absolute">
|
|
<img class="vw-100 h-100" src='{{ Vite::asset("$themeResources/assets/images/gift_background.png") }}'
|
|
title="{{ __('La roue des cadeaux !') }}"
|
|
alt="{{ __('Une roue de vélo avec des cadeaux') }}">
|
|
</div>
|
|
@php $sortedPrizes = $prizesGlobal->sortBy('quantity'); @endphp
|
|
<div class="col-12 col-md-6 d-flex flex-column justify-content-center align-items-center align-items-md-end px-5 pt-5 pb-0 py-md-5 z-1">
|
|
<div class="d-flex flex-row justify-content-center align-items-center">
|
|
<div class="d-flex flex-column justify-content-center align-items-center">
|
|
<p class="fw-bolder main-quantity m-0">{{ $sortedPrizes[0]->quantity }}</p>
|
|
<p class="small fw-lighter text-uppercase">Ensembles</p>
|
|
</div>
|
|
<img src="{{ asset(resize($sortedPrizes[0]->picture, 'trimlot1')) }}" alt="{{ $sortedPrizes[0]->picture_alt }}"
|
|
title="{{ $sortedPrizes[0]->picture_title }}" class="img-fluid">
|
|
</div>
|
|
<p class="fw-bolder gift-label">{{ $sortedPrizes[0]->label }}</p>
|
|
</div>
|
|
<div class="second-gift col-12 col-md-6 d-flex flex-column justify-content-center align-items-center align-items-md-start px-0 py-5 z-1">
|
|
@if (isset($sortedPrizes[1]))
|
|
<div class="d-flex flex-column justify-content-center align-items-center border-custom ps-md-5">
|
|
<div class="d-flex flex-row justify-content-center align-items-center">
|
|
<div class="d-flex flex-column justify-content-center align-items-center">
|
|
<p class="fw-bolder quantity m-0">{{ $sortedPrizes[1]->quantity }}</p>
|
|
</div>
|
|
<img src="{{ asset(resize($sortedPrizes[1]->picture), 'trimlot2') }}" alt="{{ $sortedPrizes[1]->picture_alt }}"
|
|
title="{{ $sortedPrizes[1]->picture_title }}" class="img-fluid">
|
|
</div>
|
|
<p class="fw-bolder gift-label">{{ $sortedPrizes[1]->label }}</p>
|
|
</div>
|
|
@endif
|
|
<div class="d-flex flex-column flex-sm-row justify-content-center align-items-center gap-2 border-custom mt-3 ps-md-5 z-1">
|
|
<div class="col-12 col-sm-6 text-center">
|
|
<img class="w-100 img-fluid" src='{{ Vite::asset("$themeResources/assets/images/Cadeau-Webcoupon.png") }}''>
|
|
</div>
|
|
<div class="col-12 col-sm-6 text-center text-sm-start">
|
|
<p class="br-text fw-bolder text-uppercase">{{ __('et des miliers de bons de réductions') }}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@endif
|
|
</div>
|
|
{{-- BTN JOUER --}}
|
|
<div class="col d-flex justify-content-center mb-3 mt-5">
|
|
<a class="btn btn-lg rounded-0 btn-secondary fs-2 fw-bold text-uppercase px-5 py-1"
|
|
href="{{ route('fo.participate') }}">{{ __('Je joue !') }}</a>
|
|
</div>
|
|
</section>
|
|
|
|
{{-- 2nd Row how to play --}}
|
|
<section class="row text-bg-secondary overflow-hidden p-md-3 py-3" id="howto">
|
|
<div class="col">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-12 col-md-5 mb-3 pt-2 text-start">
|
|
<h2 class="fs-mid fs-md-1 f-veneer">
|
|
{{ __("Comment jouer\u{00A0}?") }}
|
|
</h2>
|
|
<span class="fs-5 f-barlow-medium">
|
|
{{ __("Rien de plus simple\u{00A0}! Suivez les 3 étapes décrites ci-contre et laissez-vous guider.") }}
|
|
</span>
|
|
<div class="d-flex justify-content-center mt-2">
|
|
<img class="img-fluid rotate-anim"
|
|
src='{{ Vite::asset("$themeResources/assets/images/Roue.png") }}'
|
|
title="{{ __('La roue des cadeaux !') }}"
|
|
alt="{{ __('Une roue de vélo avec des cadeaux') }}">
|
|
</div>
|
|
</div>
|
|
<div class="col d-flex mb-3 flex-row">
|
|
<div class="d-flex flex-column justify-content-evenly px-md-3 pe-3">
|
|
<div class="rounded-pill badge-vertical bg-white">
|
|
<div class="d-flex justify-content-center align-items-center w-100 h-100">
|
|
<img class="img-fluid"
|
|
src='{{ Vite::asset("$themeResources/assets/images/HOME--Step-1.png") }}'
|
|
title="{{ __('Achetez un produit :company porteur de l\'offre.', ['company' => Str::title($settingsGlobal->company)]) }}"
|
|
alt="{{ __('Un panier de course') }}">
|
|
</div>
|
|
</div>
|
|
<div class="rounded-pill badge-vertical bg-white">
|
|
<div class="d-flex justify-content-center align-items-center w-100 h-100">
|
|
<img class="img-fluid mx-auto" src='{{ Vite::asset("$themeResources/assets/images/HOME--Step-2.png") }}'
|
|
title="{{ __('Trouver le code au dos du sticker') }}" alt="{{ __('Un sticker du jeu') }}">
|
|
</div>
|
|
</div>
|
|
<div class="rounded-pill badge-vertical bg-white">
|
|
<div class="d-flex justify-content-center align-items-center w-100 h-100">
|
|
<img class="img-fluid mx-auto" src='{{ Vite::asset("$themeResources/assets/images/HOME--Step-3.png") }}'
|
|
title="{{ __('Inscrivez-vous sur ce site') }}"
|
|
alt="{{ __('Un écran d\'ordinateur avec un cadeau en son centre') }}">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="d-flex justify-content-evenly flex-column ps-lg-3">
|
|
<div>
|
|
<span class="h2 mb-0 text-uppercase fw-bold f-veneer">
|
|
{{ __("J'achète") }}
|
|
</span>
|
|
<br>
|
|
<span class="fs-4 fw-light f-barlow-condensed-medium">
|
|
{{ __("un produit Le Gaulois porteur de l'offre.") }}
|
|
</span>
|
|
<br>
|
|
<a href="{{ route('fo.produits-porteurs') }}" class="text-white">
|
|
{{ __('Voir la liste des produits participants') }}
|
|
</a>
|
|
</div>
|
|
<div>
|
|
<span class="h2 mb-0 text-uppercase fw-bold f-veneer">
|
|
{{ __("Je m'inscris") }}
|
|
</span>
|
|
<br>
|
|
<span class="fs-4 fw-light f-barlow-condensed-medium">
|
|
{{ __("au jeu avec mes coordonnées, le code unique du sticker et le code barres du produit et découvre mon gain.") }}
|
|
</span>
|
|
</div>
|
|
<div class="h2 mb-0">
|
|
<span class="h2 mb-0 text-uppercase fw-bold f-veneer">
|
|
{{ __("Je télécharge") }}
|
|
</span>
|
|
<br>
|
|
<span class="fs-4 fw-light f-barlow-condensed-medium">
|
|
{{ __("mon ticket de caisse ou ma facture drive pour valider ma participation.") }}
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
{{-- 3 row gifts --}}
|
|
<section class="row bg-gray overflow-hidden" id="gifts">
|
|
<div class="col-12 position-relative">
|
|
<img class="d-none d-lg-block details-left position-absolute img-fluid" src='{{ Vite::asset("$themeResources/assets/images/confettis.png") }}'
|
|
alt="{{ __('Confettis positionné sur la gauche') }}">
|
|
<img class="d-none d-lg-block details-right position-absolute img-fluid" src='{{ Vite::asset("$themeResources/assets/images/confettis.png") }}'
|
|
alt="{{ __('Confettis positionné sur la droite') }}">
|
|
<div class="container row mx-auto">
|
|
<div class="col-12 mt-5 pt-5 text-center">
|
|
<h2 class="title-bikes position-relative text-primary text-uppercase fs-mid fs-md-1 f-veneer m-0 z-2">{{ __('Les cadeaux') }}</h2>
|
|
</div>
|
|
<div class="col-12">
|
|
<div class="container carousel overflow-hidden slide p-0" id="carousel-lots" data-bs-pause="true" data-bs-touch="true">
|
|
<div class="carousel-inner overflow-visible">
|
|
@foreach ($prizesGlobal as $prizeIndex => $prizeModel)
|
|
<div class="carousel-item position-relative @if ($loop->first) active @endif overflow-visible">
|
|
<div class="geometric-form-background w-100 h-100"></div>
|
|
<div class="h-100 p-2 pt-0">
|
|
<div class="carousel-item-content row position-relative bg-secondary text-white w-100 mx-auto">
|
|
<div class="col-12 col-md-6 position-relative text-center p-3 p-md-5">
|
|
<img class="position-relative img-fluid z-1" src="{{ asset($prizeModel->picture) }}"
|
|
title="{{ $prizeModel->picture_title }}" alt="{{ $prizeModel->picture_alt }}">
|
|
<div class="position-absolute top-50 start-50 translate-middle bg-yellow rounded-circle ratio ratio-1x1"></div>
|
|
</div>
|
|
<div class="col-12 col-md-6 d-flex justify-content-center align-items-center overflow-visible p-3 pt-0 pt-md-5 ps-md-0">
|
|
<div class="m-3 p-1">
|
|
<h3 class="fs-2 text-md-start text-center">{{ $prizeModel->arg_title }}</h3>
|
|
@if ($prizeModel->arg_subtitle)
|
|
<h4>{{ $prizeModel->arg_subtitle }}</h4>
|
|
@endif
|
|
<div class="ck-content f-barlow-medium">{!! clean($prizeModel->arg_content) !!}</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@endforeach
|
|
</div>
|
|
<div class="carousel-indicators position-relative align-items-center">
|
|
<button class="btn-control btn btn-sm btn-link me-2" id="coupons-carousel-play-btn"
|
|
data-stop="{{ __('Arrêter le carousel') }}" data-play="{{ __('Lancer le carousel') }}" type="button"
|
|
title="{{ __('Lancer ou arrêter le carousel') }}">
|
|
<i class="fa-solid fa-play" aria-hidden="true"></i>
|
|
<i class="fa-solid fa-pause d-none" aria-hidden="true"></i>
|
|
</button>
|
|
@foreach ($prizesGlobal as $prizeIndex => $prizeModel)
|
|
<button class="bg-secondary rounded-circle ratio ratio-1x1 mx-2 @if ($loop->first) active @endif" data-bs-target="#carousel-lots"
|
|
data-bs-slide-to="{{ $prizeIndex }}" type="button" aria-label="{{ __('Slide :n', ['n' => $prizeIndex + 1]) }}"
|
|
@if ($loop->first) aria-current="true" @endif></button>
|
|
@endforeach
|
|
</div>
|
|
</div>
|
|
<button class="carousel-control-prev" data-bs-target="#carousel-lots" data-bs-slide="prev" type="button">
|
|
<span class="carousel-control-prev-icon btn btn-secondary rounded-pill p-3" aria-hidden="true"></span>
|
|
<span class="visually-hidden">{{ __('pagination.previous') }}</span>
|
|
</button>
|
|
<button class="carousel-control-next" data-bs-target="#carousel-lots" data-bs-slide="next" type="button">
|
|
<span class="carousel-control-next-icon btn btn-secondary rounded-pill p-3" aria-hidden="true"></span>
|
|
<span class="visually-hidden">{{ __('pagination.next') }}</span>
|
|
</button>
|
|
{{-- BTN JOUER --}}
|
|
<div class="col-12 d-flex justify-content-center my-5">
|
|
<a class="btn btn-lg rounded-0 btn-secondary fs-2 fw-bold text-uppercase px-5 py-1"
|
|
href="{{ route('fo.participate') }}">{{ __('Je joue !') }}</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
@endsection
|