SYNC 11 Start Re7 Teaser Page ok

This commit is contained in:
Jérémy Munsch 2023-12-01 11:44:47 +01:00
parent 87d382fc41
commit 6dafed516a
No known key found for this signature in database
GPG key ID: 18361AF3BFEC0FEC
16 changed files with 334 additions and 254 deletions

View file

@ -15,6 +15,7 @@
@import "./base/layout";
// * PAGES
@import "./pages/teaser";
@import "./pages/home";
@import "./pages/static_page";
@import "./pages/products";

20
sass/pages/_teaser.scss Normal file
View file

@ -0,0 +1,20 @@
.teaser-page {
.container-big {
max-width: 1500px;
}
.picture-100-win {
left: 40%;
transform: translateX(-60%);
}
@include media-breakpoint-up(xl) {
.main-rotate {
transform: rotateZ(-5deg);
}
.anti-rotate {
transform: rotateZ(5deg);
}
}
}

View file

@ -0,0 +1,25 @@
<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head>@include('theme::layouts.head')</head>
<body class="d-flex flex-column min-vh-100">
<header>
@include('theme::layouts.teaser.header')
</header>
<main class="container-fluid @hasSection('main-class') @yield('main-class') @endif flex-grow-1" id="content-container">
@yield('content')
</main>
<footer class="container-fluid">
@include('theme::layouts.teaser.footer')
</footer>
@include('back::modules.script-routes')
@include('theme::vendor.cn-cookies')
@vite(['resources/theme/mounted/ts/fo.ts'])
@stack('scripts')
</body>
</html>

View file

@ -27,7 +27,6 @@
</footer>
@include('back::modules.script-routes')
{{-- @include('theme::cookie') --}}
@include('theme::vendor.cn-cookies')
@vite(['resources/theme/mounted/ts/fo.ts'])
@stack('scripts')

View file

@ -0,0 +1,20 @@
{{-- External LINKS --}}
<div class="d-inline-block fs-3 p-3">
<span>{{ __('Rejoignez-nous sur') }}</span>
<div class="d-inline-block">
<div class="share d-inline-block ms-2">
<a class="btn-link" href="https://www.facebook.com/LeGauloisFrance" title="{{ __('Aller voir la page Facebook Le Gaulois') }}"
target="_blank">
@include('theme::partials.icons.facebook')
</a>
</div>
<a class="share d-inline-block btn-link text-light mx-1" href="https://www.instagram.com/legaulois_officiel/"
title="{{ __('Aller voir la page Instagram Le Gaulois') }}" target="_blank">
@include('theme::partials.icons.instagram')
</a>
</div>
<span>
{{ __('Découvrez tous nos produits sur :link', ['link' => '']) }}
<a class="link-light" href="https://www.legaulois.fr/">Legaulois.fr</a>
</span>
</div>

View file

@ -1,30 +1,9 @@
<div class="row text-bg-quad">
<div class="col-12 col-md-9 col-xl-10">
{{-- Share LINKS --}}
<div class="d-inline-block fs-3 p-3">
<span>{{ __('Partagez le jeu sur') }}</span>
<div class="d-inline-block">
<div class="share d-inline-block ms-2" data-href="https://www.facebook.com/LeGauloisFrance/" data-layout="button"
data-size="small">
<a class="fb-xfbml-parse-ignore btn-link" href="https://www.facebook.com/LeGauloisFrance/"
title="{{ __('Aller voir la page Facebook Le Gaulois') }}"
onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=800,height=500,toolbar=1,resizable=0'); return false;">
@include('theme::partials.icons.facebook')
</a>
</div>
<a class="share d-inline-block btn-link text-light mx-1" href="https://www.instagram.com/legaulois_officiel/"
title="{{ __('Aller voir la page Instagram Le Gaulois') }}" target="_blank">
@include('theme::partials.icons.instagram')
</a>
</div>
<span>
{{ __('Découvrez tous nos produits sur :link', ['link' => '']) }}
<a class="link-light" href="https://www.legaulois.fr/">Legaulois.fr</a>
</span>
</div>
@include('theme::layouts.footer-links')
{{-- LINKS --}}
<ul class="list-inline p-3">
<ul class="list-inline ms-md-5 p-3">
<li class="list-inline-item">
<a class="link-light" href="{{ route('fo.reglement') }}"
title="{{ __('Aller sur la page du réglement du jeu') }}">{{ __('Règlement du jeu') }}</a>
@ -61,12 +40,4 @@
</div>
</div>
<button class="btn btn-link rounded-pill z-1" id="page-up" title="{{ __('Remonter la page tout en haut.') }}">
@include('theme::partials.icons.up-arrow')
</button>
@push('scripts')
<!-- Load Facebook SDK for JavaScript -->
<script async defer crossorigin="anonymous" src="https://connect.facebook.net/fr_FR/sdk.js#xfbml=1&version=v10.0"
nonce="{{ $nonce ?? '' }}"></script>
@endpush
@include('theme::layouts.up-arrow')

