@extends('front.layout.app')
@section('content')

    <section class="innerbanner">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <h2>{{$page->name ?? ''}}</h2>
                </div>
            </div>
        </div>
    </section>


    <section class="about-sec about-page">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-md-6" data-aos="fade-right" data-duration="3000">
                    <figure class="about-img">
                        <img
                            src="{{!empty($pageData['about_side_image_one']) ? asset('uploads/pages/'.$pageData['about_side_image_one']) : ''}}"
                            class="img-fluid" alt="">
                    </figure>
                </div>
                <div class="col-md-6" data-aos="fade-left" data-duration="3000">
                    <div class="about-content">
                        <h3 class="subHead">
                            {{$pageData['about_header_one'] ?? ''}}</h3>
                        <h2 class="mainHead">{!! $pageData['about_header_two'] ?? '' !!}</h2>
                        <p>{!! $pageData['about_description_one'] ?? '' !!}</p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="partner-sec about-partner">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-md-6" data-aos="fade-right" data-duration="3000">
                    <div class="partner-content">
                        <h3 class="subHead">{{$pageData['about_sub_header_one'] ?? ''}}</h3>
                        <h4 class="subText">{{$pageData['about_sub_text'] ?? ''}}</h4>
                        <h2 class="mainHead">{!!  $pageData['about_main_header'] ?? '' !!}</h2>
                        <p>{!! $pageData['about_description_two'] ?? ''!!}</p>

                    </div>
                </div>
                <div class="col-md-6" data-aos="fade-left" data-duration="3000">
                    <figure class="partner-img">
                        <img
                            src="{{!empty($pageData['about_side_image_two']) ? asset('uploads/pages/'.$pageData['about_side_image_two']) : ''}}"
                            class="img-fluid" alt="">
                    </figure>
                </div>
            </div>
        </div>
    </section>

@endsection