@extends('layouts.front')

@section('content')
<section class="main-slider-three hero-slider">
    <div class="hero-slider__social">
        <a href="https://facebook.com">
    <i class="icon-facebook" aria-hidden="true"></i>
</a>
<a href="https://twitter.com">
    <i class="icon-twitter" aria-hidden="true"></i>
</a>
<a href="https://instagram.com">
    <i class="icon-instagram" aria-hidden="true"></i>
</a>
<a href="https://youtube.com">
    <i class="icon-youtube" aria-hidden="true"></i>
</a>
    </div>
    <div class="main-slider-three__border-top"></div>
    <div class="main-slider-three__border-right"></div>
    <div class="main-slider-three__border-left"></div>
    <div class="main-slider-three__border-bottom">
        <div class="main-slider-three__border-bottom__inner"></div>
    </div>
    <div class="main-slider-three__carousel floens-slick__carousel--with-counter" data-slick-options='{
        "slidesToShow": 1,
        "slidesToScroll": 1,
        "autoplay": true,
        "autoplaySpeed": 3000,
        "speed": 2000,
        "infinite": true,
        "fade": true,
        "dots": false,
        "arrows": true,
        "prevArrow": "<button class=\"hero-slider__slick-button hero-slider__slick-button--prev\"><i class=\"icon-left-arrow\"><i></button>",
        "nextArrow": "<button class=\"hero-slider__slick-button hero-slider__slick-button--next\"><i class=\"icon-right-arrow\"><i></button>"

    }'>

        @forelse($slides as $slide)
        <div class="main-slider-three__item">
            <div class="main-slider-three__bg"
                style="background-image: url({{ $slide->photo ? asset('storage/' . $slide->photo) : 'assets/img/slide1.png' }});"></div>
            <div class="container">
                <div class="row">
                    <div class="col-xl-12 col-lg-8 mx-auto">
                        <div class="main-slider-three__content">

                            <h2 class="main-slider-three__title">{{ $slide->titre }}</h2>

                            @if($slide->description)
                                <p class="main-slider-three__description">{{ $slide->description }}</p>
                            @endif

                            @if($slide->lien)
                                <a href="{{ $slide->lien }}" class="ecogranit-btn-devis">
                                    <span>Devis en ligne</span>
                                    <i class="icon-right-arrow"></i>
                                </a>
                            @endif

                        </div>
                    </div>
                </div>
            </div>
        </div>
        @empty
        <div class="main-slider-three__item">
            <div class="main-slider-three__bg"
                style="background-image: url(assets/img/slide1.png);"></div>
            <div class="container">
                <div class="row">
                    <div class="col-xl-12 col-lg-8 mx-auto">
                        <div class="main-slider-three__content">

                            <h2 class="main-slider-three__title">Trouvez le plan qui sublimera votre intérieur.</h2>

                            <a href="contact.html" class="ecogranit-btn-devis">
                                <span>Devis en ligne</span>
                                <i class="icon-right-arrow"></i>
                            </a>

                        </div>
                    </div>
                </div>
            </div>
        </div>
        @endforelse

    </div>
