@extends('layouts.front-layout')
@section('title') About @endsection

@section('content')

    <!-- Begin: Main Slider -->
    <div class="innerBan">
        <img src="{{ pagesSingleImage('About', 'top_banner_image') }}" class="w-100" alt="">
        <div class="overlay">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-md-12">
{{--                        <h2>{{$pageData['About']['top_banner_title'] ?? ''}}</h2>--}}
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- End: Main Slider -->


    <section class="about-page">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-md-7">
                    <figure>
                        <img src="{{ pagesSingleImage('About', 'about_first_section_image') }}" class="img-fluid" alt="">
                    </figure>
                </div>
                <div class="col-md-5">
                    <div class="about-page-content">
                        <span class="smallHeading">{{$pageData['About']['about_section_heading'] ?? ''}}</span>
                        <h2 class="secHeading">{{$pageData['About']['about_section_sub_heading'] ?? ''}}</h2>
                        {!!$pageData['About']['about_first_description'] ?? ''!!}
                    </div>
                </div>
            </div>
            <div class="row align-items-center flex-row-reverse mt-4">
                <div class="col-md-7">
                    <figure>
                        <img src="{{ pagesSingleImage('About', 'about_second_section_image') }}" class="img-fluid" alt="">
                    </figure>
                </div>
                <div class="col-md-5">
                    <div class="about-page-content">
                        <span class="smallHeading">{{ $pageData['About']['about_second_section_heading'] ?? '' }}</span>
                        <h2 class="secHeading">{{ $pageData['About']['about_second_section_sub_heading'] ?? '' }}</h2>
                        {!!$pageData['About']['about_third_description'] ?? ''!!}
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection