403 lines
24 KiB
PHP
403 lines
24 KiB
PHP
@extends('fo.layout')
|
|
|
|
@section('title', $staticPageModel->seo_title)
|
|
@section('description', $staticPageModel->seo_description)
|
|
@section('breadcrumb', request()->route()->getName())
|
|
|
|
@section('banner')
|
|
@include('fo.layouts.banner', [
|
|
'h1' => __($staticPageModel->title),
|
|
'asset' => asset($staticPageModel->picture),
|
|
'title' => __($staticPageModel->picture_title),
|
|
'alt' => __($staticPageModel->picture_alt),
|
|
'displayArrow' => true,
|
|
'buttonLink' => '#company-life',
|
|
])
|
|
@endsection
|
|
|
|
@section('content')
|
|
<section class="we-hire">
|
|
<div class="sticky-navigation">
|
|
<div class="sticky-navigation-wrapper show row m-0 p-0">
|
|
@foreach ($navLinks as $key => $link)
|
|
<div class="col-6 col-md-12 py-md-1 p-2">
|
|
<div @class([
|
|
'rounded-5 shadow-sm h-100',
|
|
match($loop->index) {
|
|
0 => 'bg-primary-light',
|
|
1 => 'bg-secondary-light',
|
|
2 => 'bg-quad-light',
|
|
3 => 'bg-quint-light',
|
|
4 => 'bg-sixt-light',
|
|
default => 'bg-primary-light'
|
|
}
|
|
])>
|
|
<a class="d-flex justify-content-start align-items-center text-primary text-decoration-none p-sm-3 p-2 h-100"
|
|
data-bs-toggle="tooltip" href="#{{ $link->anchor }}"
|
|
title="{{ __('Accéder à la partie :name de la page', ['name' => $link->title]) }}">
|
|
<span @class([
|
|
'badge rounded-pill d-block me-2',
|
|
match($loop->index) {
|
|
0 => 'bg-primary',
|
|
1 => 'bg-secondary',
|
|
2 => 'bg-quad',
|
|
3 => 'bg-quint',
|
|
4 => 'bg-sixt',
|
|
default => 'bg-primary'
|
|
}
|
|
])></span>
|
|
<small>{{ $link->title }}</small>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
@endforeach
|
|
</div>
|
|
<button class="d-none d-md-block btn btn-primary rounded-pill mt-1 w-fit px-3"
|
|
title="{{ __('Afficher/Masquer le menu des ancres') }}">
|
|
<i class="fa-solid fa-plus d-none"></i>
|
|
<i class="fa-solid fa-minus"></i>
|
|
</button>
|
|
</div>
|
|
{{-- COMPAGNY LIFE --}}
|
|
<section class="company-life anchor-padding" id="company-life">
|
|
<div class="container">
|
|
<div class="row position-relative">
|
|
<div class="col-12 text-center">
|
|
<h2 class="fw-bold">
|
|
{{ $compagnyLifeSection->h2_title }}
|
|
</h2>
|
|
@if ($compagnyLifeSection->text)
|
|
<div class="ck-content mb-4">
|
|
{!! clean($compagnyLifeSection->text) !!}
|
|
</div>
|
|
@endif
|
|
</div>
|
|
<div class="col-12 mb-3">
|
|
@include('fo.partials.key-number', [
|
|
'color' => 'quad',
|
|
'value' => $compagnyLifeSection->data['bloc_key_nombre']['value'],
|
|
'text' => clean($compagnyLifeSection->data['bloc_text_accompagnant_le_nombre_content']['value']),
|
|
'wysiwyg' => true,
|
|
])
|
|
</div>
|
|
<div class="col-12 mb-5 mt-3 text-center">
|
|
<img class="rounded-3 img-fluid" src="{{ asset($compagnyLifeSection->data['bloc_image']['value']) }}"
|
|
alt="{{ $compagnyLifeSection->data['bloc_image']['alt'] }}"
|
|
alt="{{ $compagnyLifeSection->data['bloc_image']['title'] }}">
|
|
</div>
|
|
@if ($compagnyLifeSection->data['bloc_button_voir_les_offres_tout_de_suite']['value'])
|
|
<div class="col-12 text-center">
|
|
<a class="btn btn-primary rounded-5 text-initial fw-semibold"
|
|
href="https://recrutement.ldc.fr/fr/annonces?brands=789,591,2727" target="_blank">
|
|
{{ __('Vite ! Je veux voir les offres tout de suite') }}
|
|
</a>
|
|
</div>
|
|
@endif
|
|
</div>
|
|
</div>
|
|
<div class="border-top-curved-quad-light">
|
|
<div class="bg-quad-light overflow-hidden pb-5">
|
|
<div class="container">
|
|
<div class="ck-content mb-5">
|
|
{!! clean($compagnyLifeSection->data['bloc_videos_content']['value']) !!}
|
|
</div>
|
|
</div>
|
|
<div class="container-fluid">
|
|
<div class="row">
|
|
<div class="col-12 position-relative">
|
|
{{-- SWIPER VIDEO --}}
|
|
<div class="swiper mt-lg-0 mask-white h-fit overflow-visible" id="swiper-we-hire">
|
|
<div class="swiper-wrapper h-fit">
|
|
@foreach ($videoModels as $video)
|
|
<div class="swiper-slide h-auto">
|
|
<figure>
|
|
<div class="d-flex justify-content-center mw-100">
|
|
@include('fo.modules.video-frame', [
|
|
'type' => 'youtube',
|
|
'title' => __('Visionner la vidéo'),
|
|
'videoId' => $video->video_id,
|
|
'picture' => sprintf(
|
|
'https://img.youtube.com/vi/%s/maxresdefault.jpg',
|
|
$video->video_id),
|
|
'alt' => __('Video_about_who_we_are'),
|
|
'linkNewTab' => true,
|
|
'width' => '100%',
|
|
'height' => 'auto',
|
|
])
|
|
</div>
|
|
<figcaption class="text-center">
|
|
{{ __($video->place) }} :<br /> {{ __($video->title) }}
|
|
</figcaption>
|
|
</figure>
|
|
</div>
|
|
@endforeach
|
|
</div>
|
|
</div>
|
|
<button class="swiper-button swiper-button-prev-custom video-prev mx-3" type="button">
|
|
<img src="{{ Vite::asset('resources/assets/images/misc/blue-arrow.svg') }}"
|
|
title="{{ __('Navigation du slider (gauche)') }}" alt="{{ __('flèche vers la gauche') }}">
|
|
</button>
|
|
<button class="swiper-button swiper-button-next-custom video-next mx-3" type="button">
|
|
<img src="{{ Vite::asset('resources/assets/images/misc/blue-arrow.svg') }}"
|
|
title="{{ __('Navigation du slider (droite)') }}" alt="{{ __('flèche vers la droite') }}">
|
|
</button>
|
|
</div>
|
|
<div class="col-12 mt-5 text-center">
|
|
<a class="btn rounded-pill fw-semibold border-primary text-primary text-initial border border-2"
|
|
href="https://www.youtube.com/@Volena-ldc" title="{{ __('Lien vers YouTube') }}" target="blank">
|
|
{{ __('Voir toutes les vidéos') }}
|
|
<img src="{{ Vite::asset('resources/assets/images/misc/blue-arrow.svg') }}" />
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
{{-- FORMATION --}}
|
|
<section class="formation border-top-curved-upper-quad-light mb-5" id="formation">
|
|
<div class="container">
|
|
<div class="row position-relative">
|
|
<div class="col-12 text-center">
|
|
<h2 class="text-primary fw-bold">
|
|
{{ $formationSection->h2_title }}
|
|
</h2>
|
|
</div>
|
|
<div class="col-12 ck-content">
|
|
{!! clean($formationSection->text) !!}
|
|
</div>
|
|
<div class="col-12 mt-3">
|
|
@include('fo.partials.key-number', [
|
|
'color' => 'primary',
|
|
'value' => $formationSection->data['bloc_key_nombre_n1']['value'] . '%',
|
|
'text' => clean($formationSection->data['bloc_text_accompagnant_le_nombre_n1_content']['value']),
|
|
'wysiwyg' => true,
|
|
])
|
|
</div>
|
|
@php $formationImg = $formationSection->data['bloc_image_n1'] @endphp
|
|
@if ($formationImg['value'] && $formationImg['alt'] && $formationImg['title'])
|
|
<div class="col-12 mt-1 text-center">
|
|
<img class="rounded-3 img-fluid" src="{{ asset($formationImg['value']) }}"
|
|
alt="{{ $formationImg['alt'] }}"
|
|
title="{{ $formationImg['title'] }}">
|
|
</div>
|
|
@endif
|
|
<div class="col-12 mb-1 mt-4 text-center">
|
|
<a class="btn btn-primary rounded-pill fw-bold text-initial" href="#we-testimonials"
|
|
title="{{ __('Lire nos témoignages') }}">{{ __('On témoigne') }}</a>
|
|
</div>
|
|
<div class="col-12 my-3">
|
|
<div class="bg-primary-light rounded-3 p-lg-5 p-3">
|
|
<div class="ck-content">
|
|
<h3>{{ $formationSection->data['bloc_string_titre_h3_de_la_section']['value'] }}</h3>
|
|
</div>
|
|
<div class="d-flex flex-column flex-lg-row justify-content-center align-items-center">
|
|
<div class="d-flex flex-column flex-sm-row justify-content-center align-items-center">
|
|
@include('fo.partials.key-number', [
|
|
'color' => 'tertiary',
|
|
'value' => '+' . $formationSection->data['bloc_key_nombre_n2']['value'] . '%',
|
|
'text' => clean(
|
|
$formationSection->data['bloc_text_accompagnant_le_nombre_n2_content']['value']),
|
|
'wysiwyg' => true,
|
|
])
|
|
@include('fo.partials.key-number', [
|
|
'color' => 'primary',
|
|
'value' => '+' . $formationSection->data['bloc_key_nombre_n3']['value'] . '%',
|
|
'text' => clean(
|
|
$formationSection->data['bloc_text_accompagnant_le_nombre_n3_content']['value']),
|
|
'wysiwyg' => true,
|
|
])
|
|
</div>
|
|
<div class="ck-content ms-lg-5">
|
|
{!! clean($formationSection->data['bloc_n2_content']['value']) !!}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 mt-1">
|
|
<div class="ck-content">
|
|
{!! clean($formationSection->data['bloc_n3_content']['value']) !!}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
{{-- TESTIMONIALS --}}
|
|
<section class="we-testimonials border-top-curved-tertiary-light anchor-padding" id="we-testimonials">
|
|
<div class="bg-tertiary-light overflow-hidden pb-5">
|
|
<div class="text-primary container text-center">
|
|
<h2 class="fw-bold">{{ $testimonialSection->h2_title }}</h2>
|
|
<h3>{{ $testimonialSection->data['bloc_string_titre_h3_de_la_section']['value'] }}</h3>
|
|
</div>
|
|
<div class="container-fluid">
|
|
<div class="row">
|
|
<div class="col-12 position-relative">
|
|
<div class="swiper mt-lg-0 mask-white h-fit overflow-visible" id="swiper-we-hire-testimonials">
|
|
<div class="swiper-wrapper h-fit">
|
|
@foreach ($testimonialModels as $testimonial)
|
|
<div class="swiper-slide h-auto">
|
|
@include('fo.partials.testimonials.card', [
|
|
'job' => $testimonial->job,
|
|
'name' => $testimonial->name,
|
|
'speach' => $testimonial->content,
|
|
'picture' => [
|
|
'path' => $testimonial->picture,
|
|
'title' => $testimonial->picture_title,
|
|
'alt' => $testimonial->picture_alt,
|
|
],
|
|
'bgClass' => 'bg-white',
|
|
'jobClass' => 'text-quint',
|
|
'nameClass' => 'text-primary fw-semibold',
|
|
'speachClass' => 'text-primary',
|
|
'filter' => 'filter-quote',
|
|
])
|
|
</div>
|
|
@endforeach
|
|
</div>
|
|
</div>
|
|
<button class="swiper-button swiper-button-prev-custom testi-prev mx-3" type="button">
|
|
<img src="{{ Vite::asset('resources/assets/images/misc/blue-arrow.svg') }}"
|
|
title="{{ __('Navigation du slider (gauche)') }}" alt="{{ __('flèche vers la gauche') }}">
|
|
</button>
|
|
<button class="swiper-button swiper-button-next-custom testi-next mx-3" type="button">
|
|
<img src="{{ Vite::asset('resources/assets/images/misc/blue-arrow.svg') }}"
|
|
title="{{ __('Navigation du slider (droite)') }}" alt="{{ __('flèche vers la droite') }}">
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
{{-- PARITY --}}
|
|
<section class="parity border-top-curved-upper-tertiary-light anchor-padding" id="parity">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-12 text-primary text-center">
|
|
<h2 class="fw-bold">{{ $paritySection->h2_title }}</h2>
|
|
</div>
|
|
<div class="col-12 mt-4 text-center">
|
|
<img class="img-fluid rounded-4 parity-img" src="{{ $paritySection->data['bloc_banniere']['value'] }}"
|
|
title="{{ $paritySection->data['bloc_banniere']['title'] }}"
|
|
alt="{{ $paritySection->data['bloc_banniere']['alt'] }}">
|
|
</div>
|
|
</div>
|
|
<div class="row mb-3 mt-4">
|
|
<div class="col-12">
|
|
<div class="ck-content text-primary">
|
|
{!! clean($paritySection->data['bloc_contenu_n1_content']['value']) !!}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row justify-content-center">
|
|
<div class="col-12 my-3">
|
|
@php $parityImg = $paritySection->data['bloc_image_n1'] @endphp
|
|
@if ($parityImg['value'] && $parityImg['alt'] && $parityImg['title'])
|
|
<div class="card bg-quad-light">
|
|
<img class="card-img-top rounded-top-4 p-2" src="{{ $parityImg['value'] }}" alt="{{ $parityImg['alt'] }}">
|
|
<div class="card-body text-center">
|
|
<p class="card-text">{{ $parityImg['title'] }}</p>
|
|
</div>
|
|
</div>
|
|
@endif
|
|
<h2 class="text-sixt fw-bold text-center my-4">
|
|
{{ $paritySection->data['bloc_title_n2']['value'] }}
|
|
</h2>
|
|
<div class="ck-content mb-4">
|
|
{!! clean($paritySection->data['bloc_contenu_n2_content']['value']) !!}
|
|
</div>
|
|
</div>
|
|
<div class="col-12 my-3">
|
|
@include('fo.partials.hire.carousel', [
|
|
'carousel' => $carouselSectionParity->first()
|
|
])
|
|
<h2 class="text-sixt fw-bold text-center my-4">
|
|
{{ $paritySection->data['bloc_title_n3']['value'] }}
|
|
</h2>
|
|
<div class="ck-content mb-4">
|
|
{!! clean($paritySection->data['bloc_contenu_n3_content']['value']) !!}
|
|
</div>
|
|
@include('fo.partials.hire.carousel', [
|
|
'carousel' => $carouselSectionParity->get(1)
|
|
])
|
|
<h2 class="text-sixt fw-bold text-center my-4">
|
|
{{ $paritySection->data['bloc_title_n4']['value'] }}
|
|
</h2>
|
|
<div class="ck-content mb-4">
|
|
{!! clean($paritySection->data['bloc_contenu_n4_content']['value']) !!}
|
|
</div>
|
|
@include('fo.partials.hire.carousel', [
|
|
'carousel' => $carouselSectionParity->get(2)
|
|
])
|
|
</div>
|
|
</div>
|
|
@if ($paritySection->data['bloc_button_on_bouge_ensemble']['value'])
|
|
<div class="row">
|
|
<div class="col-12 text-center">
|
|
<a class="btn btn-primary rounded-pill fw-semibold text-initial" href="{{ route('fo.news.index') }}">
|
|
{{ __('On bouge') }}
|
|
</a>
|
|
</div>
|
|
</div>
|
|
@endif
|
|
</div>
|
|
</section>
|
|
{{-- FIND --}}
|
|
<section class="find border-top-curved-quad-light anchor-padding" id="on-se-retrouve">
|
|
<div class="bg-quad-light pb-5">
|
|
<div class="container">
|
|
<div class="row text-primary text-center">
|
|
<div class="col-12 mb-3">
|
|
<h2 class="fw-bold">{{ $findSection->h2_title }}</h2>
|
|
</div>
|
|
<div class="col-10 offset-1">
|
|
<div class="ck-content mb-5">
|
|
{!! clean($findSection->text) !!}
|
|
</div>
|
|
</div>
|
|
<div class="col-12 mb-3">
|
|
<h3 class="fw-bold">{{ $findSection->data['bloc_string_titre_h3_de_la_section']['value'] }}</h3>
|
|
</div>
|
|
<div class="col-10 offset-1">
|
|
<div class="ck-content mb-5">
|
|
{!! clean($findSection->data['bloc_contenu_n1_content']['value']) !!}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@if ($findSection->data['bloc_button_display_picture']['value'])
|
|
<div class="row">
|
|
<div class="col-12 text-center">
|
|
<img class="img-fluid rounded-4 find-img" src="{{ asset($findSection->data['bloc_image']['value']) }}"
|
|
title="{{ $findSection->data['bloc_image']['title'] }}"
|
|
alt="{{ $findSection->data['bloc_image']['alt'] }}">
|
|
</div>
|
|
</div>
|
|
@endif
|
|
<div class="row text-primary row-gap-3 mt-4 text-center">
|
|
<div class="col-12 fw-bolder fs-4 mb-2">
|
|
{{ __('Nos offres: ') }}
|
|
</div>
|
|
<div class="col-12 col-lg-6 text-center">
|
|
<a class="btn rounded-pill fw-semibold border-primary text-primary text-initial border border-2"
|
|
href="https://recrutement.ldc.fr/fr/annonces?brands=789,591,2727" target="_blank">
|
|
{{ __('Retrouver toutes nos annonces') }}
|
|
<img src="{{ Vite::asset('resources/assets/images/misc/blue-arrow.svg') }}" />
|
|
</a>
|
|
</div>
|
|
<div class="col-12 col-lg-6 text-center">
|
|
<a class="btn rounded-pill fw-semibold border-primary text-primary text-initial border border-2"
|
|
href="https://recrutement.ldc.fr/fr/candidature/DPZp4ZvY/2" target="_blank">
|
|
{{ __('Je dépose ma candidature spontanée') }}
|
|
<img src="{{ Vite::asset('resources/assets/images/misc/blue-arrow.svg') }}" />
|
|
</a>
|
|
</div>
|
|
<div class="col-12">
|
|
<div class="ck-content mb-5">
|
|
{!! clean($findSection->data['bloc_contenu_n2_content']['value']) !!}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</section>
|
|
@endsection
|