</section>

 <section class="about-one section-space" id="about">
            <div class="container">
                <div class="row gutter-y-60">
                    <div class="col-lg-6 wow fadeInLeft" data-wow-duration="1500ms" data-wow-delay="00ms">
                        <div class="about-one__image-grid">
                            <div class="about-one__image">
                                <img src="/frontassets/img/marbre_1.jpg" alt="about" class="about-one__image__one">
                                <img src="/frontassets/img/marbre_2.jpg" alt="about" class="about-one__image__two">
                            </div>
                            <div class="about-one__image">
                                <img src="/frontassets/img/marbre_3.jpg" alt="about" class="about-one__image__three">
                            </div>

                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="about-one__content">
                            <div class="sec-title sec-title--left  sec-title--border">

                                <h6 class="sec-title__tagline">Qui sommes nous</h6>

                                <h3 class="sec-title__title">Élevez vos extérieurs avec l’élégance du granit naturel.</h3>
                            </div>


                            <div class="about-one__content__text wow fadeInUp" data-wow-duration="1500ms" data-wow-delay="00ms">
                                <h5 class="about-one__text-title">L’alliance parfaite entre esthétisme, robustesse et écologie.</h5>

                                <p class="about-one__text">Chez Eco Granit, nous vous proposons une gamme complète de produits en granit pour sublimer vos aménagements extérieurs. Que ce soit pour vos allées, terrasses, murets ou bordures, nous mettons à votre disposition un matériau noble, résistant et naturellement esthétique. Issu de carrières durables, notre granit allie longévité et respect de l’environnement pour transformer vos espaces en lieux uniques et harmonieux.</p>
                            </div>

                            <div class="about-one__button wow fadeInUp" data-wow-duration="1500ms" data-wow-delay="00ms">
                                <a href="contact.html" class="ecogranit-btn-devis">
                                    <span>Plus de details</span>
                                    <i class="icon-right-arrow"></i>
                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="about-one__shapes">
                <img src="/frontassets/img/granit_right.png" alt="about-shape" class="about-one__shape about-one__shape--one">
                <img src="/frontassets/img/granit_left.png" alt="about-shape" class="about-one__shape about-one__shape--two">
            </div>
        </section>


<!-- services start -->
<section class="services-two section-space-two">
    <div class="container-fluid">
        <div class="services-two__top">
            <div class="row gutter-y-50 align-items-center">
                <div class="col-lg-8 col-md-10">
                    <div class="sec-title sec-title--left">

    <h6 class="sec-title__tagline">Gamme de matériaux</h6>

    <h3 class="sec-title__title">La force de la nature au service de vos aménagements.</h3>
</div>


                </div>
            </div>
        </div>
    </div>
    <div class="container-fluid">
        <div class="services-two__carousel floens-owl__carousel floens-owl__carousel--basic-nav owl-carousel owl-theme"
            data-owl-options='{
            "items": 1,
            "margin": 0,
            "loop": true,
            "smartSpeed": 700,
            "nav": true,
            "navText": ["<span class=\"icon-slide-left-arrow\"></span>","<span class=\"icon-slide-right-arrow\"></span>"],
            "dots": false,
            "autoplay": 600,
            "responsive":{
                "0":{
                    "items": 1,
                    "margin": 15
                },
                "576":{
                    "items": 1,
                    "margin": 15
                },
                "768":{
                    "items": 2,
                    "margin": 30
                },
                "992":{
                    "items": 2,
                    "margin": 30
                },
                "1200":{
                    "items": 3,
                    "margin": 30
                },
                "1400":{
                    "items": 3,
                    "margin": 30
                },
                "1600":{
                    "items": 4,
                    "margin": 30
                }
            }
        }'>
            @forelse($matieres as $matiere)
            <div class="item">
                <div class="service-card-two">
                    <div class="service-card-two__bg" style="background-color: #13643a"></div>
                    <div class="service-card-two__image">
                        <img src="{{ $matiere->photo ? asset('storage/' . $matiere->photo) : '/frontassets/img/matiere_1.jpg' }}" alt="{{ $matiere->titre }}">
                    </div>
                    <div class="service-card-two__content">
                        <h3 class="service-card-two__title"><a href="#">{{ $matiere->titre }}</a></h3>
                        @if($matiere->description)
                            <p class="service-card-two__description">{{ Str::limit($matiere->description, 100) }}</p>
                        @endif
                        <div class="service-card-two__bottom">
                            <a href="{{ url('/' . $matiere->categoriematiere->slug . '/' . $matiere->slug) }}" class="ecogranit-btn-devis ecogranit-btn-devis-white">
                                <span>Plus de détails</span>
                                <i class="icon-right-arrow"></i>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            @empty
            <div class="item">
                <div class="service-card-two">
                    <div class="service-card-two__bg" style="background-color: #13643a"></div>
                    <div class="service-card-two__image">
                        <img src="/frontassets/img/matiere_2.jpg" alt="Granit">
                    </div>
                    <div class="service-card-two__content">
                        <h3 class="service-card-two__title"><a href="#">Granit naturel</a></h3>
                        <div class="service-card-two__bottom">
                            <a href="contact.html" class="ecogranit-btn-devis ecogranit-btn-devis-white">
                                <span>Plus de details</span>
                                <i class="icon-right-arrow"></i>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            @endforelse

        </div>
    </div>
