<?php $__env->startPush('body.prepend'); ?>
    <div id="preloader" class="bg-primary d-flex align-items-center justify-content-center w-100 h-100 position-fixed" data-callback="animatorPluma">
        <div class="loader-container d-flex align-items-center justify-content-center w-100 h-100 position-fixed">
            <div class="loader-wrapper d-flex align-items-center justify-content-center" id="loader-1" style="display: inherit;">
                <div id="loader">
                </div>
                <img alt="Logo du Cabinet RH - LCRH" src="<?php echo e(asset('assets/images/logo.png')); ?>">
            </div>
        </div>
    </div>
<?php $__env->stopPush(); ?>

<?php $__env->startSection('main'); ?>
<style>
    .bg-header {
        background-color: #34525d;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    #header-block-right {
        flex: 1;
    }

    .bg-header ul.no-style {
        margin: 50px 0 !important;
    }

    @media(max-width: 1500px) {
        #header-block-right {
            max-width: 450px;
        }

        .bg-header ul.no-style {
            margin: 15px 0 !important;
        }
    }

    #lyon-block {
        flex: 1;
    }

    @media(max-width: 767px) {
        #lyon-block {
            height: 400px;
            flex: none;
        }
    }
</style>

<section class="bg-header text-light font-f-2 dots-bg" style="background-image: url(<?php echo e(asset('assets/images/header-bg-3.jpg')); ?>);">
    <div class="container py-3 py-xl-4 py-xxl-5">
        <div class="d-flex flex-column flex-lg-row gap-5">
            <div style="flex: 1;">
                <h1 style="font-weight: 700;">LE CABINET RH - LCRH</h1>
                <div style="max-width: 520px;">
                    <ul class="no-style d-flex flex-column gap-3 gap-xxl-4">
                        <li class="d-flex gap-4">
                            <i class="fa-solid fa-check mt-1"></i>
                            <div><strong>Notre spécialité</strong> : Utiliser les nouvelles méthodes de recrutement dans le but d'améliorer l'expérience candidat-recruteur.</div>
                        </li>

                        <li class="d-flex gap-4">
                            <i class="fa-solid fa-check mt-1"></i>
                            <div><strong>Notre objectif</strong> : Accélérer le rythme ! Vous proposer des profils pertinents rapidement.</div>
                        </li>

                        <li class="d-flex gap-4">
                            <i class="fa-solid fa-check mt-1"></i>
                            <div><strong>Notre équipe</strong> : De véritables têtes chercheuses, investies dans leur travail et sa réussite (Et sympas !)</div>
                        </li>
                    </ul>

                    <div class="d-flex flex-column flex-sm-row justify-content-end gap-3 gap-sm-3">
                        <a class="btn d-block btn-light text-primary" href="#nos-solutions" style="min-width: 170px;">Nos solutions</a>
                        <a class="btn d-block btn-outline-light" href="<?php echo e(route('page', ['fr', 'contact'])); ?>" style="min-width: 170px;">Nous contacter</a>
                    </div>
                </div>
            </div>
            <div id="header-block-right" class="d-flex justify-content-between align-items-center block-images">
                <img alt="Formation" id="img1" src="<?php echo e(asset('assets/images/header-1.jpg')); ?>" class="d-block vt-animated rounded-3" data-animation-delay="500" data-animation="slide-in-bottom" data-animate-start="-20" data-animate-end="20" style="width: 32%; margin-top: 20%;" />
                <img alt="Conseils en ingénierie" id="img2" src="<?php echo e(asset('assets/images/header-2.jpg')); ?>" class="d-block vt-animated rounded-3" data-animation-delay="200" style="width: 44%;" />
                <img alt="Recrutement" id="img3" src="<?php echo e(asset('assets/images/header-3.jpg')); ?>" class="d-block vt-animated rounded-3" data-animation-delay="500" data-animation="slide-in-top" data-animate-start="20" data-animate-end="-20" style="width: 20%; margin-top: -20%;" />
            </div>
        </div>

    </div>
</section>

