<?php $__env->startSection('header.title', 'Notre équipe'); ?>
<?php $__env->startSection('meta.description', "Le Cabinet RH - LCRH basé à Lyon depuis 2016 intervient partout en France. La transparence de notre équipe nous permet de gagner en efficacité et qualité."); ?>
<?php $__env->startSection('header.banner', asset('assets/images/pages/notre-equipe-banner.jpg')); ?>

<?php $__env->startSection('main'); ?>
    <style>
        header.border-bottom {
            border: none !important;
        }

        .page-header-banner {
            max-width: 100%;
            object-fit: cover;
            object-position: center;
            height: auto;
        }

        @media(max-width: 767px) {
            .page-header-banner {
                height: 42vw;
            }
        }
    </style>

    <section class="py-5">
        <div class="container text-primary" style="font-weight: 700;">
            <h2>Les numéros 10 de la Team LCRH</h2>
            <div style="font-size: 1.2em;">
                <p>Basé à Lyon, Le Cabinet RH a été fondé en 2016 par Xavier Bogillot et Arnaud Bogillot, Franc-Comtois d’origine et Lyonnais d’adoption.</p>
                <p>L’équipe LCRH, ce sont des personnes qui s’investissent dans vos recherches de candidats et qui pour ça, connaissent ou apprennent vos métiers et leurs environnements afin de pouvoir comprendre vos enjeux et d’y répondre au mieux.</p>
                <p>Ce qu’on aime, c’est pouvoir échanger avec vous, au-delà d’une fiche de poste. Nous sommes convaincus qu’un recrutement réussi passe par d’autres critères plus concrets.
                    <br/>Et pas de secrets entre nous ! Nous serons transparents avec vous quant à notre travail, afin de gagner en efficacité et en qualité. Encore une fois, l’objectif premier, c’est de se donner le maximum de chance de trouver les meilleurs profils.
                </p>
                <p>Notre métier nous permet d’aller jouer sur plusieurs terrains : recrutement, ingénierie, formation. Alors, si vous êtes aussi sympa que nous, on est pressés de vous rencontrer !</p>
                <p>Candidats, nous ne vous oublions pas. Ça fonctionne dans les deux sens, alors n’hésitez pas à nous contacter si vous cherchez de nouvelles opportunités.
                    <br/>Pour finir, nous ne sommes pas chauvins, vous pouvez faire appel à nous partout en France.
                </p>
            </div>
        </div>
    </section>

    <style>
        .team-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);

            gap: 100px;
            row-gap: 50px;
        }

        @media(max-width: 991px) {
            .team-grid {
                grid-template-columns: repeat(2, 1fr);
            }
        }

        @media(max-width: 767px) {
            .team-grid {
                grid-template-columns: 1fr;
            }
        }

        .teamate {
            text-align: center;
            position: relative;
        }

        .teamate img {
            width: 250px;
            height: 250px;
            object-fit: cover;
        }

        .teamate .teamate-name {
            font-size: 22px;
        }

        .teamate .teamate-desc {
            font-size: 1.1em;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;

            transition: 200ms ease-in-out;
        }

        .teamate .teamate-desc:hover {
            opacity: 0.85;
        }

        .teamate-fulldesc {
            pointer-events: none;
            position: absolute;
            display: flex;
            background: rgba(240,240,240,0.9);
            font-size: 1em;
            opacity: 0;

            transition: 300ms ease-in-out;
        }

        .teamate-fulldesc.show {
            pointer-events: initial;
            opacity: 1;
        }

        .teamate-title {
            font-weight: 700;
            font-size: 18px;
        }

        a.next-nav-suggested {
            transition: 250ms ease-in-out;
            font-size: 30px;
            width: 400px;
            max-width: 100%;
        }

        @media(max-width: 575px) {
            a.next-nav-suggested {
                font-size: 20px;
                width: 300px;
            }
        }

        a.next-nav-suggested:hover {
            opacity: 0.9;
            transform: scale(1.05);
        }
    </style>

    <section class="py-5">
        <div class="container">
            <?php
            $teamates = array(
                array(
                    'firstname' => 'Xavier',
                    'lastname' => 'Bogillot',
                    'image' => asset('assets/images/pages/1.jpg'),
                    'linkedin' => 'https://www.linkedin.com/in/xavierbogillot/',
                    'phone' => '06 38 64 80 09',
                    'email' => 'xavier.bogillot@lcrh.fr',
                    'title' => 'Co-fondateur / Consultant recrutement'
                    //'text' => '"Hello, moi c\'est Xavier, cofondateur de LCRH et expert en... ',
                ),
                array(
                    'firstname' => 'Arnaud',
                    'lastname' => 'Bogillot',
                    'image' => asset('assets/images/pages/2.jpg'),
                    'linkedin' => 'https://www.linkedin.com/in/arnaudbogillot/',
                    'phone' => '06 74 95 04 29 ',
                    'email' => 'arnaud.bogillot@lcrh.fr',
                    'title' => 'Co-fondateur / Consultant recrutement'
                    //'text' => '"Hello, moi c\'est Arnaud Bogillot, je suis le cofondateur de LCRH...',
                ),
                array(
                    'firstname' => 'Guillaume',
                    'lastname' => 'Deschamps Frilley',
                    'image' => asset('assets/images/pages/7.jpg'),
                    'linkedin' => 'https://www.linkedin.com/in/guillaume-deschamps-frilley-4b12b1178/',
                    'phone' => '06 16 22 84 84',
                    'email' => 'guillaume.deschamps@lcrh.fr',
                    'title' => 'Responsable commercial'
                    //'text' => '"Bonjour, moi c\'est Alexandra Marocco-Sage, je suis ingénieur d\'affaire...',
                ),
                array(
                    'firstname' => 'Valentine',
                    'lastname' => 'Minguet',
                    'image' => asset('assets/images/pages/4.jpg'),
                    'linkedin' => 'https://www.linkedin.com/in/valentine-minguet/',
                    'phone' => '06 40 21 70 11',
                    'email' => 'valentine.minguet@lcrh.fr',
                    'title' => 'Consultante recrutement'
                    //'text' => '"OTP Zoé Mid et supp depuis peu.<br/>Le one shot est requis !',
                ),
                array(
                    'firstname' => 'Romane',
                    'lastname' => 'Bordier',
                    'image' => asset('assets/images/pages/5.jpg'),
                    'linkedin' => 'https://www.linkedin.com/in/romane-bordier/',
                    'phone' => '06 40 21 53 63',
                    'email' => 'romane.bordier@lcrh.fr',
                    'title' => 'Consultante recrutement'
                    //'text' => '"Expert en ordianteur, internet, site web et tout ce qui s\'en suit...',
                ),
                array(
                    'firstname' => 'Romain',
                    'lastname' => 'Debionne',
                    'image' => asset('assets/images/pages/6.jpg'),
                    'linkedin' => 'https://www.linkedin.com/in/romain-debionne-913b32250/',
                    'phone' => '06 30 42 76 10',
                    'email' => 'romain.debionne@lcrh.fr',
                    'title' => 'Ingénieur d’affaires'
                    //'text' => '"Rockstar, handballeur, geek expert en mathématiques 2x2 2x4..',
                ),
                array(),
                array(
                    'firstname' => 'Clémence',
                    'lastname' => 'Boutiba',
                    'image' => asset('assets/images/pages/8.jpg'),
                    'linkedin' => 'https://fr.linkedin.com/in/clemenceboutiba',
                    'phone' => '06 03 88 31 32',
                    'email' => 'clemence.boutiba@lcrh.fr',
                    'title' => 'Consultante recrutement'
                    //'text' => '"Rockstar, handballeur, geek expert en mathématiques 2x2 2x4..',
                )
            );
            ?>
            <div class="team-grid justify-content-between">
                <?php foreach($teamates as $team): ?>
                <?php if(empty($team)): ?>
                <div class="d-none d-lg-flex"></div>
                <?php else: ?>
                <div class="teamate d-flex flex-column justify-content-center align-items-center gap-3">
                    <img alt="Photo <?= $team['firstname'] ?> <?= $team['lastname'] ?>" src="<?php echo e($team['image']); ?>" />
                    <div>
                        <h3 style="font-weight: 700;" class="teamate-name mb-0">
                            <span class="text-dark"><?= $team['firstname'] ?> <span class="text-uppercase"><?= $team['lastname'] ?></span></span>
                        </h3>
                        <div class="teamate-title text-primary"><?= $team['title'] ?></div>
                    </div>
                    <div class="d-flex align-items-center gap-3">
                        <a style="color: #0e76a8;" target="_blank" href="<?= $team['linkedin'] ?>"><i class="fa-brands fa-3x fa-linkedin"></i></a>
                        <div class="d-flex flex-column">
                            <a class="d-flex gap-2 align-items-center" href="tel:+33<?= substr(str_replace(' ', '', $team['phone']), 1) ?>"><i class="fa fa-phone"></i> <?= $team['phone'] ?></a>
                            <a class="d-flex gap-2 align-items-center" href="mailto:<?= $team['email'] ?>"><i class="fa fa-envelope"></i> <?= $team['email'] ?></a>
                        </div>
                    </div>
                        <?php if(isset($team['text']) && $team['text']): ?>

                    <a onclick="displayFullDesc(this);" href="javascript:;" style="max-width: 300px;" class="teamate-desc text-darkh-100"><div><?= $team['text'] ?> <i class="fa fa-plus-square"></i></div></a>
                    <div class="teamate-fulldesc flex-column justify-content-between h-100 w-100 gap-3 rounded-3">
                        <a onclick="hideFullDesc(this);" href="javascript:;" class="p-2 d-flex justify-content-end"><i class="fa fa-2x fa-times-circle"></i></a>
                        <div class="content p-3 pt-0" style="flex: 1; overflow: auto;">
                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque aliquam metus ut leo hendrerit, non ullamcorper risus malesuada. Donec accumsan turpis sit amet erat eleifend, auctor mattis lacus bibendum. Curabitur eu convallis quam. Nullam nec nibh ac justo iaculis rhoncus. Aenean quis posuere lorem. Nullam porta ac nulla eu rutrum. Proin vitae ipsum ac augue consequat varius. Aliquam non massa sed leo congue tincidunt eget dapibus sapien. Suspendisse tortor ex, vehicula et dolor et, venenatis condimentum libero. Nam iaculis ut lorem eget aliquet. Pellentesque ultrices malesuada nisl, ut viverra lorem imperdiet sit amet.

                            Nulla facilisi. Fusce laoreet lorem vel ipsum porta ornare. Mauris scelerisque rutrum lacinia. Donec auctor venenatis quam. Phasellus auctor velit sit amet vulputate lacinia. Etiam quis neque urna. Quisque ac dolor sit amet sem mollis pellentesque. Curabitur ultrices est metus, sit amet vulputate neque ultrices ut. Donec sed arcu in odio lacinia faucibus sit amet efficitur tellus. Curabitur posuere, sapien nec luctus elementum, ligula orci auctor quam, ut rutrum neque libero id lacus. Donec eleifend aliquet pellentesque. Vestibulum at lorem malesuada, accumsan augue in, porta urna. Duis at orci id urna vehicula aliquam. Maecenas est nulla, placerat eget nisl sit amet, blandit lobortis ligula. Aenean eu arcu interdum elit lacinia efficitur. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.

                            Mauris et laoreet nisl, at consectetur ipsum. In cursus eros mauris, sed lobortis sem rhoncus at. Suspendisse cursus elementum metus, a pellentesque leo sodales ut. Ut sapien metus, hendrerit nec tellus vitae, finibus pulvinar enim. Nullam id iaculis massa. Nunc dictum est eget tortor dictum convallis. Nullam nec felis purus. Sed non sollicitudin lectus.
                        </div>
                    </div>
                    <?php endif; ?>
                </div>
                <?php endif; ?>
                <?php endforeach; ?>

                <?php $__env->startPush('body.append'); ?>
                    <script>
                        function displayFullDesc(desc) {
                            desc.nextElementSibling.classList.add('show');
                        }
                        function hideFullDesc(close) {
                            close.parentElement.classList.remove('show');
                        }
                    </script>
                <?php $__env->stopPush(); ?>
            </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>

    <section class="py-5 bg-light text-primary">
        <div class="container text-center">
            <h2 class="text-center mb-5 text-uppercase title-brushed brush-1 bg-primary">Poursuivez votre visite !</h2>

            <div class="d-flex flex-column flex-lg-row align-items-center align-items-lg-start justify-content-between gap-3 gap-sm-5">
                <div class="d-flex flex-column gap-3 text-center vt-animated" data-animation="slide-in-bottom">
                    <a href="<?php echo e(route('page', ['lang' => 'fr', 'slug' => 'solution-recrutement'])); ?>" class="next-nav-suggested mx-auto text-uppercase p-3 p-sm-5 bg-primary text-light rounded-3">RECRUTEMENT</a>
                </div>

                <div class="d-flex flex-column gap-3 text-center vt-animated" data-animation="slide-in-bottom" data-animation-delay="300">
                    <a href="<?php echo e(route('page', ['lang' => 'fr', 'slug' => 'solution-formation'])); ?>" class="next-nav-suggested mx-auto text-uppercase  p-3 p-sm-5 bg-primary text-light rounded-3">FORMATION</a>
                </div>

                <div class="d-flex flex-column gap-3 text-center vt-animated" data-animation="slide-in-bottom" data-animation-delay="600">
                    <a href="<?php echo e(route('page', ['lang' => 'fr', 'slug' => 'solution-conseil-ingenierie'])); ?>" class="next-nav-suggested mx-auto text-uppercase  p-3 p-sm-5 bg-primary text-light rounded-3">Conseil en Ingénierie</a>
                </div>
            </div>
        </div>
    </section>
<?php $__env->stopSection(); ?>

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