</section>
<!-- services end -->


<section class="projects-two projects-two--home section-space-bottom">
    <div class="container">
        <div class="sec-title sec-title--center">
    <h6 class="sec-title__tagline">projets terminés</h6>
    <h3 class="sec-title__title">Nos projets <br> récents réalisés</h3>
</div>


    </div>
    <div class="container-fluid">
    <div class="projects-two__carousel floens-owl__carousel floens-owl__carousel--basic-nav owl-theme owl-carousel"
        data-owl-options='{
        "items": 3,
        "margin": 30,
        "smartSpeed": 700,
        "loop": true,
        "autoWidth": true,
        "autoplay": true,
        "nav": true,
        "dots": false,
        "navText": ["<span class=\"icon-slide-left-arrow\"></span>","<span class=\"icon-slide-right-arrow\"></span>"]
        }'>
        @forelse($nosprojets as $index => $nosprojet)
        <div class="item">
            <div class="project-card {{ $index == 2 ? 'project-card--large' : '' }}">
                <a href="#" class="project-card__image">
                    <img src="{{ $nosprojet->photo ? asset('storage/' . $nosprojet->photo) : '/frontassets/img/img2.jpg' }}" alt="{{ $nosprojet->titre }}">
                </a>
                <div class="project-card__content">
                    <h3 class="project-card__tagline">Projet réalisé</h3>
                    <div class="project-card__links">
                        <div class="project-card__links__inner">
                            <h3 class="project-card__title"><a href="#">{{ $nosprojet->titre }}</a></h3>
                            <a href="#" class="project-card__link ecogranit-btn"><span class="icon-right-arrow"></span></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        @empty
        <div class="item">
            <div class="project-card">
                <a href="#" class="project-card__image">
                    <img src="/frontassets/img/img2.jpg" alt="Aucun projet">
                </a>
                <div class="project-card__content">
                    <h3 class="project-card__tagline">Projet réalisé</h3>
                    <div class="project-card__links">
                        <div class="project-card__links__inner">
                            <h3 class="project-card__title"><a href="#">Aucun projet disponible</a></h3>
                            <a href="#" class="project-card__link ecogranit-btn"><span class="icon-right-arrow"></span></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        @endforelse
    </div>
</div>
</section>


<section class="faq-one section-space">
    <div class="container">
        <div class="row gutter-y-60">
            <div class="col-lg-6 wow fadeInLeft" data-wow-duration="1500ms">
                <div class="faq-one__image">
                    <div class="faq-one__image__inner">
                        <img src="/frontassets/img/faq.jpg" alt="faq" class="faq-one__image__one">
                    </div>
                </div>
            </div>
            <div class="col-lg-6 wow fadeInRight" data-wow-duration="1500ms" data-wow-delay="200ms">
                <div class="faq-one__content">
                    <div class="sec-title sec-title--border">

    <h6 class="sec-title__tagline">NOTRE FAQ</h6>

    <h3 class="sec-title__title">Guide des questions les plus Courantes</h3>