View file

@ -0,0 +1,23 @@
<div class="col-12 col-lg-6">
<div class="d-flex flex-row">
<a class="d-block flex-grow-1 d-flex @if (!request()->routeis('re7.*') and !request()->routeis('fo.teaser')) game-logo-banner @endif" href="{{ route('fo.homepage') }}"
title="{{ __('Aller sur la page d\'accueil') }}">
<span class="d-inline-block">
<img class="img-fluid" src="{{ Vite::asset('resources/theme/mounted/assets/images/home_logo.png') }}"
alt="{{ $settingsGlobal->name ?? config('app.name') }}">
</span>
<span class="d-inline-block">
<img class="img-fluid" src="{{ Vite::asset('resources/theme/mounted/assets/images/logo-gauloisirs.png') }}"
alt="{{ __('Logo Gauloisir') }}">
</span>
</a>
@if (!request()->routeis('fo.teaser') and !request()->routeis('re7.teaser'))
<div class="d-flex align-items-center p-2">
<button class="navbar-toggler" data-bs-toggle="collapse" data-bs-target="#navbar-main-menu" type="button"
aria-controls="navbar-main-menu" aria-expanded="false" aria-label="{{ __('Afficher / Cacher le menu') }}">
<span class="navbar-toggler-icon"></span>
</button>
</div>
@endif
</div>
</div>

View file

@ -1,24 +1,3 @@
{{-- <header>
<div class="logo flex">
<div class="toggle-menu flex"><span></span></div>
</div>
<nav>
@guest
<div class="btn-connect flex">
<a href="{{ route('fo.login') }}">Je me connecte</a>
</div>
@else
<a class="logout-link" href="#" onclick="event.preventDefault(); document.getElementById('logout-form').submit();">Se
déconnecter</a><br>
<form id="logout-form" style="display: none;" action="{{ route('fo.logout') }}" method="POST">
@csrf
</form>
@endguest
</nav>
</header> --}}
<nav class="navbar navbar-expand-lg shadow">
<div class="container-fluid">
<div class="d-flex flex-column-reverse flex-lg-column flex-grow-1">
@ -59,29 +38,7 @@
</div>
<div class="container-fluid p-0">
<div class="row">
<div class="col-12 col-lg-6">
<div class="d-flex flex-row">
<a class="d-block flex-grow-1 d-flex game-logo-banner" href="{{ route('fo.homepage') }}"
title="{{ __('Aller sur la page d\'accueil') }}">
<span class="d-inline-block">
<img class="img-fluid" src="{{ Vite::asset('resources/theme/mounted/assets/images/home_logo.png') }}"
alt="{{ $settingsGlobal->name ?? config('app.name') }}">
</span>
<span class="d-inline-block">
<img class="img-fluid"
src="{{ Vite::asset('resources/theme/mounted/assets/images/logo-gauloisirs.png') }}"
alt="{{ __('Logo Gauloisir') }}">
</span>
</a>
<div class="d-flex align-items-center p-2">
<button class="navbar-toggler" data-bs-toggle="collapse" data-bs-target="#navbar-main-menu" type="button"
aria-controls="navbar-main-menu" aria-expanded="false"
aria-label="{{ __('Afficher / Cacher le menu') }}">
<span class="navbar-toggler-icon"></span>
</button>
</div>
</div>
</div>
@include('theme::layouts.header-logo')
@if (collect($prizesGlobal)->count())
<div class="rest-in-game-banner-container col-12 col-lg-6 d-flex align-items-end g-0 overflow-x-hidden">

View file

