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

    <main>

        <!-- Start Header -->
        <header class="header">
            <div class="swiper-container header_swiper">
                <div class="swiper-wrapper">
                    @foreach($sliders as $row)
                        <div class="swiper-slide">
                            <div class="item">
                                <div class="container">
                                    <h1  class="title mt-5 pt-5 fw-bold text-uppercase col-lg-5">
                                        {!! $row->title !!}
                                    </h1>
                                </div>
                                <img src="{{asset($row->image)}}" class="bg" alt="">
                            </div>
                        </div>
                    @endforeach
                </div>
                <div class="swiper-pagination pb-4"></div>
            </div>
        </header>

        <!-- Start section -->
        <section class="about_sec about_sec1  section">
            <div class="container-fluid ps-0">
                <div class="row align-items-center">
                    <div class="col-lg-7">
                        <div class="img_box">
                            <img src="{{asset($who_we->image)}}" class="secImg" alt="" >

                        </div>
                    </div>
                    <div class="col-lg-4">
                        <div class="txt_box wow text-focus-in">
                            <h5 class="subtitle fw-bold color-secondary text-uppercase mb-2">{!! $who_we->title !!}</h5>
                            <h1 class="title fw-bold color-primary mb-3">{!! $who_we->second_title !!}</h1>
                            <div class="p">
                                {!! $who_we->description !!}
                            </div>
                            @if($who_we->link)
                            <a href="{!! $who_we->link !!}" target="_blank" class="main_butn mt-4">
                                <span class="zi_5">{{__('web.learn_more')}}</span>
                            </a>
                            @endif
                        </div>
                    </div>
                </div>
            </div>

        </section>

        <!-- Start section -->
        <section class="services_sec section">
            <div class="container-fluid ps-0">
                <div class="row">
                    <div class="col-lg-4">
                        <div class="txt_box ">
                            <div class="wow text-focus-in">
                                <h5 class="subtitle fw-bold color-secondary text-uppercase mb-2">{!! $what_we->title !!}</h5>
                                <h1 class="title fw-bold color-primary mb-3">{!! $what_we->second_title !!}</h1>
                                <div class="p text-white">
                                    {!! $what_we->description !!}
                                </div>
                                @if($what_we->link)
                                <a href="{!! $what_we->link !!}" target="_blank" class="main_butn mt-4 text-white">
                                    <span class="zi_5">{{__('web.discover_more')}}</span>
                                </a>
                                @endif
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-8">
                        <div class="cards_box">
                            <div class="row">
                                @foreach($categories as $row)
                                    <div class="col-lg-3">
                                        <div class="serv_card wow fadeInUp slow">
                                            <img src="{{asset($row->image)}}" class="secImg" alt="" />
                                            <div class="txt_content">
                                                <h5 class="title fw-bold text-uppercase text-white">  {!! $row->title !!} </h5>
                                                <div class="p text-uppercase text-white">
                                                    {!! $row->description !!}
                                                </div>
                                                <a href="{{$row->link}}" class="more_butn fw-bold text-white"> {{__('web.discover_more')}} </a>
                                            </div>
                                        </div>
                                    </div>
                                @endforeach
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- Start section -->
        <section class="about_sec impact_sec section" id="impact">
            <div class="container-fluid ps-0">
                <div class="row align-items-center">
                    <div class="col-lg-7">
                        <div class="img_box ">
                            <img src="{{asset($impact->image)}}" class="secImg" alt="" >
                        </div>
                    </div>
                    <div class="col-lg-4 ps-lg-4">
                        <div class="txt_box wow text-focus-in">
                            <h5 class="subtitle fw-bold color-secondary text-uppercase mb-2">{!! $impact->title !!}</h5>
                            <h1 class="title fw-bold color-primary mb-3">{!! $impact->second_title !!}</h1>
                            <div class="p">
                                {!! $impact->description !!}
                            </div>
                            @if($impact->link)
                            <a href="{{$impact->link}}" target="_blank" class="main_butn mt-4">
                                <span class="zi_5">{{__('web.read_more')}}</span>
                            </a>
                            @endif
                        </div>
                    </div>
                </div>
            </div>

        </section>

        <!-- Start section -->
        <section class="projects_sec section" id="signature">
            <div class="container-fluid pe-0">
                <div class="row align-items-end">
                    <div class="col-lg-3">
                        <div class="txt_box wow text-focus-in mb-4 ps-0">
                            <h5 class="subtitle fw-bold color-secondary text-uppercase mb-2">{!! $signature->title !!}</h5>
                            <h1 class="title fw-bold color-primary mb-3">{!! $signature->second_title !!}</h1>
                            <div class="p">
                                {!! $signature->description !!}
                            </div>
                            <!--@if($signature->link)-->
                            <!--    <a href="{{$signature->link}}" target="_blank" class="main_butn mt-4">-->
                            <!--        <span class="zi_5">{{__('web.discover_more')}}</span>-->
                            <!--    </a>-->
                            <!--@endif-->
                        </div>
                    </div>
                    <div class="col-lg-9 ">
                        <div class="swiper-container proj_swiper">
                            <div class="swiper-wrapper">
                                @foreach($projects as $row)
                                    <div class="swiper-slide">
                                        <div class="item">
                                            <div class="col-lg-7">
                                                <div class="img_box">
                                                    <img src="{{asset($row->image)}}" class="secImg " alt="">
                                                </div>
                                            </div>
                                            <div class="col-lg-11 ms-auto">
                                                <div class="box ">
                                                    <div class="col-lg-6 ms-auto">
                                                        <img src="{{asset($row->logo)}}" class="logo_proj_1" alt="">
                                                    </div>
                                                    <div class="row mt-lg-5 align-items-center">
                                                        <div class="col-lg-3">
                                                            <div class="logo-side">
                                                                <img src="{{asset($row->category->logo)}}" class="logo_proj_2" alt="">
                                                                <span>{{$row->title ?? ""}}</span>
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-9">
                                                            <div class="p">
                                                                {!! $row->description !!}
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                @endforeach
                            </div>
                            <div class="arrows">
                                <div class="swiper-button-prev"></div>
                                <div class="swiper-button-next"></div>
                            </div>

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

        <!-- Start section -->
        <section class="features_sec section">
            <div class="container">
                <div class="row wow slide_ltr">
                    @foreach($numbers as $row)
                        <div class="col-lg-4 col-6">
                            <div class="item">
                                <img src="{{asset($row->image)}}" class="icon" alt="" />
                                <h6 class="title color-primary">
                                    {!! $row->title !!}
                                </h6>
                            </div>
                        </div>
                    @endforeach
                </div>
            </div>
        </section>

    </main>

@stop