@extends('layouts.front-layout')
@section('title') {{ $pageData['About']['top_banner_title'] ?? '' }} @endsection
@section('content')
    <section class="inner-banner">
        <div class="container">
            <h2>{{ $pageData['About']['top_banner_title'] ?? '' }}</h2>
        </div>
    </section>

    <section class="about-main">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-md-6" data-aos="fade-right">
                    <figure>
                        <img src="{{ pagesSingleImage('About', 'about_second_image') }}" class="img-fluid" alt="img">
                    </figure>
                </div>
                <div class="col-md-6">
                    <div class="about-content" data-aos="fade-left">
                        <img src="{{ pagesSingleImage('About', 'about_first_image') }}" class="img-fluid" alt="img">
                        <h2>{{ $pageData['About']['heading'] ?? '' }}</h2>
                        <h3>{{ $pageData['About']['sub_heading'] ?? '' }}</h3>
                        {!!$pageData['About']['first_description'] ?? '' !!}
{{--                        <a href="#" class="themeBtn">Read More</a>--}}
                    </div>
                </div>
            </div>
        </div>
    </section>


    <section class="about-main abtpg-chose">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-md-6" data-aos="fade-right">
                    <div class="about-content">
                        <img src="{{ pagesSingleImage('Why Choose', 'why_choose_first_image') }}" class="img-fluid" alt="img">
                        <h2>{{ $pageData['Why Choose']['heading'] ?? '' }}</h2>
                        <h3>{{ $pageData['Why Choose']['sub_heading'] ?? '' }}</h3>
                        {!!$pageData['Why Choose']['first_description'] ?? '' !!}
{{--                        <a href="#" class="themeBtn">Read More</a>--}}
                    </div>
                </div>
                <div class="col-md-6" data-aos="fade-left">
                    <figure>
                        <img src="{{ pagesSingleImage('Why Choose', 'why_choose_second_image') }}" class="img-fluid" alt="img">
                    </figure>
                </div>
            </div>
        </div>
    </section>
@endsection