@ -0,0 +1,21 @@
<div class="row text-bg-quad">
<div class="col-12 col-md-9 col-xl-10">
@include('theme::layouts.footer-links')
{{-- LINKS --}}
<ul class="list-inline ms-md-5 p-3">
<li class="list-inline-item">
<a class="link-light cn-cookie-link" title="{{ __('Afficher la boite cookie notice') }}"
title="{{ __('Gestion des cookies') }}" role="button" tabindex="0">{{ __('Gestion des cookies') }}</a>
</li>
</ul>
</div>
<div class="col-12 col-md-3 col-xl-2 downlink text-md-end text-center">
<a class="link-light" href="https://www.legaulois.fr/" target="_blank">
<img class="img-fluid" src="{{ Vite::asset('resources/theme/mounted/assets/images/logo-footer.png') }}" alt="Le Gaulois">
<span class="text-uppercase fw-bold mb-md-0 d-block d-md-inline mb-4">www.legaulois.fr</span>
</a>
</div>
</div>
@include('theme::layouts.up-arrow')

View file

@ -0,0 +1,12 @@
<nav class="navbar navbar-expand-lg shadow">
<div class="container-fluid">
<div class="d-flex flex-column-reverse flex-lg-column flex-grow-1">
<div class="container-fluid p-0">
<div class="row">
@include('theme::layouts.header-logo')
</div>
</div>
</div>
</div>
</nav>

View file

@ -0,0 +1,3 @@
<button class="btn btn-link rounded-pill z-1" id="page-up" title="{{ __('Remonter la page tout en haut.') }}">
@include('theme::partials.icons.up-arrow')
</button>

View file

@ -9,8 +9,7 @@
<section class="row position-relative text-xl-start text-center">
<div class="col d-none d-xl-flex g-0">
<img class="img-fluid object-fit-cover" src="{{ Vite::asset('resources/theme/mounted/assets/images/photo-canoe.png') }}"
alt="">
<h1 class="post-title flex"></h1>
title="{{ __('Une famille font du canoe avec leur petite file en gros plan.') }}" alt="{{ __('Une famille en canoe') }}">
</div>
<div class="col g-0 overflow-hidden">
<div class="container-fluid main-rotate mt-5">

View file

@ -0,0 +1,204 @@
@extends('theme::layout-teaser')
@section('title', __('Jeu :site_name', ['site_name' => config('theme.site_name')]))
@section('description', __('Le jeu :site_name vas bientôt ouvrir', ['site_name' => config('theme.site_name')]))
@section('main-class', 'teaser-page')
@section('content')
<div class="main-rotate container-big container p-5">
<div class="row position-relative text-xl-start mt-5 text-center">
<div class="col">
<h1 class="text-uppercase text-quad fs-1 fw-bold">
{{ __('Du :start_date au :end_date jouez et tentez de gagner', [
'start_date' => $settingsGlobal->start_date->isoFormat('DD MMMM'),
'end_date' => $settingsGlobal->end_date->isoFormat('DD MMMM'),
]) }}
</h1>
</div>
</div>
<div class="row position-relative text-xl-start mb-5 text-center">
<div class="col d-none d-xl-flex g-0">
<img class="img-fluid object-fit-cover" src="{{ Vite::asset('resources/theme/mounted/assets/images/photo-canoe.png') }}"
title="{{ __('Une famille font du canoe avec leur petite file en gros plan.') }}" alt="{{ __('Une famille en canoe') }}">
</div>
<div class="col g-0 overflow-hidden">
<div class="container-fluid mt-5">
<div class="row">
<div class="col">
<h2 class="text-uppercase text-primary fs-2 fw-bold ms-xl-5">{{ __('Jouez et tentez de gagner') }}</h2>
</div>
</div>
@if (collect($prizesGlobal)->count())
<div class="row">
@if (Arr::has($prizesGlobal, 0))
<div class="col-12 col-sm-6">
<div class="d-flex justify-content-center justify-content-xl-start">
<div class="ms-xl-5 me-2">
<span
class="bg-tertiary fs-3 rounded-pill fw-bold px-3 py-1 text-white">{{ optional(Arr::get($prizesGlobal, 0))->quantity }}</span>
</div>
<h3 class="text-tertiary fw-bold fs-3 text-uppercase lh-1">
{!! clean(nl2br(__("Wonderbox \nLoisirs"))) !!}
</h3>
</div>
<img class="img-fluid anti-rotate"
src="{{ Vite::asset('resources/theme/mounted/assets/images/view-lot1.png') }}"
title="{{ __('Wonderbox Loisir en famille') }}" alt="{{ __('Wonderbox Loisir en famille') }}">
</div>
@endif
@if (Arr::has($prizesGlobal, 1))
<div class="col-12 col-sm-6">
<div class="d-flex justify-content-center justify-content-xl-start">
<div class="ms-xl-5 me-2">
<span
class="bg-tertiary fs-3 rounded-pill fw-bold px-3 py-1 text-white">{{ optional(Arr::get($prizesGlobal, 1))->quantity }}</span>
</div>
<h3 class="text-tertiary fw-bold fs-3 text-uppercase lh-1">
{!! clean(nl2br(__("Wonderbox \nHappy Day"))) !!}
</h3>
</div>
<div class="lot2--img">
<img class="img-fluid anti-rotate"
src="{{ Vite::asset('resources/theme/mounted/assets/images/view-lot2.png') }}"
title="{{ __('Wonderbox Happy Day') }}" alt="{{ __('Wonderbox Happy Day') }}">
</div>
<div class="d-flex align-items-center justify-content-center flex-column flex-lg-row mt-3">
<span class="text-primary fw-bold text-uppercase">{!! clean(nl2br(__("Ou des milliers\n de bons\n de réduction"))) !!}</span>
<img class="img-fluid" src="{{ Vite::asset('resources/theme/mounted/assets/images/br-1-euro.png') }}"
title="{{ __('Réduction de 1 euro') }}" alt="{{ __('Réduction de 1 euro') }}">
</div>
</div>
@endif
</div>
@endif
<div class="row">
<div class="col">
@php
$counterParts = explode(
'#',
$settingsGlobal->start_date->diffForHumans([
'syntax' => \Carbon\CarbonInterface::DIFF_ABSOLUTE,
'parts' => 3,
'join' => '#',
]),
);
@endphp
@if (collect($counterParts)->count())
<h2 class="d-flex flex-column anti-rotate text-uppercase text-quad fw-bold mt-5 text-center">
<span class="fs-2">{{ __('Votre jeu sera ouvert dans :time', ['time' => '']) }}</span>
<span class="d-flex justify-content-center flex-row">
@foreach ($counterParts as $counterPart)
<span class="d-flex flex-column fs-3 m-3">
<span class="my-3">
<span class="text-bg-tertiary rounded-pill p-3">
{{ Str::of($counterPart)->before(' ')->padLeft(2, '0') }}
</span>
</span>
<span>{{ Str::of($counterPart)->after(' ')->padBoth(8, "\u{00A0}") }}</span>
</span>
@endforeach
</span>
</h2>
@endif
{{-- 07
jours
13
heures
14
minutes --}}
</div>
</div>
</div>
<img class="picture-100-win position-absolute img-fluid d-none d-xl-inline top-0 mt-3"
src="{{ Vite::asset('resources/theme/mounted/assets/images/pastille.png') }}" alt="{{ __('Grand jeu 100% gagnant') }}">
</div>
</div>
</div>
@endsection
{{-- <div class="teaser floating grid">
<div class="head-bloc"></div>
<section class="floating-bloc container flex">
<div class="floating--width flex">
<div class="floating--title">
@php
setlocale(LC_TIME, 'fr_FR.utf8');
\Carbon\Carbon::setLocale('fr');
@endphp
<p>Du {{ \Carbon\Carbon::parse($settingsGlobal->start_date)->formatLocalized('%d %B') }} au
{{ \Carbon\Carbon::parse($settingsGlobal->end_date)->formatLocalized('%d %B') }}</p>
<h1 class="post-title flex">
<div class="row flex">
<img src="{{ Vite::asset('resources/theme/mounted/assets/images/photo-canoe.png') }}" alt="">
</div>
</h1>
</div>
<div class="floating--txt flex">
<h2 class="raleway post-subtitle">Jouez et tentez de gagner</h2>
<div class="floating--gift flex">
<div class="gift--col flex">
<div class="gift--lot1 flex">
<div class="nb-lot1 flex">
<span>{{ $prizesGlobal[0]->quantity }}</span>
</div>
<h3 class="post-chapter">Wonderbox <br>Loisirs</h3>
</div>
<div class="gift--img">
<img src="{{ Vite::asset('resources/theme/mounted/assets/images/view-lot1.png') }}"
alt="Grand jeu 100% gagnant">
<div class="floating--sticker">
<img src="{{ Vite::asset('resources/theme/mounted/assets/images/pastille.png') }}"
alt="Grand jeu 100% gagnant">
</div>
</div>
</div>
<div class="gift--col flex">
<div class="gift--lot2 flex">
<div class="nb-lot2 flex">
<span>{{ $prizesGlobal[1]->quantity }}</span>
</div>
<h3 class="post-chapter">Wonderbox <br>Happy Day</h3>
</div>
<div class="lot2--img">
<img src="{{ Vite::asset('resources/theme/mounted/assets/images/view-lot2.png') }}" alt="Wonderbox Happy Day">
</div>
<div class="gift--br">
<p>Ou des milliers<br /> de bons<br />de réduction</p>
<img src="{{ Vite::asset('resources/theme/mounted/assets/images/br-1-euro.png') }}" alt="Wonderbox Happy Day">
</div>
</div>
</div>
<div class="text_teaser">
<p>Votre jeu sera ouvert dans</p>
<div class="compteur flex">
<div class="jours">
<div class="count"><span></span></div>
<p>jours</p>
</div>
<div class="heures">
<div class="count"><span></span></div>
<p>heures</p>
</div>
<div class="minutes">
<div class="count"><span></span></div>
<p>minutes</p>
</div>
</div>
</div>
</div>
</div>
</section>
</div> --}}
{{-- @push('scripts')
<script>
__TEASEREND = '{{ $settings->start_date }}';
</script>
@endpush --}}

