@extends('layouts.frontend.master')
@section('title') {{ $menu->transtitle }} @endsection
@section('keyword') {{ $menu->transkeywords }} @endsection
@section('description') {{ $menu->transdescription  }} @endsection
@section('content')
    @include('frontend.includes.breadcrumbs',['title'=> $menu->transtitle])

    <!-- about us area start -->
    <div class="rts-about-us-area rts-section-gap">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-7">
                    <div class="thumbnail" data-sal-delay="150" data-sal="slide-up" data-sal-duration="800">
                        <img src="{{ $about->getFirstMediaUrl('about_image') }}" alt="{{$about->transtitle ?? ''}}">
                    </div>
                </div>
                <div class="col-lg-5">
                    <div class="about-right-one-area">
                        <div class="title-area">
                            <span data-sal-delay="150" data-sal="slide-up" data-sal-duration="800">@lang('frontend.more_about_company')</span>
                            <h3 class="title" data-sal-delay="200" data-sal="slide-up" data-sal-duration="800">
                                {{$about->transtitle ?? ''}}
                            </h3>
                        </div>
                        <p class="disc" data-sal-delay="250" data-sal="slide-up" data-sal-duration="800">
                            {!! $about->transcontent !!}
                        </p>
                        <div class="button-area" data-sal-delay="300" data-sal="slide-up" data-sal-duration="800">
                            <a href="#" class="rts-btn btn-primary">@lang('frontend.about_more')</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- about us area end -->

    @if($testimonials->count() > 0)
        <!-- tart Customer feedback area -->
        <div class="rts-testimonial-area-one pb--120">
            <div class="bg-light-testimonial">
                <div class="container">
                    <div class="row mb--30">
                        <div class="col-12">
                            <div class="title-area-testi">
                                <div class="title-area text-start">
                                    <span data-sal-delay="150" data-sal="slide-up" data-sal-duration="800">@lang('frontend.our_testiminoals')</span>
                                    <h3 class="title" data-sal-delay="250" data-sal="slide-up" data-sal-duration="800">
                                        @lang('frontend.customer_feedbacks')</h3>
                                </div>
                                <div class="swiper-button-wrapper">
                                    <div class="swiper-button-next" tabindex="0" role="button" aria-label="Next slide"></div>
                                    <div class="swiper-button-prev" tabindex="0" role="button" aria-label="Previous slide"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-12">
                            <div class="slide-div">
                                <!-- Swiper -->
                                <div class="swiper testimonial-1">
                                    <div class="swiper-wrapper">
                                        @foreach($testimonials as $testimonial)
                                            <div class="swiper-slide">
                                                <div class="single-testimonial-one">
                                                    <div class="header-area">
                                                        <img src="{{ $testimonial->getFirstMediaUrl('testimonial_image','thumb-small') }}" alt="{{$testimonial->title}}">
                                                        <div class="name-desig">
                                                            <a href="#">
                                                                <h6>{{$testimonial->fullname}}</h6>
                                                            </a>
                                                            <p>{{$testimonial->profession}}</p>
                                                        </div>
                                                    </div>
                                                    <div class="body">
                                                        <p class="disc">
                                                            {{$testimonial->content}}
                                                        </p>
                                                    </div>
                                                    <div class="footer">
                                                        <div class="stars-area">
                                                            <ul>
                                                                <li><a href="#"><i class="fas fa-star"></i></a></li>
                                                                <li><a href="#"><i class="fas fa-star"></i></a></li>
                                                                <li><a href="#"><i class="fas fa-star"></i></a></li>
                                                                <li><a href="#"><i class="fas fa-star"></i></a></li>
                                                                <li><a href="#"><i class="fas fa-star"></i></a></li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        @endforeach
                                    </div>
                                </div>
                                <!-- swiper end -->
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- tart Customer feedback area End -->
    @endif
@endsection