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

    <!-- Begin: Main Slider -->
    <div class="innerBan">


        <img src= "{{( isset($about) && $about->getFirstMediaUrl('about_top_banner_image') ?  $about->getFirstMediaUrl('about_top_banner_image') : asset('upload/placeholder.png'))}}"" class="w-100" alt="">
        <div class="overlay">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-md-12">
                        <h2>{{ $pageData['About']['heading'] ?? '' }}</h2>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- End: Main Slider -->



    <section class="aboutPage">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-md-6">
                    <figure>

                        <img
                            src= "{{( isset($about) && $about->getFirstMediaUrl('about_first_section_image') ?  $about->getFirstMediaUrl('about_first_section_image') : asset('upload/placeholder.png'))}}"
                            class="img-fluid" alt="">
                    </figure>
                </div>
                <div class="col-md-6">
                    <div class="aboutcntnts">
                        <h3>{{ $pageData['About']['about_section_heading'] ?? '' }}</h3>
                        <h4>{{ $pageData['About']['about_section_sub_heading'] ?? '' }}</h4>
                        <p>{!! $pageData['About']['about_first_description'] ?? '' !!}</p>
                    </div>
                </div>
                <div class="col-md-12  mt-5">
                    <p>
                        {!! $pageData['About']['about_first_description'] ?? '' !!}</p>
                </div>

            </div>
            <div class="row align-items-center flex-row-reverse mt-5">
                <div class="col-md-6">
                    <figure>
                        <img
                            src= "{{( isset($about) && $about->getFirstMediaUrl('about_second_section_image') ?  $about->getFirstMediaUrl('about_second_section_image') : asset('upload/placeholder.png'))}}"
                            class="img-fluid" alt="">
                    </figure>
                </div>
                <div class="col-md-6">
                    <div class="aboutcntnts">
                        <h3>{{ $pageData['About']['about_second_section_heading'] ?? '' }}</h3>
                        <h4>{{ $pageData['About']['about_second_section_sub_heading'] ?? '' }}</h4>
                        <p>  {!! $pageData['About']['about_third_description'] ?? '' !!}</p>

                    </div>
                </div>
                <div class="col-md-12  mt-5">
                    <p>  {!! $pageData['About']['about_fourth_description'] ?? '' !!}</p>
                </div>

            </div>
        </div>
    </section>
    @include('front.includes.home-sell-sec')

@endsection