@extends('layouts.front-layout')
@section('title') About Us @endsection
@section('content')
    <section class="inner-banner p-0">
        <video class="inner-banner__video" autoplay muted loop playsinline>
            <source src="{{$setting->settingImage('home_top_banner_video') ?? ''}}" type="video/mp4">
        </video>
        <div class="container">
            <div class="inner-banner__content">
                <h1>{{$pageData['About']['heading'] ?? ''}} {{$pageData['About']['sub_heading'] ?? ''}}</h1>
            </div>
        </div>
        <figure class="inner-banner__bottom">
            <img src="{{ asset('upload/images/banner-shape.png') }}g" alt="image" class="img-fluid">
        </figure>
    </section>

    <section class="about-section">
        <div class="container">
            <div class="aboutbackgroud"style=" background: url({{ pagesSingleImage('About', 'about_second_image') ?? '' }})center/cover no-repeat;">
                <div class="row align-items-center justify-content-center">
                    <div class="col-md-11">
                        <div class="about-content" data-aos="fade-up">
                            <h2 class="mainHead">{{$pageData['About']['heading'] ?? ''}} <span> {{$pageData['About']['sub_heading'] ?? ''}}</span></h2>
                            {!! $pageData['About']['first_description'] ?? '' !!}
                            <a href="#" class="themeBtn">Read More</a>
                        </div>
                    </div>
                </div>
            </div>
            <figure class="about__img mt-5">
                <img src="upload/images/about1.webp" alt="image" class="img-fluid">
            </figure>
        </div>
    </section>


@endsection