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


    <main>

        <!-- Start Header -->
        <header class="header section ">
            <div class="swiper-container header_swiper">
                <div class="swiper-wrapper">
                    @foreach($sliders as $slider)
                    <div class="swiper-slide">
                        <div class="item">
                            <div class="container">
                                <div class="text_box">
                                    <h5 class="subtitle fs-4 color-primary fw-bold mb-4">
                                        {{$slider->first_title}}
                                    </h5>
                                    <h1 class="title text-white fw-bold mb-5">
                                        {{$slider->second_title}}
                                    </h1>
                                    <p class="det fs-5 text-white mb-5">
                                        {!! stripText($slider->description) !!}
                                    </p>
                                    @if($slider->button_url)
                                    <a target="_blank" href="{{$slider->button_url}}" class="butn primary_border_butn text-white">{{$slider->button_title}} </a>
                                    @endif
                                </div>
                            </div>
                            <img src="{{asset($slider->image)}}" class="bg" alt=""/>
                        </div>
                    </div>
                    @endforeach
                </div>
                <div class="swiper-button-next"></div>
                <div class="swiper-button-prev"></div>
            </div>
            <a href="#" class="down_link">
                <img src="{{url('')}}/assets/web/home/images/icons/down_arrow.svg" class="icon" alt="">
            </a>
        </header>

        <!-- Start section -->
        <section class="about_sec section pb-5">
            <div class="container">
                <div class="col-lg-10">
                    <div class="swiper-container about_swiper">
                        <div class="swiper-wrapper pb-4">
                            @foreach($photos as $row)
                            <div class="swiper-slide">
                                <img src="{{asset($row->photo)}}" class="sec-img wow slide_rtl" alt=""/>
                            </div>
                            @endforeach
                        </div>
                        <div class="swiper-pagination"></div>
                    </div>
                </div>
                <div class="col-lg-2">
                    <!-- Arrows -->
                    <div class="swiper-button-next"></div>
                    <div class="swiper-button-prev"></div>
                </div>
                <div class="logo_box d-flex align-items-center justify-content-center wow puff-in">
                    <img src="{{url('')}}/assets/web/home/images/logo2.svg" class="logo" alt="">
                </div>
                <div class="col-lg-8">
                    <div class="text_box mt-5 wow text-focus-in">
                        <h2 class="title d_none_sm fw-bold color-secondary mb-4">{{__('abouts.head')}}<img src="{{url('')}}/assets/web/home/images/icon2.svg" class="title_icon" alt=""/></h2>
                        <p class="p mb-4">
                            {{stripText($about->about_description)}}
                        </p>
                        <a href="{{route('aboutUs')}}" class="butn primary_border_butn px-5 py-3"> {{__('main.read_more')}}    </a>
                    </div>
                </div>
            </div>
        </section>

        <!-- Start section -->
        <section class="partners_sec section" id="partners">
            <div class="container">
                <div class="sec_heading">
                    <div class="row align-items-center wow slide_rtl">
                        <div class="col-lg-4 ">
                            <div class="head_box ">
                                <h2 class="title fw-bold text-white mb-4">  {{__('partners.head')}}     <img src="{{url('')}}/assets/web/home/images/icon2.svg" class="title_icon" alt=""/></h2>
                                <h4 class="title text-white">{{__('main.partner_we_proud')}}</h4>
                                <span class="line"></span>
                            </div>
                        </div>
                        <div class="col-lg-8">
                            <h1 class="bg_title"> {{__('partners.head')}} </h1>
                        </div>
                    </div>
                </div>
                <div class="swiper-container partners_swiper wow fadeInUp" data-wow-duration="1.5s">
                    <div class="swiper-wrapper py-5">
                        @foreach($partners as $row)
                        <div class="swiper-slide">
                            <div class="partner_card">
                                <img src="{{asset($row->image)}}" class="partner_logo" alt=""/>
                            </div>
                        </div>
                        @endforeach
                    </div>
                    <div class="swiper-pagination"></div>
                </div>
            </div>
        </section>
        
        <!-- Start section -->
        <section class="services_sec section">
            <div class="container">
                <div class="sec_heading">
                    <div class="row align-items-center wow slide_rtl">
                        <div class="col-lg-4">
                            <div class="head_box">
                                <h2 class="title fw-bold text-white mb-4"> {{__('services.head')}}   <img src="{{url('')}}/assets/web/home/images/icon2.svg" class="title_icon" alt=""/></h2>
                                <h4 class="title text-white">{{__('main.numerous_services')}}</h4>
                                <span class="line"></span>
                            </div>
                        </div>
                        <div class="col-lg-8">
                            <h1 class="bg_title mb-5">{{__('services.head')}}</h1>
                        </div>
                    </div>
                </div>
                <div class="swiper-container services_swiper wow fadeInUp" data-wow-duration="1.5s">
                    <div class="swiper-wrapper pb-5 pt-4">