@extends('layout')

@section('page-title', 'About Us')

@section('content')
    <div class="rts__section page__hero__height page__hero__bg" style="background-image: url({{ asset("assets/images/pages/header__bg.webp") }});">
        <div class="container">
            <div class="row align-items-center justify-content-center">
                <div class="col-lg-12">
                    <div class="page__hero__content">
                        <h1 class="wow fadeInUp">About Us</h1>
                        <p class="wow fadeInUp font-sm">Welcome to {{ config("app.name") }}, where luxury meets comfort in the heart of canada.</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="rts__section about is__home__four section__padding">
        <div class="container">
            <div class="row g-4 align-items-center  ">
                <div class="col-lg-5">
                    <div class="about__images">
                        <div class="image__left wow fadeInUp">
                            <img height="474" width="450" src="{{ asset("assets/images/about/1.webp") }}" alt="">
                        </div>
                        <div class="image__right wow fadeInLeft">
                            <img width="365" height="385" src="{{ asset("assets/images/about/2.webp") }}" alt="">
                        </div>
                    </div>
                </div>
                <div class="col-lg-7">
                    <div class="about__content">
                        <span class="h6 subtitle__icon__two d-block wow fadeInUp">About Us</span>
                        <h2 class="font-xl wow fadeInUp">Welcome To Our {{ config("app.name") }} Hotel & Resort</h2>
                        <p class="font-sm mt-30 wow fadeInUp" data-wow-delay=".3s">
                            Welcome to {{ config("app.name") }}, where luxury meets comfort in the heart of canada. Since 1999,
                            we have been dedicated to providing an exceptional stay for our guests, blending
                            modern amenities with timeless elegance.Our beautifully designed rooms and suites
                            offer stunning views and plush accommodations, ensuring a restful retreat whether
                            you're here for business or leisure.
                        </p>
                        <div class="hotel__owner__sign mt-40 wow fadeInUp" data-wow-delay=".5s">
                            <img src="{{ asset("assets/images/about/sign.webp") }}" alt="sign">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="rts__section facility__area is__about has__background has__shape">
        <div class="section__shape wow fadeInRight" data-wow-delay=".5s">
            <img src="{{ asset("assets/images/pages/about-shape.svg") }}" alt="">
        </div>
        <div class="container">
            <div class="row g-5 align-items-center">
                <div class="col-lg-6">
                    <div class="facility__content">
                        <div class="section__content__left">
                            <span class="h6 subtitle__icon__two d-block wow fadeInUp">Facilities</span>
                            <h2 class="content__title h2 lh-1">Hotel Facilities</h2>
                        </div>
                        <div class="row mt-20 g-5 wow fadeInUp" data-wow-delay=".5s">
                            <div class="col-lg-6 col-md-6">
                                <div class="card rts__card no-border is__home__three">
                                    <div class="card-body">
                                        <div class="icon"><img src="{{ asset("assets/images/icon/bed.svg") }}" alt=""></div>
                                        <a href="#">
                                            <h6 class="card-title h6 mb-15">Rooms and Suites</h6>
                                        </a>
                                        <p class="card-text">Varied types of rooms, from standard to luxury suites, equipped with essentials like beds.</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-6 col-md-6">
                                <div class="card rts__card no-border is__home__three">
                                    <div class="card-body">
                                        <div class="icon"><img src="{{ asset("assets/images/icon/security.svg") }}" alt=""></div>
                                        <a href="#">
                                            <h6 class="card-title h6 mb-15">24-Hour Security</h6>
                                        </a>
                                        <p class="card-text">On-site security personnel and best surveillance. from standard to luxury suites,Secure storage for valuables.</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-6 col-md-6">
                                <div class="card rts__card no-border is__home__three">
                                    <div class="card-body">
                                        <div class="icon"><img src="{{ asset("assets/images/icon/gym.svg") }}" alt=""></div>
                                        <a href="#">
                                            <h6 class="card-title h6 mb-15">Fitness Center</h6>
                                        </a>
                                        <p class="card-text">Equipped with exercise machines and weights.Offering massages, facials, and other treatments.</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-6 col-md-6">
                                <div class="card rts__card no-border is__home__three">
                                    <div class="card-body">
                                        <div class="icon"><img src="{{ asset("assets/images/icon/gym.svg") }}" alt=""></div>
                                        <a href="#">
                                            <h6 class="card-title h6 mb-15">Swimming Pool</h6>
                                        </a>
                                        <p class="card-text">Indoor or outdoor pools for leisure or exercise.Offering massages, facials, and other treatments</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="facility__image jara-mask-3 jarallax">
                        <img height="765" width="605" class="jarallax-img" src="{{ asset("assets/images/about/facility.webp") }}" alt="">
                    </div>
                </div>
            </div>
        </div>
    </div>
    @include("home.partials.testimonial")
@endsection