View file

@ -1,69 +0,0 @@
<footer class="teaser main-container">
{{-- <div class="footer--frise">
<img src="{{asset('front/assets/images/frise.svg')}}" alt="frise">
</div> --}}
<div class="footer--logo">
<a href="https://www.legaulois.fr/" target="_blank">
<img src="{{ Vite::asset('resources/theme/mounted/assets/images/logo-footer.png') }}" alt="Le Gaulois">
<span>www.legaulois.fr</span>
</a>
</div>
<div class="footer--txt flex">
<div class="footer--share flex">
<p>Partagez le jeu sur</p>
<div id="fb-root"></div>
<div class="footer--socials flex">
<div class="fb-share" data-href="https://www.facebook.com/LeGauloisFrance/" data-layout="button" data-size="small">
<a class="fb-xfbml-parse-ignore" href="https://www.facebook.com/LeGauloisFrance/"
onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=800,height=500,toolbar=1,resizable=0'); return false;">
<svg id="Capa_1" style="enable-background:new 0 0 512 512;" version="1.1" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" xml:space="preserve">
<title>Page Facebook Le Gaulois</title>
<g>
<path d="M452,0H60C26.916,0,0,26.916,0,60v392c0,33.084,26.916,60,60,60h392c33.084,0,60-26.916,60-60V60
C512,26.916,485.084,0,452,0z M472,452c0,11.028-8.972,20-20,20H338V309h61.79L410,247h-72v-43c0-16.975,13.025-30,30-30h41v-62
h-41c-50.923,0-91.978,41.25-91.978,92.174V247H216v62h60.022v163H60c-11.028,0-20-8.972-20-20V60c0-11.028,8.972-20,20-20h392
c11.028,0,20,8.972,20,20V452z" />
</g>
</svg>
</a>
</div>
<a href="https://www.instagram.com/legaulois_officiel/" target="_blank">
<svg id="Capa_1" style="enable-background:new 0 0 512 512;" version="1.1" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" xml:space="preserve">
<title>Page Instagram Le Gaulois</title>
<g>
<path d="M363.273,0H148.728C66.719,0,0,66.719,0,148.728v214.544C0,445.281,66.719,512,148.728,512h214.544
C445.281,512,512,445.281,512,363.273V148.728C512,66.719,445.281,0,363.273,0z M472,363.272C472,423.225,423.225,472,363.273,472
H148.728C88.775,472,40,423.225,40,363.273V148.728C40,88.775,88.775,40,148.728,40h214.544C423.225,40,472,88.775,472,148.728
V363.272z" />
</g>
<g>
<path d="M256,118c-76.094,0-138,61.906-138,138s61.906,138,138,138s138-61.906,138-138S332.094,118,256,118z M256,354
c-54.037,0-98-43.963-98-98s43.963-98,98-98s98,43.963,98,98S310.037,354,256,354z" />
</g>
<g>
<circle cx="396" cy="116" r="20" />
</g>
</svg>
</a>
</div>
<p>Découvrez tous nos produits sur <a href="https://www.legaulois.fr/">Legaulois.fr</a></p>
</div>
<div class="footer--legals footer-links flex">
<a class="ldcweb-cn-cookie-link" href="#cookie" title="gestion des cookies">Gestion des cookies</a>
</div>
</div>
<div class="pageup">
<a href="#">
<img src="{{ Vite::asset('resources/theme/mounted/assets/images/up-arrow.svg') }}" alt="Haut de page">
</a>
</div>
</footer>
{{-- Cookie --}}
@include('theme::cookie')
{{-- Fin des cookies --}}
<!-- Load Facebook SDK for JavaScript -->
<div id="fb-root"></div>
<script async defer crossorigin="anonymous" src="https://connect.facebook.net/fr_FR/sdk.js#xfbml=1&version=v10.0" nonce="Tpes6fjg"></script>