</div>


                    <p class="faq-one__text">Mollis massa turpis, eu sodales sem maximus ut. Nullam condimentum eget arcu nec dapibus. Nullam tincidunt ex ut tempus malesuada.</p>
                    <div class="faq-accordion floens-accordion" data-grp-name="floens-accordion">
                        <div class="accordion active">
                            <div class="accordion-title">
                                <h4>
                                    Quels sont les avantages d’Eco-granit.com ?
                                    <span class="accordion-title__icon"></span>
                                </h4>
                            </div>
                            <div class="accordion-content">
                                <div class="inner">
                                    <p>Bring to the table win-win survival strategies to ensure proactive domination. At the
                                        end of the day, going forward, a new normal that has evolved from generation X is on
                                        the</p>
                                </div>
                            </div>
                        </div>
                        <div class="accordion">
                            <div class="accordion-title">
                                <h4>
                                    Comment obtenir un devis ?
                                    <span class="accordion-title__icon"></span>
                                </h4>
                            </div>
                            <div class="accordion-content">
                                <div class="inner">
                                    <p>Bring to the table win-win survival strategies to ensure proactive domination. At the
                                        end of the day, going forward, a new normal that has evolved from generation X is on
                                        the</p>
                                </div>
                            </div>
                        </div>
                        <div class="accordion">
                            <div class="accordion-title">
                                <h4>
                                    Comment effectuer le règlement ?
                                    <span class="accordion-title__icon"></span>
                                </h4>
                            </div>
                            <div class="accordion-content">
                                <div class="inner">
                                    <p>Bring to the table win-win survival strategies to ensure proactive domination. At the
                                        end of the day, going forward, a new normal that has evolved from generation X is on
                                        the</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="testimonials-one section-space">
    <div class="container">
        <div class="row">
            <div class="testimonials-one__image-col col-lg-6 wow fadeInLeft" data-wow-duration="1500ms">
                <div class="testimonials-one__image">
                    <img src="/frontassets/img/tem.jpg" alt="testimonials">
                </div>
            </div>
            <div class="col-lg-6">
                <div class="sec-title @@extraClassName">

    <h6 class="sec-title__tagline">Témoignages</h6>

    <h3 class="sec-title__title">Avis de nos clients sur nos services</h3>
</div>


            </div>
            <div class="testimonials-one__testimonials-col col-xl-9">
                <div class="testimonials-one__carousel floens-owl__carousel floens-owl__carousel--basic-nav owl-carousel owl-theme"
                    data-owl-options='{
                        "items": 1,
                        "margin": 0,
                        "loop": true,
                        "smartSpeed": 700,
                        "nav": false,
                     "navText": ["<span class=\"icon-slide-left-arrow\"></span>","<span class=\"icon-slide-right-arrow\"></span>"],
                        "dots": true,
                        "autoplay": 600,
                        "responsive":{
                            "0":{
                                "items": 1,
                                "margin": 15
                            },
                            "576":{
                                "items": 1,
                                "margin": 30
                            },
                            "768":{
                                "items": 1,
                                "margin": 30
                            },
                            "992":{
                                "items": 1,
                                "margin": 30
                            },
                            "1200":{
                                "items": 1,
                                "margin": 30
                            }
                        }
                    }'>
                     @php
                    $temoinages = \App\Models\Temoinage::where('pub', 1)->orderBy('ordre', 'desc')->get();
                @endphp
                @forelse($temoinages as $temoinage)
                    <div class="item">
                        <div class="testimonials-card testimonials-card--two">
                            <div class="testimonials-card__bg"
                                style="background-image: url(/frontassets/img/testimonials/testimonials-card-bg.png);">
                            </div>
                            <div class="testimonials-card__top">
                                <svg class="testimonials-card__quotes__icon" xmlns="http://www.w3.org/2000/svg"
                                    viewBox="0 0 87 64" fill="none">
                                    <path d="M0 40.1428H17.5714L5.85705 63.5713H23.4285L35.1428 40.1428V5H0V40.1428Z"
                                        fill="white" />
                                    <path d="M46.8572 5V40.1428H64.4286L52.7142 63.5713H70.2856L82 40.1428V5H46.8572Z"
                                        fill="white" />
                                    <path
                                        d="M22.5714 34.6428H5.5V0.5H39.6428V35.0248L28.1194 58.0713H11.6661L23.0186 35.3664L23.3804 34.6428H22.5714Z"
                                        stroke="#C7844F" />
                                    <path
                                        d="M69.4286 34.6428H52.3572V0.5H86.5V35.0248L74.9766 58.0713H58.5232L69.8758 35.3664L70.2376 34.6428H69.4286Z"
                                        stroke="#C7844F" />
                                </svg>
                                <div class="ecogranit-ratings @@extraClassName">
    <span class="icon-star"></span>
    <span class="icon-star"></span>
    <span class="icon-star"></span>
    <span class="icon-star"></span>
    <span class="icon-star"></span>