<section id="nos-solutions" class="parallax-effect" style="min-height: initial;">
    <div class="container-lg p-0">
        <div class="d-flex flex-column flex-md-row">
            <div id="lyon-block" class="splide" style="background-color: #fff;" class="vt-animated" data-animation="slide-in-left">

                <div class="splide__track">
                    <ul class="splide__list">
                        <li class="splide__slide">
                            <img alt="L'équipe du Cabinet RH - LCRH" src="<?php echo e(asset('assets/images/home_slider/1.jpg')); ?>">
                        </li>
                        <li class="splide__slide">
                            <img alt="Le Cabinet RH - LCRH, basé à Lyon, recrute dans toute la France" src="<?php echo e(asset('assets/images/lyon.jpg')); ?>"/>
                            <div style="position: absolute; top: 0; width: 100%;" class="d-flex justify-content-center">
                                <div style="font-size: 1.2em; width: 525px;" class="d-flex justify-content-center gap-3 p-3 p-md-5">
                                    <img style="display: block; width: 50px; height: 50px;" src="<?php echo e(asset('assets/images/icons/user2.png')); ?>" />
                                    <span style="flex: 1; font-weight: 600;" class="text-light text-center">&laquo; Basés à Lyon, nous recrutons dans toute la France ! &raquo;</span>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <div style="flex: 1;" class="text-primary bg-light vt-animated" data-animation="slide-in-right">
                <div class="p-4">
                    <h2>Une vision a 360° du recrutement</h2>
                    <hr>
                    <div class="accordion" id="accordionExample">
                        <div class="accordion-item border-0 border-bottom">
                            <div class="accordion-header" id="headingOne">
                                <button class="accordion-button d-flex gap-5 justify-content-between" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                                    <h3 class="title-brushed brush-1 m-0">Recrutement</h3>
                                    <i class="state-on fa-solid fa-2x fa-plus-circle"></i>
                                    <i class="state-off fa-solid fa-2x fa-minus-circle"></i>
                                </button>
                            </div>
                            <div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#accordionExample">
                                <div class="accordion-body">
                                    <div class="d-flex flex-column gap-3">
                                        <div>Grâce à notre méthode de sourcing et d’approche directe ainsi que nos différents outils, nous mettons tout en œuvre pour réussir vos recrutements en un temps record.</div>
                                        <div class="d-flex justify-content-center align-items-center gap-2"><img alt="Solution recrutement" style="display: block; width: 40px; height: 40px;" src="<?php echo e(asset('assets/images/icons/user1.png')); ?>" /><span style="font-weight: 600;">&laquo; L’objectif ? Des CVs qualifiés, sur votre bureau, en quelques jours &raquo;</span></div>
                                        <a class="d-flex justify-content-end align-items-center gap-2" href="<?php echo e(route('page', ['fr', 'solution-recrutement'])); ?>">En savoir plus <i class="fa-solid fa-chevron-right"></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="accordion-item border-0 border-bottom">
                            <div class="accordion-header" id="headingTwo">
                                <button class="accordion-button d-flex gap-5 justify-content-between collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                                    <h3 class="title-brushed brush-1 m-0">Formation</h3>
                                    <i class="state-on fa-solid fa-2x fa-plus-circle"></i>
                                    <i class="state-off fa-solid fa-2x fa-minus-circle"></i>
                                </button>
                            </div>
                            <div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#accordionExample">
                                <div class="accordion-body">
                                    <div class="d-flex flex-column gap-3">
                                        <div>Nous vous présentons toutes les astuces de notre quotidien de recruteurs et de commerciaux, afin de rendre plus efficient le temps que vous accordez à vos recherches et prises de contact.</div>
                                        <div class="d-flex justify-content-center align-items-center gap-2"><img alt="Solution formation" style="display: block; width: 40px; height: 40px;" src="<?php echo e(asset('assets/images/icons/user2.png')); ?>" /><span style="font-weight: 600;">&laquo; LinkedIn va devenir votre meilleur ami ! Et gratuitement ! &raquo;</span></div>
                                        <a class="d-flex justify-content-end align-items-center gap-2" href="<?php echo e(route('page', ['fr', 'solution-formation'])); ?>">En savoir plus <i class="fa-solid fa-chevron-right"></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="accordion-item border-0">
                            <div class="accordion-header" id="headingThree">
                                <button class="accordion-button d-flex gap-5 justify-content-between collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
                                    <h3 class="title-brushed brush-1 m-0">Conseil en ingénierie</h3>
                                    <i class="state-on fa-solid fa-2x fa-plus-circle"></i>
                                    <i class="state-off fa-solid fa-2x fa-minus-circle"></i>
                                </button>
                            </div>
                            <div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree" data-bs-parent="#accordionExample">
                                <div class="accordion-body">
                                    <div class="d-flex flex-column gap-3">
                                        <div>Nos consultants et partenaires évoluent dans les secteurs de l’industrie, des infrastructures et du transport.</div>
                                        <div class="d-flex justify-content-center align-items-center gap-2"><img alt="Solution conseil ingéniérie" style="display: block; width: 40px; height: 40px;" src="<?php echo e(asset('assets/images/icons/user3.png')); ?>" /><span style="font-weight: 600;">&laquo; D'ailleurs, on vous a déjà parlé du pré-recrutement ? &raquo;</span></div>
                                        <a class="d-flex justify-content-end align-items-center gap-2" href="<?php echo e(route('page', ['fr', 'solution-conseil-ingenierie'])); ?>">En savoir plus <i class="fa-solid fa-chevron-right"></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="py-5 bg-secondary text-primary">
    <div class="container">
        <h2 class="text-center mb-5">Un contact simple et des résultats visibles !</h2>

        <div class="d-flex flex-column flex-lg-row align-items-center align-items-lg-start justify-content-between gap-5">
            <div class="block-qualitate d-flex flex-column gap-3 text-center vt-animated" data-animation="slide-in-bottom">
                <img alt="Transparence" src="<?php echo e(asset('assets/images/icons/transparence.png')); ?>" />
                <h3 class="title-brushed brush-1 mx-auto">Transparence</h3>
                <p>La transparence chez LCRH ce sont des contacts réguliers avec nos partenaires, et une relation de confiance. Notre but reste d’accélérer le process ! Alors restons simples et efficaces.</p>
            </div>

            <div class="block-qualitate d-flex flex-column gap-3 text-center vt-animated" data-animation="slide-in-bottom" data-animation-delay="300">
                <img alt="Dynamisme" src="<?php echo e(asset('assets/images/icons/dynamisme.png')); ?>" />
                <h3 class="title-brushed brush-1 mx-auto">Dynamisme</h3>
                <p>Ce n'est pas brasser de l'air mais plutôt faire bouger les lignes. C’est pourquoi nous prônons le sourcing et l’approche directe en plus des annonces.</p>
            </div>

            <div class="block-qualitate d-flex flex-column gap-3 text-center vt-animated" data-animation="slide-in-bottom" data-animation-delay="600">
                <img  alt="Authenticité" src="<?php echo e(asset('assets/images/icons/authenticite.png')); ?>" />
                <h3 class="title-brushed brush-1 mx-auto">Authenticité</h3>
                <p>C’est nous, sans chaussures cirées, mais avec plein d’idées et une vraie envie de réussir !<br/>
                    Comme le diraient les BOSS des Ressources humaines <a target="_blank" href="https://tie-up.fr/">Tie-Up</a> : Dépoussiérons les RH !
                </p>
            </div>
        </div>
    </div>
</section>

<style>
    #lyon-block img {
        width: 100%;
    }
</style>

<?php echo $__env->make('frontend.sections.frise-partners', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>

<script>
    document.addEventListener('DOMContentLoaded', function () {
        let lyonCarousel = new Splide('#lyon-block', {
            type: 'fade',
            width: '100%',
            height: '575px',
            arrows: false,
            pagination: false,
            autoplay: true,
            interval: 5000,
            speed: 2500,
            rewind: true,
            cover: true,
            breakpoints: {
                991: {
                    height: '425px',
                },
                767: {
                    height: 'auto',
                    cover: false,
                }
            },
        });

        lyonCarousel.mount();
    });
</script>

    <?php echo $__env->make('frontend.sections.avis-clients', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>

<?php $__env->stopSection(); ?>

<?php echo $__env->make('frontend.layouts.home', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /home/pluma/web/lcrh/resources/views/frontend/pages/home.blade.php ENDPATH**/ ?>