View file

@ -1,11 +0,0 @@
<header class="grid">
<div class="logo flex">
<a href="{{ route('fo.homepage') }}">
<img src="{{ asset('front/assets/images/home_logo.png') }}" alt="Le gaulois - Les Gauloisirs">
<img src="{{ asset('front/assets/images/logo-gauloisirs.png') }}">
</a>
</div>
<nav>
</nav>
</header>

View file

@ -1,95 +0,0 @@
@extends('theme::layout')
@section('title', 'Accueil')
@section('header')
@include('front.basic.partials.teaser-header')
@endsection
@section('content')
<div class="teaser floating grid">
<div class="head-bloc"></div>
<section class="floating-bloc container flex">
<div class="floating--width flex">
<div class="floating--title">
@php
setlocale(LC_TIME, 'fr_FR.utf8');
\Carbon\Carbon::setLocale('fr');
@endphp
<p>Du {{ \Carbon\Carbon::parse($settingsGlobal->start_date)->formatLocalized('%d %B') }} au
{{ \Carbon\Carbon::parse($settingsGlobal->end_date)->formatLocalized('%d %B') }}</p>
<h1 class="post-title flex">
<div class="row flex">
<img src="{{ Vite::asset('resources/theme/mounted/assets/images/photo-canoe.png') }}" alt="">
</div>
</h1>
</div>
<div class="floating--txt flex">
<h2 class="raleway post-subtitle">Jouez et tentez de gagner</h2>
<div class="floating--gift flex">
<div class="gift--col flex">
<div class="gift--lot1 flex">
<div class="nb-lot1 flex">
<span>{{ $prizesGlobal[0]->quantity }}</span>
</div>
<h3 class="post-chapter">Wonderbox <br>Loisirs</h3>
</div>
<div class="gift--img">
<img src="{{ Vite::asset('resources/theme/mounted/assets/images/view-lot1.png') }}"
alt="Grand jeu 100% gagnant">
<div class="floating--sticker">
<img src="{{ Vite::asset('resources/theme/mounted/assets/images/pastille.png') }}"
alt="Grand jeu 100% gagnant">
</div>
</div>
</div>
<div class="gift--col flex">
<div class="gift--lot2 flex">
<div class="nb-lot2 flex">
<span>{{ $prizesGlobal[1]->quantity }}</span>
</div>
<h3 class="post-chapter">Wonderbox <br>Happy Day</h3>
</div>
<div class="lot2--img">
<img src="{{ Vite::asset('resources/theme/mounted/assets/images/view-lot2.png') }}" alt="Wonderbox Happy Day">
</div>
<div class="gift--br">
<p>Ou des milliers<br /> de bons<br />de réduction</p>
<img src="{{ Vite::asset('resources/theme/mounted/assets/images/br-1-euro.png') }}" alt="Wonderbox Happy Day">
</div>
</div>
</div>
<div class="text_teaser">
<p>Votre jeu sera ouvert dans</p>
<div class="compteur flex">
<div class="jours">
<div class="count"><span></span></div>
<p>jours</p>
</div>
<div class="heures">
<div class="count"><span></span></div>
<p>heures</p>
</div>
<div class="minutes">
<div class="count"><span></span></div>
<p>minutes</p>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
@endsection
@section('footer')
@include('front.basic.partials.teaser-footer')
@endsection
@push('scripts')
<script>
__TEASEREND = '{{ $settings->start_date }}';
</script>
@endpush