@props(['data'])
@php
    $parent = reset($data);
    $child = array_values(array_slice($data, 1));

@endphp

@if(!empty($parent))

        <!--padding_zero-section -->
        <section style="margin-bottom: 120px"  class="ttm-row padding_zero-section bg-img5 clearfix" style="background-image: url('{{ asset('images/'. $parent['image']) }}')">
         <div class="container">
             <div class="row">
                 <div class="col-lg-6 ml-auto">
                     <div  class="ttm-bg ttm-col-bgimage-yes col-bg-img-eight ttm-bg ttm-col-bgcolor-yes ttm-bgcolor-skincolor margin_top80 res-991-margin_top15 mb_90 res-991-margin_bottom15" >
                         <div class="ttm-col-wrapper-bg-layer ttm-bg-layer" >
                             <div class="ttm-col-wrapper-bg-layer-inner"></div>
                         </div>
                         <div class="layer-content">
                             <div class="slick_slider" data-slick='{"slidesToShow": 1, "slidesToScroll": 1, "arrows":false, "autoplay":false, "dots":false, "infinite":true, "responsive":[{"breakpoint":992,"settings":{"slidesToShow": 1}},{"breakpoint":840,"settings":{"slidesToShow": 1}}]}'>
                                 <!-- testimonials -->
                                 @foreach($child as $value)
                                 <div class="testimonials ttm-testimonial-box-view-style3">
                                    <div class="testimonial-content">
                                        <blockquote class="testimonial-text">{{$value['title']}}</blockquote>
                                        
                                    </div>
                                </div><!-- testimonials end -->
                              @endforeach
                               
                       
                             </div>
                         </div>
                     </div>
                 </div>
             </div>
         </div>
     </section>
     <!--padding_zero-section end -->
     @endif