@extends('layouts.front-layout')
@section('title') About Us @endsection
@section('content')
    <section class="main-slider innerBanner" id="mainSlider"style="background: url({{ pagesSingleImage('About', 'about_top_banner_image') }}) center/cover;">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <div class="slideOne">
                        <h1>{{$pageData['About']['about_top_banner_title']}}</h1>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="about">
        <div class="container">
            <div class="about__content">
                <h2 class="mainHeading">{{$pageData['About']['heading']}}</h2>
                {!! $pageData['About']['first_description'] ? : '' !!}

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

    <section class="teamSec teamSec--about">
        <div class="container">
            <h2 class="mainHeading text-center mb-4" data-aos="fade-up">{{$pageData['About']['sub_heading']}}</h2>
            <div class="row">
                <div class="col-md-4">
                    <div class="teamWrap" data-aos="fade-up">
                        <figure>
                            <img src="{{ pagesSingleImage('About', 'about_first_image') }}" class="img-fluid" alt="">
                        </figure>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="teamWrap" data-aos="fade-up">
                        <figure>
                            <img src="{{ pagesSingleImage('About', 'about_second_image') }}" class="img-fluid" alt="">
                        </figure>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="teamWrap" data-aos="fade-up">
                        <figure>
                            <img src="{{ pagesSingleImage('About', 'about_third_image') }}" class="img-fluid" alt="">
                        </figure>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection