@extends('layouts.front-layout')

@section('content')
    <div class="preLoader black">
        <img src="{{( isset($setting) && $setting->getFirstMediaUrl('logo') ?  $setting->getFirstMediaUrl('logo') : asset('upload/placeholder.png'))}}" alt="img">
    </div>
    <div class="preLoader white"></div>


    <section class="innerBaner">
        <img src="{{( isset($abouts) && $abouts->getFirstMediaUrl('about_top_banner_image') ?  $abouts->getFirstMediaUrl('about_top_banner_image') : asset('upload/placeholder.png'))}}
            " class="w-100" alt="img">
        <div class="container">
            <div class="content">
                <h2>About Us</h2>
{{--                <ul>--}}
{{--                    <li><a href="{{route('home')}}">Home</a></li>--}}
{{--                    <li><i class="far fa-long-arrow-alt-right"></i></li>--}}
{{--                    <li><span>About us</span></li>--}}
{{--                </ul>--}}
            </div>
        </div>
    </section>

    <section class="about-page">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-md-6">
                    <figure class="abt_img">
                        <img src="{{( isset($abouts) && $abouts->getFirstMediaUrl('about_first_image') ?  $abouts->getFirstMediaUrl('about_first_image') : asset('upload/placeholder.png'))}}
                            " class="img-fluid" alt="img">
                        <img src="{{( isset($abouts) && $abouts->getFirstMediaUrl('about_second_image') ?  $abouts->getFirstMediaUrl('about_second_image') : asset('upload/placeholder.png'))}}
                            " class="img-fluid abtpg1" alt="img">
                    </figure>
                </div>
                <div class="col-md-6">
                    <div class="aboutpg-content">
                        <!-- <h2 class="sub-heading">{{ $pageData['About']['sub_heading'] ?? '' }}</h2> -->
                        <h3 class="heading">{{ $pageData['About']['heading'] ?? '' }}</h3>
                        <p>{!!  $pageData['About']['first_description'] ?? '' !!}</p>

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


    <section class="cabinate-design">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-md-9">
                    <div class="cabinateContent">
                        <div data-aos="fade-up">
                            <span>{{ $pageData['Home']['custom_cabinate_heading'] ?? '' }}</span>
                        </div>
                        <h2 class="mainHeading text-white" data-aos="fade-up">{{ $pageData['Home']['custom_cabinate_sub_heading'] ?? '' }}</h2>
                        <p data-aos="fade-up" class="text-white">
                            {!!  $pageData['Home']['custom_cabinate_description'] ?? '' !!}
                        </p>
                        <div data-aos="fade-up">
                            <a href="javascript:;" class="themeBtn themeBtn1">Contact Us Now</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection