@extends('website.layout.master')
@section('title', 'الرئيسية')
@section('content')
    <div class="container">
        <div class="header">
            <h3>Chat with the admin</h3>
            <ul>
                <li><a href="">Home </a></li>
                <li>/</li>


                <li>  Chat with the admin</li>
            </ul>
        </div>
    </div>
    </header>
    <!--  -->
    <div class="body-content">
        <div class="container">

            <div class="row mb-5  justify-content-center">

                <div class="col-12">
                    <div class="container">
                        <div class="ads">
                            <img class="img-fluid" src="{{ asset('web/img/ad-img.png') }}" alt="">
                        </div>
                    </div>
                    <!--  -->
                    <div class="clients">
                        <div class="container">

                            <div class="main-title center">
                                <h5>Our testimonials</h5>
                                <h2>What our clients say</h2>
                            </div>
                            <div class="owl-carousel owl-theme slider-item">
                                @foreach($testimonials as $testimonial)
                                    <div class="item">

                                        <div class="item-clients">
                                            <div class="ic-heade">
                                                <img src="{{ $testimonial->image_url }}" alt="">
                                                <div class="">
                                                    <h6>{{ $testimonial->name }}</h6>
                                                    <h5>{{ $testimonial->job	 }}</h5>
                                                </div>
                                            </div>
                                            <p>{!! $testimonial->description !!}</p>
                                            <ul>
                                                <li><img src="{{asset('web/img/star.svg')}}" alt=""></li>
                                                <li><img src="{{asset('web/img/star.svg')}}" alt=""></li>
                                                <li><img src="{{asset('web/img/star.svg')}}" alt=""></li>
                                                <li><img src="{{asset('web/img/star1.svg')}}" alt=""></li>
                                                <li><img src="{{asset('web/img/star1.svg')}}" alt=""></li>
                                            </ul>
                                        </div>
                                    </div>
                                @endforeach
                            </div>
                        </div>
                    </div>
                    <!--  -->
                </div>


            </div>
        </div>


    </div>
@stop