@extends('web.layouts.container')

@section('content')
<main>
    <!-- Start pg-header -->
    <section class="pg-header section">
        <div class="container">
            <h1 class="title text-white text-uppercase fw-bold text-center">{{$pages[0]->currentDescription->page_title}}</h1>
        </div>
        <img src="{{ asset($pages[0]->image ?? 'assets/web/images/header-1.png')}}" alt="{{$pages[0]->currentDescription->page_title}}" class="bg"/>
    </section>

    <!-- Start services-pg -->
    <section class="services-pg section">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-6 px-0">
                    <img src="{{ asset($pages[0]->image ?? 'assets/web/images/header-1.png')}}" alt="" class="sec-img"/>
                </div>
                <div class="col-lg-6 px-0">
                    <div class="text_box">
                        <h1 class="title fw-bold mb-4 pb-2 text-uppercase">
                            {{-- About  <span class="color-primary line_prim">us.</span> --}}
                            {!! footerLink($pages[0]->currentDescription->title) !!}
                        </h1>
                        <div class="p">
                            {!! $pages[0]->currentDescription->description !!}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Start about-pg -->
    <section class="about-pg section py-0">
        <div class="text-box mt-0">
            <div class="container">
                <div class="p mb-0">
                    {!! $pages[1]->currentDescription->description !!}
                </div>
            </div>
        </div>
    </section>

    <!-- Start story-pg -->
    <section class="story-pg section">
        <div class="container">
            <div class="story_inner">
                <img src="{{ asset($pages[2]->image ?? 'assets/web/images/about-4.png')}}" alt="" class="sec-img"/>
                <div class="card-body p">
                    {!! $pages[2]->currentDescription->description !!}
                </div>
            </div>
        </div>
    </section>

    <!-- Start downloading-sec -->
    @include('web.layouts.downloading')
    
    <!-- Start contact-sec -->
    {{-- @include('web.layouts.contactus') --}}

</main>
@endsection

@section('inner_js')
@endsection