ldc-le-gaulois-pro/resources/views/fo/pages/engagments/eleverdurablement.blade.php

@section('title', "Elever durablement en respectant les Hommes, les animaux et la Nature")
@section('description', "description de la homepage")
@section('keywords', "Mots clé de la homepage")

@extends('../fo.frontend')

@section('content')

@include('fo.partials.banner-header', [
'page' => 'engagments',
'breadcrumbs' => "Accueil / Nos engagements / Elever durablement en respectant les Hommes, les animaux et la Nature",
'title' => "Elever durablement en respectant les Hommes, les animaux et la Nature",
'description' => "Face aux enjeux de notre époque, Le Gaulois Professionnel répond présent.
Chaque jour, nous avançons pas à pas avec les équipes, les partenaires et les consommateurs pour élaborer des produits gourmands, de qualité et ainsi créer de bons moments de convivialité à table et en cuisine. Découvrez nos 5 engagements et nos actions pour minimiser l'impact de notre activité sur l'environnement, veiller au bien-être animal et améliorer notre alimentation et notre qualité de vie."
])

@include('fo.partials.nav-engagment')

<div class="container-fluid d-flex flex-column align-items-center px-0">
    <div class="container-fluid px-0 mt-5 mt-md-6">
        <div class="row align-items-md-stretch">
            <div class="col-12 col-md-6 px-0">
                <div class="w-100 h-100 pe-6 pe-sm-7 pe-md-5 pe-lg-6 pe-xl-8">
                    <div class="img-section position-relative w-100 h-100">
                        <img class="object-cover-center w-100 h-100" src="{{ asset('build/assets/images/breeder/le-metier-d-eleveur-de-volailles-le-gaulois.jpg') }}" alt="Un éleveur caressant une poule">
                        <div class="separator position-absolute top-0 end-0 text-end h-100">
                            <img class="h-100" src="{{ asset('build/assets/images/sep-yegi.png') }}" alt="">
                        </div>
                        <div class="position-absolute top-0 end-0 mt-3 me-5 w-25 mt-lg-4 me-lg-5 mt-xxl-5 me-xxl-6">
                            <img src="{{ asset('build/assets/images/logo-ne.png') }}" alt="Logo Nature d'éleveurs">
                        </div>
                        <div class="sticker-engagments-wrapper position-absolute bottom-0">
                            <div class="sticker-engagments border-inox rounded-4 overflow-hidden mb-4 mb-md-5">
                                <div class="content bg-ardoise rounded-4 px-4 py-2">
                                    <p class="ff-poppins-medium fs-lg color-fourth">Objectif 2025 :</p>
                                    <p class="ff-poppins-regular mb-0 pb-2">100% des éleveurs partenaires Le Gaulois Professionnel engagés dans la démarche</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-12 col-md-6 d-flex flex-column justify-content-center align-items-center txt-col text-center text-md-start px-md-0 pe-md-4 pe-lg-6 pe-xl-8">
                <div class="mx-auto mx-md-0">
                    <h2 class="h2">Nature d'éleveurs : une&nbsp;démarche éthique&nbsp;et durable</h2>
                    <p class="mb-4">Le Gaulois déploie la démarche Nature d'Eleveurs auprès des éleveurs partenaires. Ce contrat vise à améliorer le bien-être des volailles tout au long de leur vie et encourage à inscrire les élevages dans une démarche plus respectueuse de l'environnement.</p>
                    <p class="mb-4">Nature d'Eleveurs stipule en particulier que les volailles nées, élevées et préparées en France sont élevées à la lumière naturelle via la présence de fenêtres dans les poulaillers. Par ailleurs, des aménagements durables sont encouragés comme, par exemple, les poulaillers à basse consommation, ou encore des plantations de haies ou arbustes autour des poulaillers.</p>
                    <div class="butn-wrap mb-4 mb-md-5">
                        <a href="https://www.naturedeleveurs.fr/" target="blank" class="butn-prim mx-0">En savoir plus</a>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="container-fluid px-0 bg-default py-5 py-md-6">
        <div class="wrapper-xl">
            <div class="row justify-content-center align-items-stretch pb-0">
                <div class="col-6 col-md-3 p-4 p-md-3">
                    <div class="card-wrapper card-engag mx-auto">
                        <div class="card text-center">
                            <img src="{{ asset('build/assets/images/engagments/lumiere-naturelle.svg') }}" class="card-img-top" alt="Un soleil vert sur fond noir">
                            <div class="card-body d-flex flex-column mt-3">
                                <h3 class="card-title h3 color-fourth mb-0">Lumière naturelle</h3>
                                <p class="card-text mt-0"></p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-6 col-md-3 p-4 p-md-3">
                    <div class="card-wrapper card-engag mx-auto">
                        <div class="card text-center">
                            <img src="{{ asset('build/assets/images/engagments/cereale.svg') }}" class="card-img-top" alt="Un brin de maïs et de blé vert sur fond noir">
                            <div class="card-body d-flex flex-column mt-3">
                                <h3 class="card-title h3 color-fourth mb-0">Céréales entières <br>100% Française</h3>
                                <p class="card-text mt-0"></p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-6 col-md-3 p-4 p-md-3">
                    <div class="card-wrapper card-engag mx-auto">
                        <div class="card text-center">
                            <img src="{{ asset('build/assets/images/engagments/poulailler.svg') }}" class="card-img-top" alt="Echelle de scores avec le A en vert sur fond noir">
                            <div class="card-body d-flex flex-column mt-3">
                                <h3 class="card-title h3 color-fourth mb-0">Poulailler à basse consommation </h3>
                                <p class="card-text mt-0"></p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-6 col-md-3 p-4 p-md-3">
                    <div class="card-wrapper card-engag mx-auto">
                        <div class="card text-center">
                            <img src="{{ asset('build/assets/images/engagments/haies.svg') }}" class="card-img-top" alt="Un buisson vert sur fond noir">
                            <div class="card-body d-flex flex-column mt-3">
                                <h3 class="card-title h3 color-fourth mb-0">Plantation de haies,</h3>
                                <p class="card-text mt-0">arbustes autour du poulailler</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row justify-content-center align-items-stretch">
                <div class="col-6 col-md-3 p-4 p-md-3">
                    <div class="card-wrapper card-engag mx-auto">
                        <div class="card text-center">
                            <img src="{{ asset('build/assets/images/engagments/musique.svg') }}" class="card-img-top" alt="Une note de musique vert sur fond noir">
                            <div class="card-body d-flex flex-column mt-3">
                                <h3 class="card-title h3 color-fourth mb-0">Fond musical <br>dans les élevages</h3>
                                <p class="card-text mt-0"></p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-6 col-md-3 p-4 p-md-3">
                    <div class="card-wrapper card-engag mx-auto">
                        <div class="card text-center">
                            <img src="{{ asset('build/assets/images/engagments/paille.svg') }}" class="card-img-top" alt="Trois ballots de paille vert sur fond noir">
                            <div class="card-body d-flex flex-column mt-3">
                                <h3 class="card-title h3 color-fourth mb-0">Ballots de paille</h3>
                                <p class="card-text mt-0"></p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-6 col-md-3 pt-4 pt-md-3">
                    <div class="card-wrapper card-engag mx-auto">
                        <div class="card text-center">
                            <img src="{{ asset('build/assets/images/engagments/perchoirs.svg') }}" class="card-img-top" alt="Deux poulets sur une branche sur fond noir">
                            <div class="card-body d-flex flex-column mt-3">
                                <h3 class="card-title h3 color-fourth mb-0">Perchoirs</h3>
                                <p class="card-text mt-0"></p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="bg-ardoise-radial py-5 py-md-7">
        <div class="row">
            <div class="col wrapper-xl my-4">
                <div class="card-footer d-flex flex-column flex-md-row overflow-hidden rounded-4 box-shadow mx-auto">
                    <div class="engag-start champ position-relative bg-default overflow-hidden h-md-auto w-100 w-md-50">
                        <img class="card-sep-desktop position-absolute top-md-0 end-md-0 h-100" src="{{ asset('build/assets/images/sep-ysgi.png') }}" alt="">
                        <img class="card-sep-mobile position-absolute bottom-0 start-0" src="{{ asset('build/assets/images/sep-xbgi.png') }}" alt="">
                    </div>
                    <div class="engag-end d-flex flex-column justify-content-md-center text-center text-md-start bg-default w-100 w-md-50 p-3 p-md-5">
                        <p class="ff-poppins-bold fs-md">Des poulaillers basse-consommation&nbsp;: c'est&nbsp;bon&nbsp;aussi&nbsp;pour&nbsp;la&nbsp;nature</p>
                        <p>En plus des aménagements dans les poulaillers pour le bien-être animal, Le Gaulois, à travers sa démarche "&nbsp;Oui&nbsp;C'est&nbsp;Bon&nbsp;!&nbsp;", encourage le développement de poulaillers basse consommation avec par exemple l'installation de panneaux photovoltaïques et de récupérateurs de chaleur.</p>
                        <p class="ff-poppins-bold fs-md color-fourth">Des haies pour favoriser la biodiversité</p>
                        <p>Le Gaulois encourage vivement la plantation de haies dans ses élevages. En effet, elles permettent d'abriter et de faire vivre une faune diversifiée, en particulier des insectes et petits oiseaux. Elles renforcent ainsi la biodiversité tout en embellissant les paysages.</p>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="container-fluid px-0 mt-5 mt-md-6">
        <div class="row align-items-md-stretch">
            <div class="col-12 col-md-6 px-0">
                <div class="w-100 h-100 pe-6 pe-sm-7 pe-md-5 pe-lg-6 pe-xl-8">
                    <div class="img-section position-relative w-100 h-100">
                        <img class="object-cover-center w-100 h-100" src="{{ asset('build/assets/images/engagments/eleveur-de-poulets-le-gaulois.jpg') }}" alt="Une poule dans les bras d'un éleveur">
                        <div class="separator position-absolute top-0 end-0 text-end h-100">
                            <img class="h-100" src="{{ asset('build/assets/images/sep-yegi.png') }}" alt="">
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-12 col-md-6 d-flex flex-column justify-content-center align-items-center txt-col text-center text-md-start px-md-0 pe-md-4 pe-lg-6 pe-xl-8">
                <div class="mx-auto mx-md-0">
                    <h2 class="h2">La santé de nos volailles : une attention particulière apportée par nos éleveurs</h2>
                    <p class="mb-4">Le Gaulois est engagé dans une démarche volontariste et continue afin de mieux protéger la santé des volailles. Les antibiotiques ne sont utilisés qu'en dernier recours et uniquement sur prescription vétérinaire, en respectant des délais garantissant la sécurité sanitaire des consommateurs.</p>
                    <div class="butn-wrap mb-4 mb-md-5">
                        <a href="https://www.legaulois.fr/elevage-sante-et-alimentation-des-volailles/la-sante-des-volailles/antibiotiques-des-volailles-comment-les-eleveurs-ont-ils-reduits-leur-consommation" class="butn-prim mx-0">En savoir plus</a>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="container-fluid bg-default py-4 py-md-5">
        <div class="wrapper-xl">
            <div class="row mb-4">
                <div class="col text-center">
                    <h2 class="h2 m-0">STOP aux idées reçues</h2>
                    <h3 class="h3 mt-2">les antibiotiques ne sont pas automatiques</h3>
                </div>
            </div>
            <div class="row justify-content-center align-items-stretch">
                <div class="col-6 col-md-3 pb-4 pb-md-5 px-3 px-md-5 pb-md-0">
                    <div class="card-wrapper card-engag mx-auto">
                        <div class="card text-center">
                            <img src="{{ asset('build/assets/images/engagments/antibiotiques.svg') }}" class="card-img-top" alt="Un médicament en gellule">
                            <div class="card-body d-flex flex-column mt-3">
                                <h3 class="card-title h3 color-fourth mb-0">-65% d'utilisation d'antibiotique</h3>
                                <p class="card-text mt-0">en 10 ans</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-6 col-md-3 pb-4 pb-md-5 px-3 px-md-5 pb-md-0">
                    <div class="card-wrapper card-engag mx-auto">
                        <div class="card text-center">
                            <img src="{{ asset('build/assets/images/engagments/alimentations-sans-antibiotiques.svg') }}" class="card-img-top" alt="Une seringue marquée d'une interdiction">
                            <div class="card-body d-flex flex-column mt-3">
                                <h3 class="card-title h3 color-fourth mb-0">Alimentations de nos volailles</h3>
                                <p class="card-text mt-0">sans antibiotique et sans hormones de croissance</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-6 col-md-3 pb-4 pb-md-5 px-3 px-md-5 pb-md-0">
                    <div class="card-wrapper card-engag mx-auto">
                        <div class="card text-center">
                            <img src="{{ asset('build/assets/images/engagments/zero-antibiotiques.svg') }}" class="card-img-top" alt="Un poulet vert sur fond noir">
                            <div class="card-body d-flex flex-column mt-3">
                                <h3 class="card-title h3 color-fourth mb-0">Zéro antibiotique</h3>
                                <p class="card-text mt-0">critique pour nos volailles</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="butn-wrap mt-0 mb-5 mb-md-6 w-100">
                <a href="https://volaille-info.fr/" class="butn-prim mx-0">En savoir avec Volaille info</a>
            </div>
        </div>

        <div class="wrapper-xl">
            <div class="row mb-4">
                <div class="col text-center">
                    <h2 class="h2 m-0">La Nature fait bien les choses</h2>
                    <h3 class="h3 mt-2">Développement des solutions alternatives naturelles</h3>
                </div>
            </div>
            <div class="row justify-content-center align-items-stretch">
                <div class="col-6 col-md-3 pb-4 pb-md-5 px-3 px-md-5 pb-md-0">
                    <div class="card-wrapper card-engag mx-auto">
                        <div class="card text-center">
                            <img src="{{ asset('build/assets/images/engagments/vegetaux.svg') }}" class="card-img-top" alt="Une pouce végétale">
                            <div class="card-body d-flex flex-column mt-3">
                                <h3 class="card-title h3 color-fourth mb-0">Extraits végétaux</h3>
                                <p class="card-text mt-0"></p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-6 col-md-3 pb-4 pb-md-5 px-3 px-md-5 pb-md-0">
                    <div class="card-wrapper card-engag mx-auto">
                        <div class="card text-center">
                            <img src="{{ asset('build/assets/images/engagments/algues.svg') }}" class="card-img-top" alt="Des algues">
                            <div class="card-body d-flex flex-column mt-3">
                                <h3 class="card-title h3 color-fourth mb-0">Extraits d'algues</h3>
                                <p class="card-text mt-0"></p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-6 col-md-3 pb-4 pb-md-5 px-3 px-md-5 pb-md-0">
                    <div class="card-wrapper card-engag mx-auto">
                        <div class="card text-center">
                            <img src="{{ asset('build/assets/images/engagments/probiotiques.svg') }}" class="card-img-top" alt="Des micro-organismes">
                            <div class="card-body d-flex flex-column mt-3">
                                <h3 class="card-title h3 color-fourth mb-0">Probiotiques</h3>
                                <p class="card-text mt-0"></p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="container-fluid pt-4 pt-md-5">
        <div class="wrapper-xl mt-4 mb-5 mt-md-4 mb-md-6">
            <div class="row mb-5 mb-md-6">
                <div class="col text-center">
                    <h2 class="h2 my-0">Le Gaulois Professionnel, une marque engagée et responsable</h2>
                </div>
            </div>
            <div class="row justify-content-center align-items-stretch">
                <div class="col">
                    <div class="card-adn d-flex overflow-hidden bg-default rounded-4 box-shadow mx-auto">
                        <div class="position-relative overflow-hidden h-100 w-50">
                            <img class="card-img-top object-cover-start w-100 h-100" src="{{ asset('build/assets/images/banner/header-engagments.jpg') }}" alt="Un éleveur tenant une poule est assis dans un poulailler">
                            <img class="position-absolute top-0 end-0 h-100" src="{{ asset('build/assets/images/sep-ysgi-md.svg') }}" alt="">
                            <a href="https://www.youtube.com/watch?v=7X8II6J-6mU" data-fancybox class="position-absolute top-50 start-50 translate-middle">
                                <svg class="play-btn" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
                                    <circle class="play-circle" cx="50.88" cy="50" r="34.96" />
                                    <polygon class="play-icon" points="65.27 50 42.62 36.92 42.62 63.08 65.27 50" />
                                </svg>
                            </a>
                        </div>
                        <div class="row align-items-center w-50 p-2 p-md-3">
                            <p class="card-title ff-poppins-bold fs-md m-0">Lorem ipsum</p>
                            <p class="card-text card-subtitle m-0">Lorem ipsum dolor sit amet consectetur adipisicing elit. Pariatur earum sequi illo eum molestiae libero fugit deleniti, enim, ullam repudiandae deserunt blanditiis veniam debitis maiores.</p>
                            <div class="butn-wrap w-100">
                                <a class="butn-prim m-0" href="https://www.youtube.com/watch?v=7X8II6J-6mU" data-fancybox type="button">Voir la vidéo</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection