@extends('layouts.app')

@section('title', "Témoignages clients - Maisons CBI")

@section('bodyClass', 'page-contact')


@section('extraHead')
    <link href="/js/lightboxed/lightboxed.css" rel="stylesheet" />
@endsection

@section('content')

<!--Inner Heading Start-->
<div class="innerHeading">
    <div class="container">
        <h1>Nos témoignages</h1>
    </div>
</div>
<!--Inner Heading End-->
<div class="innercontent wow fadeInUp">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <h3 class="text-center"><span class="red">Vous avez un projet de construction de maison ?</span><br><br>Nos conseillers restent disponibles pour vous accompagner.<br>Contactez-nous au <a class="yellow" href="tel:02 99 72 59 90" title="02 99 72 59 90">02 99 72 59 90</a> ou directement sur notre page <a class="yellow" href="{{ route('contact') }}" title="Contactez-nous">contact</a></h3><br><br>
                <p>Retrouvez les retours d’expérience de familles ayant fait construire avec Maisons CBI : leurs impressions, leurs défis, leur satisfaction. Ces témoignages authentiques illustrent notre engagement à vos côtés, du projet à la remise des clés.</p>
                <ul class="row">
                    @foreach ($contents as $content)
                    <!--col-lg-4 Start-->

                    @if (!empty($content['media']))
                    <li class="col-lg-4">
                        <div class="property_box wow fadeInUp">
                            <div class="propertyImg">
                                <a href="{{ route('testimonial-details', ['slug' => $content['slug']]) }}"><img {{--class="lightboxed" rel="testimonials"  data-link="https://pro.vitahome.fr/api/media/original/{{ $content['media']['id'] }}.jpg?token={{ env('VITAHOME_API_KEY') }}"--}} alt="" src="https://pro.vitahome.fr/api/media/crop/500-750-FFFFFF-center-center/{{ $content['media']['id'] }}.jpg?token={{ env('VITAHOME_API_KEY') }}"></a>
                            </div>
                            <h4>Avis {{$content['city']}}</h4>
                        </div>
                    </li>
                    @endif
                    <!--col-lg-4 End-->
                    @endforeach
                </ul>
            </div>
        </div>
    </div>
</div>

@endsection


@section('extraJs')
    <script src="/js/lightboxed/lightboxed.js"></script>
@endsection