@extends("Site.Layouts.blank")
@section ("content")

    <!-- *=*=*=*=*=*=*=*=*=* Section Banner *=*=*=*=*=*=*=*=*=* -->
    <div class="w-full relative overflow-x-hidden overflow-y-hidden">
        <img class="w-full    min-h-[320px] md:h-auto object-cover  " src="{{url($setting['Clients_page_banner'])}}" alt="banner">
        <div class="left_bottom-absolute  min-w-full">
            <div class="Banner_text-wrapper">
                <h1> @lang('site.Clients') </h1>
            </div>
        </div>
    </div>
    <br><br>
    <section class="w-11/12	 md:w-4/5 mx-auto">

        <div class="flex flex-wrap   justify-center  gap-y-8 ">
            @foreach($Clients as $client)
                <div class="w-[33%] md:w-1/4 center-by-flex">
                    <img src="{{$client->image}}" alt="{{$client->name}}" class="min-w-[55%]">
                </div>
            @endforeach
        </div>

{{--        {{$Clients->onEachSide(5)->links('pagination::tailwind')}}--}}
        <div class="text-center mx-auto table my-10">
            {{$Clients->onEachSide(5)->links('Site.paginator')}}
        </div>

    </section>


@endsection