<div class="our-testimonials">
    <div class="container">
        <div class="row section-row">
            <div class="col-lg-12">
                <!-- Section Title Start -->
                <div class="section-title section-title-center">
                    <h3 class="wow fadeInUp">testimonials</h3>
                    <h2 class="text-anime-style-2" data-cursor="-opaque">Words of appreciation from <span>our customers</span></h2>
                </div>
                <!-- Section Title End -->
            </div>
        </div>

        <div class="row">
            <div class="col-lg-12">
                <!-- Testimonial Slider Start -->
                <div class="testimonial-slider">
                    <div class="swiper">
                        <div class="swiper-wrapper" >

                            @foreach ($reviews as $key => $data)

                            <!-- Testimonial Slide Start -->
                            <div class="swiper-slide" data-cursor-text="{{ $data->name }}request a quote">
                                <div class="testimonial-item">
                                    {{-- <div class="author-image">
                                        <figure class="image-anime">
                                            <img src="{{ asset('../website/images/author-1.jpg') }}" alt="">
                                        </figure>
                                    </div> --}}
                                    <div class="author-content">
                                        <div class="author-title">
                                            <h3>{{ $data->name }}</h3>
                                        </div>
                                        <div class="author-rating">
                                            @for ($i = 1; $i <= 5, $i <= $data->rating; $i++)
                                            <i class="fa-solid fa-star"></i>
                                            @endfor
                                        </div>
                                    </div>
                                    <div class="testimonial-content">
                                        <p>{{ $data->review }}</p>
                                    </div>
                                </div>
                            </div>
                            <!-- Testimonial Slide End -->

                            @endforeach



                        </div>
                        <div class="testimonial-btn">
                            <div class="testimonial-btn-prev"></div>
                            <div class="testimonial-btn-next"></div>
                        </div>
                    </div>
                </div>
                <!-- Testimonial Slider End -->
            </div>
        </div>
    </div>
</div>