@extends('layouts.front-layout')
@section('title') About @endsection
@section('content')
    <section class="innerBanner">
        <img src="upload/images/inerbg1.png" class="w-100" alt="img">
        <div class="overlay">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-md-6">
                        <h2>{{$pageData ['About']['top_banner_title'] ? : ''}}</h2>
                    </div>
                    <div class="col-md-6">
                        <img src="{{ pagesSingleImage('About', 'about_top_banner_image') }}" class="img-fluid heroGirl" alt="img">
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="aboutMain">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-md-6">
                    <figure><img src="{{ pagesSingleImage('About', 'about_first_image') }}" class="img-fluid" alt="img"></figure>
                </div>
                <div class="col-md-6">
                    <div class="aboutContent">
                        <h2 class="heading">{{$pageData ['About']['heading'] ? : ''}}</h2>
                        <h4 data-aos="fade-up">{{$pageData ['About']['sub_heading'] ? : ''}}</h4>
                        {!! $pageData ['About']['first_description'] ? : ''!!}

                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection