@extends('web.layouts.container')

@section('content')
{{--    <section class="main_text_section">--}}
{{--        <div class="container">--}}
{{--            <div class="row">--}}
{{--                <div class="col-lg-4">--}}
{{--                    <h4 class="sub_title text-white mb-4 text-uppercase mt-3">--}}
{{--                        <span class="icon me-3"> <img src="{{asset('assets/web/images/icon.svg')}}" alt=""> </span> <b class="color-dark"> {{__('main.about_us')}} </b>--}}
{{--                    </h4>--}}
{{--                </div>--}}
{{--                <div class="col-lg-6">--}}
{{--                    <div class="main_text">--}}
{{--                        <div class="fs-1 text text-capitalize">{{stripText($pages[0]['description_2'])}}</div>--}}
{{--                    </div>--}}
{{--                </div>--}}
{{--            </div>--}}
{{--        </div>--}}
{{--        <img src="{{asset('assets/web/images/pattern-3.png')}}" alt="" class="shap">--}}
{{--    </section>--}}
    <section class="about-cards about-cards2 section bg-light">
        <div class="container">
{{--            <div class="about_cards_slider mb-5">--}}
{{--                <div class="swiper-container">--}}
{{--                    <div class="swiper-wrapper">--}}
{{--                        @if(is_array($pages[0]['images']) &&count($pages[0]['images']))--}}
{{--                            @foreach($pages[0]['images'] as $images)--}}
{{--                                <div class="swiper-slide">--}}
{{--                                    <div class="img">--}}
{{--                                        <img src="{{asset($images)}}" alt="" class="sec-img border-0"/>--}}
{{--                                    </div>--}}
{{--                                </div>--}}
{{--                            @endforeach--}}
{{--                        @endif--}}
{{--                    </div>--}}
{{--                    <div class="swiper-pagination mb-4"></div>--}}
{{--                </div>--}}
{{--            </div>--}}
            <div class="row">
                <div class="col-lg-8 offset-lg-2 mb-4">
                    <div class="about_card card2 bg-babyBlue wow left_to_right_apperance no_scale border border-1">
                        <h1 class="title color-dark fw-bold mb-4">
                            <span class="num">01</span> <b>{{$pages[0]['title']}}</b>
                        </h1>
                        <p class="det">{!! $pages[0]['description'] !!}</p>
                    </div>
                </div>
                <div class="col-lg-8 offset-lg-4 mb-4">
                    <div class="about_card card2 bg-white wow left_to_right_apperance no_scale">
                        <h1 class="title text-white fw-bold mb-4">
                            <span class="num color-secondary">02</span> <b class="color-dark">{{$pages[1]['page_title']}}</b>
                        </h1>
                        <h6 class="sutitle fw-bold">{{$pages[1]['title']}}</h6>
                        {!! $pages[1]['description'] !!}
                    </div>
                </div>
                <div class="col-lg-8 offset-lg-2">
                    <div class="about_card card2 bg-babyBlue wow left_to_right_apperance no_scale border border-1">
                        <h1 class="title text-white fw-bold mb-4">
                            <span class="num color-primary">03</span> <b class="color-dark">{{$pages[2]['title']}}</b>
                        </h1>
                        {!! $pages[2]['description'] !!}
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Start about-video  -->
   {{-- <section class="about_video">
        <div class="container">
            <div class="content text-center">
                <h2 class="mb-5 fs-1 text-uppercase"> {{__('main.see_more_about_us')}} </h2>
                <a href="{{asset($pages[0]['meta']['video'])}}" class="icon" data-fancybox="vid">
                    <i class="al-play"></i>
                    <span class="float_icon mt-1 ms-1"> <i class="fas fa-play"></i> </span>
                </a>
            </div>
        </div>
    </section> --}}
@endsection

@section('inner_js')


@endsection