@extends('web.layouts.main')
@section('content') 


        <!-- Start Header -->
        <header class="header section">
        @foreach($banners as $banner)      
                    @foreach($banner->descriptions as $description3)

            <div class="container">
                <div class="row align-items-center">
                    <div class="col-lg-5">
                        <div class="txt_box">
                            <h1 class="title fw-bold">
                            {{__('home.company')}}  <span class="color-primary">{{__('home.tabweeb')}} </span>  {{__('home.technolgy')}} 
                            </h1>
                            <div class="p my-4 ">
                            {!!$description3->description !!}

                                <!-- {{__('home.tabweeb_notes-1')}}  -->
                            </div>
                            <a href="{{route('sendContact')}}" class="butn white_butn shadow mt-5"> 
                            {{$description3->btn_name }}
                            <!-- {{__('main.contact_us')}}   -->
                            
                            <img src="{{url('')}}/assets/web/images/icons/plan.svg" class="icon filterPrimary ms-2  " alt="" /> 


                            </a>
                        </div>
                    </div>
                    <div class="col-lg-7">
                        <!-- <img src="{{url('')}}/assets/web/images/header-1.svg" class="secImg headerImg" alt=""> -->
                        <img src="{{url('')}}/{{$banner->image }} " class="secImg headerImg" alt="">

                    </div>
                </div>
            </div>
            <div class="lines">
                <img src="{{url('')}}/assets/web/images/lines_wavy.png" class="lineImg secImg" alt="">
            </div>
            @endforeach
            @endforeach
        </header>
        <!-- Start section -->
        <section class="partners_sec section">
            <div class="container">
                <div class="swiper-container partners_swiper">

                    <div class="swiper-wrapper">
                    @foreach($Partners as $Partner)      
                    @foreach($Partner->photos as $photo)
                        <div class="swiper-slide">
                            <div class="partner_card">
                        
                           <img src="{{ $photo->image }}"class="logo" alt="" />
                    
                            </div>
                        </div>  
                        @endforeach          
                        @endforeach                  

                    </div>
                </div>
            </div>

            <!-- Arrows -->
            <div class="swiper-button-next"></div>
            <div class="swiper-button-prev"></div>

            <img src="images/pattern-1.svg" class="pattern" alt="" />
            <img src="images/pattern-2.svg" class="pattern2" alt="" />
        </section>

<!-- Start section -->
<section class="about_sec section">
 
            <div class="container">
                <div class="row align-items-center justify-content-around">
                    <div class="col-lg-6">
                        <div class="img_box">
                            <img src="{{url('')}}/assets/web/images/about-1.png" class="secImg" alt="" />
                        </div>
                    </div>
                    <div class="col-lg-5">
                        <div class="txt_box">
                        <h5 class="title_box"> {{__('main.about_us')}}  </h5>
                        <h2 class="title my-4 pt-2 fw-bold">
                        {{__('pages.about_title_1')}}   <span class="color-primary">  {{__('pages.about_title_2')}}  </span> 
                            </h2>
                            <div class="p">
                            {{__('home.tabweeb_notes-1')}} 
                            </div>
                            <div class="p">
                            {{__('home.tabweeb_notes-2')}} 
                            </div>
                            <a href="{{route('aboutUs.index')}}" class="butn white_butn shadow color-primary mt-5">
                            {{__('home.more')}} 
                        </a>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- Start section -->
        <!-- <section class="services_sec section"> -->
        <section class="services_sec section" id="our_services">  
            <div class="container">
                <h5 class="title_box mb-4">  {{__('home.our_services')}}   </h5>
                <h5 class="fs-4 fw-bold mb-5">{{__('home.our_services_total')}}  </h5>

                <div class="swiper-container services_swiper">

                    <div class="swiper-wrapper pb-5">
                    @foreach($services as $service)

                        <div class="swiper-slide">
                            <div class="serv_card">
                                <div class="d-flex justify-content-between align-items-center mb-5">
                                @foreach($service->descriptions as $description)


                                    <h5 class="title fw-bold"> {{ $description->name }}</h5>
                                    @endforeach


                                    <div class="icon_box"> <img src="{{url('')}}/{{$service->image ?? " "}}" class="icon" alt="" /> </div>
                                </div>
                                <a href="{{route('services.all')}}#our_services.{{ $service->id }}" class="more_butn"> 
                                    <span class="icon"><i class="fa-light fa-arrow-left-long"></i></span>  {{__('home.more')}}
                                </a>
                            </div>
                        </div>
                        @endforeach
                    </div>
                   
                </div>
            </div>
            <!-- Arrows -->
            <div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
        </section>

        <!-- Start section -->
        <section class="feedback_sec section  d-mob-none">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-lg-6">
                        <div class=" mb-5">
                            <h5 class="title_box mb-5"> {{__('home.clients_opinion')}}      </h5>
                            <h5 class="fs-2  fw-bold"> {{__('home.clients_opinion_said')}}       </h5>

                        </div>
                    </div>

                    <div class="col-lg-6">
                        <div class="box">
                            <div class="col-lg-10 ms-auto">
                                <div class="swiper-container feedback_swiper">
                                    <div class="swiper-wrapper">

                                   @foreach($clients as $client)
                                        <div class="swiper-slide">
                                            <div class="feeback_card">
                                                <div class="">
                                                <!-- {{ $loop->iteration."outer" }} -->
                                                @foreach($client->currentDescription as $descriptionn)
                                                <!-- {{ $loop->iteration."ineer" }} -->
                                                <div class="p">  {{ trim(strip_tags($descriptionn->description)) }} </div>
                                                <h5 class="name w-fit ms-auto mt-4">{{ $descriptionn->title }}</h5>

                                                    @endforeach
                                                </div>
                                            </div>
                                        </div>
                                        @endforeach
                                    

                                    </div>
                                </div>

                            </div>
                           
                        </div>
                    </div>
                </div>
                <!-- Arrows -->
                 <div class="arrows d-flex justify-content-center">
                    <div class="swiper-button-next"></div>
                    <div class="swiper-button-prev"></div>
                 </div>

            </div>
            <img src="{{url('')}}/assets/web/images/star.svg" class="star star1" alt="" />
            <img src="{{url('')}}/assets/web/images/star.svg" class="star star2" alt="" />

            <img src="{{url('')}}/assets/web/images/pattern-3.svg" class="pattern" alt="">
        </section>

        
@endsection