</div>
                            </div>
                            <div class="testimonials-card__content">
                                <div class="testimonials-card__content__inner">
                                    <p class="testimonials-card__text">{{ $temoinage->description }}</p>
                                </div>
                                <div class="testimonials-card__person">
                                    <div class="testimonials-card__person__inner">
                                        <img src="{{ asset('storage/' . $temoinage->photo) }}" width="150" alt="{{ $temoinage->nom }}" class="testimonials-card__image">
                                        <div class="testimonials-card__person__info">
                                            <h3 class="testimonials-card__person__name">{{ $temoinage->nom }}</h3>

                                            <span class="testimonials-card__person__designation">{{ $temoinage->titre }}</span>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>
                     @empty
                    <div class="item">
                        <div class="testimonials-card testimonials-card--two">
                            <div class="testimonials-card__bg"
                                style="background-image: url(/frontassets/img/testimonials/testimonials-card-bg.png);">
                            </div>
                            <div class="testimonials-card__top">
                                <svg class="testimonials-card__quotes__icon" xmlns="http://www.w3.org/2000/svg"
                                    viewBox="0 0 87 64" fill="none">
                                    <path d="M0 40.1428H17.5714L5.85705 63.5713H23.4285L35.1428 40.1428V5H0V40.1428Z"
                                        fill="white" />
                                    <path d="M46.8572 5V40.1428H64.4286L52.7142 63.5713H70.2856L82 40.1428V5H46.8572Z"
                                        fill="white" />
                                    <path
                                        d="M22.5714 34.6428H5.5V0.5H39.6428V35.0248L28.1194 58.0713H11.6661L23.0186 35.3664L23.3804 34.6428H22.5714Z"
                                        stroke="#C7844F" />
                                    <path
                                        d="M69.4286 34.6428H52.3572V0.5H86.5V35.0248L74.9766 58.0713H58.5232L69.8758 35.3664L70.2376 34.6428H69.4286Z"
                                        stroke="#C7844F" />
                                </svg>
                                <div class="ecogranit-ratings @@extraClassName">
    <span class="icon-star"></span>
    <span class="icon-star"></span>
    <span class="icon-star"></span>
    <span class="icon-star"></span>
    <span class="icon-star"></span>
</div>
                            </div>
                            <div class="testimonials-card__content">
                                <div class="testimonials-card__content__inner">
                                    <p class="testimonials-card__text">Aucun témoignage disponible pour le moment.</p>
                                </div>
                                <div class="testimonials-card__person">
                                    <div class="testimonials-card__person__inner">
                                        <img src="/frontassets/img/testimonials/testimonials-1-1.jpg" alt="Aucun témoignage"
                                            class="testimonials-card__image">
                                        <div class="testimonials-card__person__info">
                                            <h3 class="testimonials-card__person__name">Aucun témoignage</h3>

                                            <span class="testimonials-card__person__designation">Aucun témoignage</span>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>
                    @endforelse
                </div>
            </div>
        </div>
    </div>
</section>
<section class="gallery-instagram @@extraClassName section-space-bottom">
    <div class="container-fluid">
        <div class="row">
            <div class="col-xl-2 col-lg-3 col-md-4 col-sm-6 wow fadeInUp" data-wow-duration="1500ms"
                data-wow-delay="00ms">
                <div class="gallery-instagram__image">
                    <img src="/frontassets/img/gallery/gallery-instagram-1-1.jpg" alt="gallery-instagram">
                    <a href="https://www.instagram.com/" class="gallery-instagram__image__link">
                        <span class="icon-instagram"></span>
                    </a>
                </div>
            </div>
            <div class="col-xl-2 col-lg-3 col-md-4 col-sm-6 wow fadeInUp" data-wow-duration="1500ms"
                data-wow-delay="200ms">
                <div class="gallery-instagram__image">
                    <img src="/frontassets/img/gallery/gallery-instagram-1-2.jpg" alt="gallery-instagram">
                    <a href="https://www.instagram.com/" class="gallery-instagram__image__link">
                        <span class="icon-instagram"></span>
                    </a>
                </div>
            </div>
            <div class="col-xl-2 col-lg-3 col-md-4 col-sm-6 wow fadeInUp" data-wow-duration="1500ms"
                data-wow-delay="400ms">
                <div class="gallery-instagram__image">
                    <img src="/frontassets/img/gallery/gallery-instagram-1-3.jpg" alt="gallery-instagram">
                    <a href="https://www.instagram.com/" class="gallery-instagram__image__link">
                        <span class="icon-instagram"></span>
                    </a>
                </div>
            </div>
            <div class="col-xl-2 col-lg-3 col-md-4 col-sm-6 wow fadeInUp" data-wow-duration="1500ms"
                data-wow-delay="600ms">
                <div class="gallery-instagram__image">
                    <img src="/frontassets/img/gallery/gallery-instagram-1-4.jpg" alt="gallery-instagram">
                    <a href="https://www.instagram.com/" class="gallery-instagram__image__link">
                        <span class="icon-instagram"></span>
                    </a>
                </div>
            </div>
            <div class="col-xl-2 col-lg-3 col-md-4 col-sm-6 wow fadeInUp" data-wow-duration="1500ms"
                data-wow-delay="800ms">
                <div class="gallery-instagram__image">
                    <img src="/frontassets/img/gallery/gallery-instagram-1-5.jpg" alt="gallery-instagram">
                    <a href="https://www.instagram.com/" class="gallery-instagram__image__link">
                        <span class="icon-instagram"></span>
                    </a>
                </div>
            </div>
            <div class="col-xl-2 col-lg-3 col-md-4 col-sm-6 wow fadeInUp" data-wow-duration="1500ms"
                data-wow-delay="1000ms">
                <div class="gallery-instagram__image">
                    <img src="/frontassets/img/gallery/gallery-instagram-1-6.jpg" alt="gallery-instagram">
                    <a href="https://www.instagram.com/" class="gallery-instagram__image__link">
                        <span class="icon-instagram"></span>
                    </a>
                </div>
            </div>
        </div>
    </div>
</section>






<section class="blog-one section-space-two">
    <div class="blog-one__bg" style="background-image: url(assets/img/bg_blog.jpg);"></div>
    <!-- /.blog-one__bg -->
    <div class="container">
        <div class="blog-one__top">
            <div class="row gutter-y-50 align-items-center">
                <div class="col-lg-8">
                    <div class="sec-title @@extraClassName">

    <h6 class="sec-title__tagline">actualités</h6>

    <h3 class="sec-title__title">Consultez nos<br> dernières publications</h3><!-- /.sec-title__title -->
</div><!-- /.sec-title -->


                </div><!-- /.col-lg-8 -->
                <div class="col-lg-4">
                    <div class="blog-one__top__button">
                        <a href="blog-grid-right.html" class="ecogranit-btn ecogranit-btn--border">
                            <span>VOIR TOUT</span>
                            <i class="icon-right-arrow"></i>
                        </a><!-- /.ecogranit-btn ecogranit-btn--border -->
                    </div><!-- /.blog-one__top__button -->
                </div><!-- /.col-lg-4 -->
            </div><!-- /.row -->
        </div><!-- /.blog-one__top -->
        <div class="row gutter-y-30">
            @forelse($blogs as $index => $blog)
            <div class="col-md-6 col-lg-4">
                <div class="blog-card wow fadeInUp" data-wow-duration='1500ms' data-wow-delay='{{ $index * 200 }}ms'>
                    <div class="blog-card__image">
                        <img src="{{ $blog->photo ? asset('storage/' . $blog->photo) : '/frontassets/images/blog/blog-1-1.jpg' }}" alt="{{ $blog->titre }}">
                        <a href="#" class="blog-card__image__link">
                            <span class="sr-only">{{ $blog->titre }}</span>
                        </a>
                    </div><!-- /.blog-card__image -->
                    <div class="blog-card__date">
                        <span class="blog-card__date__day">{{ $blog->created_at->format('d') }}</span>
                        <span class="blog-card__date__month">{{ $blog->created_at->translatedFormat('M') }}</span>
                    </div><!-- /.blog-card__date -->
                    <div class="blog-card__content">
                        <h3 class="blog-card__title">
                            <a href="#">{{ $blog->titre }}</a>
                        </h3><!-- /.blog-card__title -->
                        @if($blog->description)
                            <p class="blog-card__text">{{ Str::limit($blog->description, 80) }}</p>
                        @endif
                    </div><!-- /.blog-card__content -->
                    <ul class="list-unstyled blog-card__meta">
                        <li><a href="#"><i class="icon-user"></i> by Admin</a></li>
                        @if($blog->categorieblog)
                            <li><a href="#"><i class="icon-tag"></i> {{ $blog->categorieblog->titre }}</a></li>
                        @endif
                    </ul><!-- /.list-unstyled blog-card__meta -->
                </div><!-- /.blog-card -->
            </div><!-- /.col-md-6 col-lg-4 -->
            @empty
            <div class="col-md-6 col-lg-4">
                <div class="blog-card wow fadeInUp" data-wow-duration='1500ms' data-wow-delay='000ms'>
                    <div class="blog-card__image">
                        <img src="/frontassets/images/blog/blog-1-1.jpg" alt="Aucun article disponible">
                        <a href="#" class="blog-card__image__link">
                            <span class="sr-only">Aucun article disponible</span>
                        </a>
                    </div><!-- /.blog-card__image -->
                    <div class="blog-card__date">
                        <span class="blog-card__date__day">--</span>
                        <span class="blog-card__date__month">---</span>
                                        </div><!-- /.blog-card__date -->
                    <div class="blog-card__content">
                        <h3 class="blog-card__title">
                            <a href="#">Aucun article disponible</a>
                        </h3><!-- /.blog-card__title -->
                        <p class="blog-card__text">Aucun article de blog n'est actuellement disponible.</p>
                    </div><!-- /.blog-card__content -->
                    <ul class="list-unstyled blog-card__meta">
                        <li><a href="#"><i class="icon-user"></i> by Admin</a></li>
                    </ul><!-- /.list-unstyled blog-card__meta -->
                </div><!-- /.blog-card -->
            </div><!-- /.col-md-6 col-lg-4 -->
            @endforelse
        </div><!-- /.row -->
    </div><!-- /.container -->
</section><!-- /.blog-one section-space-two -->
<!-- blog end -->


<section class="projects-two projects-two--home section-space-bottom">
    <div class="container">
        <div class="sec-title sec-title--center">
    <h6 class="sec-title__tagline">Nos partenaires</h6>
    <h3 class="sec-title__title">Nos partenaires <br> depuis 20 ans</h3>
</div>


    </div>
    <div class="container-fluid">
    <div class="projects-two__carousel floens-owl__carousel floens-owl__carousel--basic-nav owl-theme owl-carousel"
        data-owl-options='{
        "items": 3,
        "margin": 30,
        "smartSpeed": 700,
        "loop": true,
        "autoWidth": true,
        "autoplay": true,
        "nav": true,
        "dots": false,
        "navText": ["<span class=\"icon-slide-left-arrow\"></span>","<span class=\"icon-slide-right-arrow\"></span>"]
        }'>
        @php
        $partenaires = \App\Models\Partenaire::where('pub', 1)->orderBy('ordre', 'desc')->get();
        @endphp
        @forelse($partenaires as $partenaire)
        <div class="item">
            <img src="{{ asset('storage/' . $partenaire->photo) }}" alt="{{ $partenaire->titre }}">
        </div>
        @empty
        <div class="item">
        <img src="/frontassets/img/part-1.jpg" alt="Modern Tiles">
            </div>
        <div class="item">
             <img src="/frontassets/img/part-2.jpg" alt="Modern Tiles">
        </div>
        <div class="item">
        <img src="/frontassets/img/part-3.jpg" alt="Modern Tiles">
        </div>
         <div class="item">
        <img src="/frontassets/img/part-4.jpg" alt="Modern Tiles">
        </div>
        @endforelse

    </div>
</div>
</section>

@endsection