<?php $__env->startSection('title', 'Index One'); ?>
<?php $__env->startSection('content'); ?>

    <!-- ============================ header area ================================== -->
    <?php echo $__env->make('frontend.includes.headers.headerOne', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?>
    <!-- ============================ header area end ================================== -->

    <div id="scrollSmoother-container">
        <section class="banner-area background-img position-relative z-1"
            data-background-image="<?php echo e(asset('assets/images/thumbs/banner-bg.jpg')); ?>">
            <div class="container">
                <div class="row align-items-center justify-content-between">
                    <div class="col-xl-8 col-lg-8">
                        <div class="position-relative z-2">
                            <h6 class="banner-subtitle tw-text-xl text-uppercase text-white tw-mb-9">Find unique homes in
                                vibrant places.</h6>
                            <h1 class="banner-title tw-text-29 text-white fw-normal tw-mb-10 tw-char-animation">Trusted
                                Hotels, Seamless Booking</h1>
                            <div class="d-flex align-items-center flex-wrap row-gap-3 tw-gap-13">
                                <div>
                                    <a class="tw-btn-hover-white bg-main-600 tw-py-5 tw-px-12 text-heading font-heading d-inline-flex align-items-center tw-gap-3 tw-rounded-lg"
                                        href="<?php echo e(route('contact')); ?>">Booking today <span class="d-inline-block lh-1 tw-text-lg"><i
                                                class="ph ph-arrow-up-right"></i></span></a>
                                </div>
                                <div class="">
                                    <div class="d-flex align-items-center tw-gap-2">
                                        <span class="tw-text-xl text-white font-heading">5.0</span>
                                        <ul class="d-flex tw-gap-1">
                                            <li class="text-white"><i class="ph-bold ph-star"></i></li>
                                            <li class="text-white"><i class="ph-bold ph-star"></i></li>
                                            <li class="text-white"><i class="ph-bold ph-star"></i></li>
                                            <li class="text-white"><i class="ph-bold ph-star"></i></li>
                                            <li class="text-white"><i class="ph-bold ph-star"></i></li>
                                        </ul>
                                    </div>
                                    <div>
                                        <p class="tw-text-xl text-white font-heading">From 2,000+ reviews</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-3 col-lg-3">
                        <div class="banner-play-button d-flex justify-content-end">
                            <a class="play-now-two play-button" href="https://www.youtube.com/watch?v=Fvae8nxzVz4"
                                data-fancybox="gallery" data-caption="">
                                <i class="ph-bold ph-play"></i>
                                <span class="ripple"></span>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <div class="checkout-area position-relative z-3 tw_fade_anim" data-delay=".3">
            <div class="container">
                <div class="checkout-bg bg-white tw-pt-11 tw-px-14 tw-pb-11 tw-rounded-md">
                    <div class="row">
                        <div class="col-xl-12">
                            <div class="checkout-main-wrapper">
                                <div class="checkout-wrapper d-flex flex-column">
                                    <label
                                        class="tw-text-sm fw-normal font-body d-flex align-content-center tw-gap-4 tw-mb-2"><span><img
                                                src="<?php echo e(asset('assets/images/icons/checkout-icon1.svg')); ?>" alt="icon"></span> select
                                        date</label>
                                    <div class="nice-select"><span class="current">Check In</span>
                                        <ul class="list">
                                            <li class="option">Check In</li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="checkout-wrapper d-flex flex-column">
                                    <label
                                        class="tw-text-sm fw-normal font-body d-flex align-content-center tw-gap-4 tw-mb-2"><span><img
                                                src="<?php echo e(asset('assets/images/icons/checkout-icon1.svg')); ?>" alt="icon"></span> select
                                        date</label>
                                    <div class="nice-select"><span class="current">Check Out</span>
                                        <ul class="list">
                                            <li class="option">Check Out</li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="checkout-wrapper d-flex flex-column">
                                    <label
                                        class="tw-text-sm fw-normal font-body d-flex align-content-center tw-gap-4 tw-mb-2"><span><img
                                                src="<?php echo e(asset('assets/images/icons/checkout-icon3.svg')); ?>" alt="icon"></span> Select
                                        room</label>
                                    <div class="nice-select"><span class="current">Rooms</span>
                                        <ul class="list">
                                            <li class="option">Rooms</li>
                                            <li class="option">01</li>
                                            <li class="option">02</li>
                                            <li class="option">03</li>
                                            <li class="option">04</li>
                                            <li class="option">05</li>
                                            <li class="option">06</li>
                                            <li class="option">07</li>
                                            <li class="option">08</li>
                                            <li class="option">09</li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="checkout-wrapper d-flex flex-column">
                                    <label
                                        class="tw-text-sm fw-normal font-body d-flex align-content-center tw-gap-4 tw-mb-2"><span><img
                                                src="<?php echo e(asset('assets/images/icons/checkout-icon4.svg')); ?>" alt="icon"></span> 1
                                        room, 1 adult, 0 child</label>
                                    <div class="nice-select"><span class="current">guests</span>
                                        <ul class="list">
                                            <li class="option">guests</li>
                                            <li class="option">1</li>
                                            <li class="option">2</li>
                                            <li class="option">3</li>
                                            <li class="option">4</li>
                                            <li class="option">5</li>
                                            <li class="option">6</li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="checkout-wrapper">
                                    <div class="checkout-button common-hover-yellow">
                                        <button
                                            class="tw-btn-hover-black bg-main-600 tw-py-5 tw-px-7 text-uppercase text-heading font-heading d-inline-flex align-items-center tw-gap-2 tw-rounded-lg">EXPLORE
                                            MORE <span class="d-inline-block lh-1 tw-text-lg"><i
                                                    class="ph ph-arrow-up-right"></i></span></button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="advance-area py-120 position-relative z-1">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-xl-11">
                        <div class="section-wrapper text-center tw-mb-14 tw_fade_anim">
                            <h6 class="section-subtitle tw-text-xl fw-medium text-uppercase tw-mb-4 text-main-600">Crafting
                                Memorable Experiences</h6>
                            <h2 class="section-title fw-normal tw-mb-7 tw-char-animation">We're Dedicated To Providing You
                                Unforgettable Experience. Whether You're Here For Business Or Leisure,</h2>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-xl-12">
                        <div class="advance-wrap tw_fade_anim">

                            <!-- item 1 -->
                            <div class="advance-item">
                                <div class="advance-thumb">
                                    <img src="<?php echo e(asset('assets/images/thumbs/advance-thumb1.jpg')); ?>" alt="thumb">
                                </div>
                                <div
                                    class="advance-content d-flex align-items-center justify-content-between flex-wrap tw-px-4 tw-py-4">
                                    <h6 class="tw-text-2xl fw-normal mb-0"><a href="<?php echo e(route('service.details')); ?>">Coxsbazar</a>
                                    </h6>
                                    <a class="advance-btn tw-w-10 tw-h-10 lh-1 d-inline-flex align-items-center justify-content-center rounded-circle text-heading hover-bg-main-600 hover-border-main-600 hover-text-heading"
                                        href="<?php echo e(route('service.details')); ?>"><span><i class="ph ph-arrow-right"></i></span></a>
                                </div>
                            </div>

                            <!-- item 2 -->
                            <div class="advance-item">
                                <div class="advance-thumb">
                                    <img src="<?php echo e(asset('assets/images/thumbs/advance-thumb2.jpg')); ?>" alt="thumb">
                                </div>
                                <div
                                    class="advance-content d-flex align-items-center justify-content-between flex-wrap tw-px-4 tw-py-4">
                                    <h6 class="tw-text-2xl fw-normal mb-0"><a href="<?php echo e(route('service.details')); ?>">Bandarban</a>
                                    </h6>
                                    <a class="advance-btn tw-w-10 tw-h-10 lh-1 d-inline-flex align-items-center justify-content-center rounded-circle text-heading hover-bg-main-600 hover-border-main-600 hover-text-heading"
                                        href="<?php echo e(route('service.details')); ?>"><span><i class="ph ph-arrow-right"></i></span></a>
                                </div>
                            </div>

                            <!-- item 3 -->
                            <div class="advance-item">
                                <div class="advance-thumb">
                                    <img src="<?php echo e(asset('assets/images/thumbs/advance-thumb3.jpg')); ?>" alt="thumb">
                                </div>
                                <div
                                    class="advance-content d-flex align-items-center justify-content-between flex-wrap tw-px-4 tw-py-4">
                                    <h6 class="tw-text-2xl fw-normal mb-0"><a href="<?php echo e(route('service.details')); ?>">sylhet</a></h6>
                                    <a class="advance-btn tw-w-10 tw-h-10 lh-1 d-inline-flex align-items-center justify-content-center rounded-circle text-heading hover-bg-main-600 hover-border-main-600 hover-text-heading"
                                        href="<?php echo e(route('service.details')); ?>"><span><i class="ph ph-arrow-right"></i></span></a>
                                </div>
                            </div>

                            <!-- item 4 -->
                            <div class="advance-item">
                                <div class="advance-thumb">
                                    <img src="<?php echo e(asset('assets/images/thumbs/advance-thumb4.jpg')); ?>" alt="thumb">
                                </div>
                                <div
                                    class="advance-content d-flex align-items-center justify-content-between flex-wrap tw-px-4 tw-py-4">
                                    <h6 class="tw-text-2xl fw-normal mb-0"><a href="<?php echo e(route('service.details')); ?>">Cumilla</a></h6>
                                    <a class="advance-btn tw-w-10 tw-h-10 lh-1 d-inline-flex align-items-center justify-content-center rounded-circle text-heading hover-bg-main-600 hover-border-main-600 hover-text-heading"
                                        href="<?php echo e(route('service.details')); ?>"><span><i class="ph ph-arrow-right"></i></span></a>
                                </div>
                            </div>

                            <!-- item 5 -->
                            <div class="advance-item">
                                <div class="advance-thumb">
                                    <img src="<?php echo e(asset('assets/images/thumbs/advance-thumb5.jpg')); ?>" alt="thumb">
                                </div>
                                <div
                                    class="advance-content d-flex align-items-center justify-content-between flex-wrap tw-px-4 tw-py-4">
                                    <h6 class="tw-text-2xl fw-normal mb-0"><a href="<?php echo e(route('service.details')); ?>">Dhaka</a></h6>
                                    <a class="advance-btn tw-w-10 tw-h-10 lh-1 d-inline-flex align-items-center justify-content-center rounded-circle text-heading hover-bg-main-600 hover-border-main-600 hover-text-heading"
                                        href="<?php echo e(route('service.details')); ?>"><span><i class="ph ph-arrow-right"></i></span></a>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
        <section class="offer-area pb-120">
            <div class="container">
                <div class="row">
                    <div class="col-xl-11">
                        <div class="section-wrapper tw-mb-14 tw_fade_anim">
                            <h6 class="section-subtitle tw-text-xl fw-medium text-uppercase tw-mb-4 text-main-600">
                                Committed to Excellence</h6>
                            <h2 class="section-title fw-normal tw-mb-7 tw-char-animation">Get Our Special Offer</h2>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-xl-4 col-lg-6 col-md-6">
                        <div class="offer-wrapper overflow-hidden tw-mb-7 tw_fade_anim" data-delay=".3">
                            <div class="position-relative z-1">
                                <a href="<?php echo e(route('destination.details')); ?>"><img src="<?php echo e(asset('assets/images/thumbs/offer-thumb1.jpg')); ?>"
                                        alt="thumb"></a>
                                <div class="offer-title">
                                    <h4 class="offer-title-inner tw-text-8 fw-normal">Family Escape Package</h4>
                                </div>
                                <div class="offer-tag">
                                    <span class="bg-main-600 text-heading fw-medium">save 30%</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-4 col-lg-6 col-md-6">
                        <div class="offer-wrapper active overflow-hidden tw-mb-7 tw_fade_anim" data-delay=".5">
                            <div class="position-relative z-1">
                                <a href="<?php echo e(route('destination.details')); ?>"><img src="<?php echo e(asset('assets/images/thumbs/offer-thumb2.jpg')); ?>"
                                        alt="thumb"></a>
                                <div class="offer-title">
                                    <h4 class="offer-title-inner tw-text-8 fw-normal">Romantic Couple Retreat</h4>
                                </div>
                                <div class="offer-tag">
                                    <span class="bg-main-600 text-heading fw-medium">save 30%</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-4 col-lg-6 col-md-6">
                        <div class="offer-wrapper overflow-hidden tw-mb-7 tw_fade_anim" data-delay=".7">
                            <div class="position-relative z-1">
                                <a href="<?php echo e(route('destination.details')); ?>"><img src="<?php echo e(asset('assets/images/thumbs/offer-thumb3.jpg')); ?>"
                                        alt="thumb"></a>
                                <div class="offer-title">
                                    <h4 class="offer-title-inner tw-text-8 fw-normal">Honeymoon Special</h4>
                                </div>
                                <div class="offer-tag">
                                    <span class="bg-main-600 text-heading fw-medium">save 30%</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <section class="feature-area pt-120 bg-main-300">
            <div class="container tw-container-1630-px">
                <div class="row justify-content-center">
                    <div class="col-xl-8 col-lg-9 col-md-9">
                        <div class="section-wrapper text-center tw-mb-14 tw_fade_anim">
                            <h6 class="section-subtitle tw-text-xl fw-medium text-uppercase tw-mb-4 text-main-600">
                                Dedicated to Your Comfort</h6>
                            <h2 class="section-title fw-normal tw-mb-7 tw-char-animation">World-class Amenities To Elevate
                                Your Stayed Experience</h2>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-xl-12">
                        <div class="feature-wrapper d-flex align-items-center tw-gap-7 tw_fade_anim">

                            <!-- Item 1 -->
                            <div
                                class="feature-item bg-white tw-rounded-xl tw-p-8 tw-pt-14 tw-pe-20 border border-neutral">
                                <div class="feature-icon tw-mb-15">
                                    <span class="tw-h-26"><img class="tw-transition"
                                            src="<?php echo e(asset('assets/images/icons/feature-icon1.svg')); ?>" alt="icon"></span>
                                </div>
                                <div>
                                    <h4 class="tw-text-2xl fw-normal">Rooftop Lounge facilities</h4>
                                </div>
                            </div>

                            <!-- Item 2 -->
                            <div
                                class="feature-item bg-white tw-rounded-xl tw-p-8 tw-pt-14 tw-pe-20 border border-neutral">
                                <div class="feature-icon tw-mb-15">
                                    <span class="tw-h-26"><img class="tw-transition"
                                            src="<?php echo e(asset('assets/images/icons/feature-icon2.svg')); ?>" alt="icon"></span>
                                </div>
                                <div>
                                    <h4 class="tw-text-2xl fw-normal">Picnic Area with BBQ Facilities</h4>
                                </div>
                            </div>

                            <!-- Item 3 -->
                            <div
                                class="feature-item active bg-white tw-rounded-xl tw-p-8 tw-pt-14 tw-pe-20 border border-neutral">
                                <div class="feature-icon tw-mb-15">
                                    <span class="tw-h-26"><img class="tw-transition"
                                            src="<?php echo e(asset('assets/images/icons/feature-icon3.svg')); ?>" alt="icon"></span>
                                </div>
                                <div>
                                    <h4 class="tw-text-2xl fw-normal">Outdoor Badminton</h4>
                                </div>
                            </div>

                            <!-- Item 4 -->
                            <div
                                class="feature-item bg-white tw-rounded-xl tw-p-8 tw-pt-14 tw-pe-20 border border-neutral">
                                <div class="feature-icon tw-mb-15">
                                    <span class="tw-h-26"><img class="tw-transition"
                                            src="<?php echo e(asset('assets/images/icons/feature-icon4.svg')); ?>" alt="icon"></span>
                                </div>
                                <div>
                                    <h4 class="tw-text-2xl fw-normal">Children’s Playground</h4>
                                </div>
                            </div>

                            <!-- Item 5 -->
                            <div
                                class="feature-item bg-white tw-rounded-xl tw-p-8 tw-pt-14 tw-pe-20 border border-neutral">
                                <div class="feature-icon tw-mb-15">
                                    <span class="tw-h-26"><img class="tw-transition"
                                            src="<?php echo e(asset('assets/images/icons/feature-icon5.svg')); ?>" alt="icon"></span>
                                </div>
                                <div>
                                    <h4 class="tw-text-2xl fw-normal">Live Music or Cultural Dance</h4>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </section>
        <section class="package-area py-120">
            <div class="container-fluid">
                <div class="row justify-content-center">
                    <div class="col-xl-7">
                        <div class="section-wrapper text-center tw-mb-14 tw_fade_anim">
                            <h6 class="section-subtitle tw-text-xl fw-medium text-uppercase tw-mb-4 text-main-600">Where
                                Luxury Meets Warmth</h6>
                            <h2 class="section-title fw-normal tw-mb-7 tw-char-animation">Discover Exclusive Hotel Packages
                                For Every Taste & Occasion</h2>
                        </div>
                    </div>
                </div>
                <div class="row justify-content-center">
                    <div class="col-xl-12">
                        <div class="package-wrapper d-flex justify-content-center tw-gap-4 tw-mb-17">
                            <div class="package-thumb tw-mb-4 tw-rounded-xl overflow-hidden position-relative z-1 tw_fade_anim"
                                data-delay=".3">
                                <a href="<?php echo e(route('destination.details')); ?>"><img class="tw-rounded-xl w-100 h-100 object-fit-cover"
                                        src="<?php echo e(asset('assets/images/thumbs/package-thumb1.jpg')); ?>" alt="thumb"></a>
                                <div class="package-price bg-main-600 tw-p-6 position-absolute start-0 top-0">
                                    <span class="tw-text-8 font-heading fw-normal text-heading">$99</span>
                                    <p class="font-heading tw-text-5 fw-normal text-capitalize text-heading">per night</p>
                                </div>
                                <div class="package-content position-absolute start-0 bottom-0 tw-mx-10 tw-mb-14">
                                    <h4 class="package-title tw-text-8 fw-normal text-white tw-mb-8"><a
                                            href="<?php echo e(route('destination.details')); ?>">Premier Oceanview Villa <br> Fxcv</a></h4>
                                    <div class="package-list">
                                        <ul class="d-flex">
                                            <li class="font-heading text-white fw-medium tw-text-xl text-capitalize">4
                                                guest</li>
                                            <li class="font-heading text-white fw-medium tw-text-xl text-capitalize">
                                                <span><img src="<?php echo e(asset('assets/images/icons/package-list-icon1.svg')); ?>"
                                                        alt="icon"></span> 2 beds</li>
                                            <li class="font-heading text-white fw-medium tw-text-xl text-capitalize">
                                                <span><img src="<?php echo e(asset('assets/images/icons/package-list-icon1.svg')); ?>"
                                                        alt="icon"></span> 400m2</li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="tw_fade_anim" data-delay=".5">
                                <div class="package-wrap d-flex tw-gap-4">
                                    <div class="package-thumb tw-mb-4 tw-rounded-xl overflow-hidden position-relative z-1">
                                        <a href="<?php echo e(route('destination.details')); ?>"><img
                                                class="tw-rounded-xl w-100 h-100 object-fit-cover"
                                                src="<?php echo e(asset('assets/images/thumbs/package-thumb2.jpg')); ?>" alt="thumb"></a>
                                        <div class="package-price bg-main-600 tw-p-6 position-absolute start-0 top-0">
                                            <span class="tw-text-8 font-heading fw-normal text-heading">$99</span>
                                            <p class="font-heading tw-text-5 fw-normal text-capitalize text-heading">per
                                                night</p>
                                        </div>
                                        <div class="package-content position-absolute start-0 bottom-0 tw-mx-10 tw-mb-14">
                                            <h4 class="package-title tw-text-8 fw-normal text-white tw-mb-8"><a
                                                    href="<?php echo e(route('destination.details')); ?>">Luxury Seaside Villa</a></h4>
                                            <div class="package-list">
                                                <ul class="d-flex">
                                                    <li
                                                        class="font-heading text-white fw-medium tw-text-xl text-capitalize">
                                                        4 guest</li>
                                                    <li
                                                        class="font-heading text-white fw-medium tw-text-xl text-capitalize">
                                                        <span><img src="<?php echo e(asset('assets/images/icons/package-list-icon1.svg')); ?>"
                                                                alt="icon"></span> 2 beds</li>
                                                    <li
                                                        class="font-heading text-white fw-medium tw-text-xl text-capitalize">
                                                        <span><img src="<?php echo e(asset('assets/images/icons/package-list-icon1.svg')); ?>"
                                                                alt="icon"></span> 400m2</li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="package-thumb tw-mb-4 tw-rounded-xl overflow-hidden position-relative z-1">
                                        <a href="<?php echo e(route('destination.details')); ?>"><img
                                                class="tw-rounded-xl w-100 h-100 object-fit-cover"
                                                src="<?php echo e(asset('assets/images/thumbs/package-thumb3.jpg')); ?>" alt="thumb"></a>
                                        <div class="package-price bg-main-600 tw-p-6 position-absolute start-0 top-0">
                                            <span class="tw-text-8 font-heading fw-normal text-heading">$99</span>
                                            <p class="font-heading tw-text-5 fw-normal text-capitalize text-heading">per
                                                night</p>
                                        </div>
                                        <div class="package-content position-absolute start-0 bottom-0 tw-mx-10 tw-mb-14">
                                            <h4 class="package-title tw-text-8 fw-normal text-white tw-mb-8"><a
                                                    href="<?php echo e(route('destination.details')); ?>">Elite Oceanfront Retreat</a></h4>
                                            <div class="package-list">
                                                <ul class="d-flex">
                                                    <li
                                                        class="font-heading text-white fw-medium tw-text-xl text-capitalize">
                                                        4 guest</li>
                                                    <li
                                                        class="font-heading text-white fw-medium tw-text-xl text-capitalize">
                                                        <span><img src="<?php echo e(asset('assets/images/icons/package-list-icon1.svg')); ?>"
                                                                alt="icon"></span> 2 beds</li>
                                                    <li
                                                        class="font-heading text-white fw-medium tw-text-xl text-capitalize">
                                                        <span><img src="<?php echo e(asset('assets/images/icons/package-list-icon1.svg')); ?>"
                                                                alt="icon"></span> 400m2</li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="package-wrap d-flex tw-gap-5">
                                    <div class="package-thumb tw-mb-4 tw-rounded-xl overflow-hidden position-relative z-1">
                                        <a href="<?php echo e(route('destination.details')); ?>"><img
                                                class="tw-rounded-xl w-100 h-100 object-fit-cover"
                                                src="<?php echo e(asset('assets/images/thumbs/package-thumb4.jpg')); ?>" alt="thumb"></a>
                                        <div class="package-price bg-main-600 tw-p-6 position-absolute start-0 top-0">
                                            <span class="tw-text-8 font-heading fw-normal text-heading">$99</span>
                                            <p class="font-heading tw-text-5 fw-normal text-capitalize text-heading">per
                                                night</p>
                                        </div>
                                        <div class="package-content position-absolute start-0 bottom-0 tw-mx-10 tw-mb-14">
                                            <h4 class="package-title tw-text-8 fw-normal text-white tw-mb-8"><a
                                                    href="<?php echo e(route('destination.details')); ?>">Signature Coastal Villa</a></h4>
                                            <div class="package-list">
                                                <ul class="d-flex">
                                                    <li
                                                        class="font-heading text-white fw-medium tw-text-xl text-capitalize">
                                                        4 guest</li>
                                                    <li
                                                        class="font-heading text-white fw-medium tw-text-xl text-capitalize">
                                                        <span><img src="<?php echo e(asset('assets/images/icons/package-list-icon1.svg')); ?>"
                                                                alt="icon"></span> 2 beds</li>
                                                    <li
                                                        class="font-heading text-white fw-medium tw-text-xl text-capitalize">
                                                        <span><img src="<?php echo e(asset('assets/images/icons/package-list-icon1.svg')); ?>"
                                                                alt="icon"></span> 400m2</li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="package-thumb tw-mb-4 tw-rounded-xl overflow-hidden position-relative z-1">
                                        <a href="<?php echo e(route('destination.details')); ?>"><img
                                                class="tw-rounded-xl w-100 h-100 object-fit-cover"
                                                src="<?php echo e(asset('assets/images/thumbs/package-thumb5.jpg')); ?>" alt="thumb"></a>
                                        <div class="package-price bg-main-600 tw-p-6 position-absolute start-0 top-0">
                                            <span class="tw-text-8 font-heading fw-normal text-heading">$99</span>
                                            <p class="font-heading tw-text-5 fw-normal text-capitalize text-heading">per
                                                night</p>
                                        </div>
                                        <div class="package-content position-absolute start-0 bottom-0 tw-mx-10 tw-mb-14">
                                            <h4 class="package-title tw-text-8 fw-normal text-white tw-mb-8"><a
                                                    href="<?php echo e(route('destination.details')); ?>">Exclusive Oceanview Escape</a></h4>
                                            <div class="package-list">
                                                <ul class="d-flex">
                                                    <li
                                                        class="font-heading text-white fw-medium tw-text-xl text-capitalize">
                                                        4 guest</li>
                                                    <li
                                                        class="font-heading text-white fw-medium tw-text-xl text-capitalize">
                                                        <span><img src="<?php echo e(asset('assets/images/icons/package-list-icon1.svg')); ?>"
                                                                alt="icon"></span> 2 beds</li>
                                                    <li
                                                        class="font-heading text-white fw-medium tw-text-xl text-capitalize">
                                                        <span><img src="<?php echo e(asset('assets/images/icons/package-list-icon1.svg')); ?>"
                                                                alt="icon"></span> 400m2</li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-xl-12">
                        <div class="text-center">
                            <a class="tw-btn-hover-black bg-main-600 tw-py-5 tw-px-12 text-uppercase text-heading font-heading d-inline-flex align-items-center tw-gap-2 tw-rounded-lg"
                                href="<?php echo e(route('destination.details')); ?>">EXPLORE MORE <span
                                    class="d-inline-block lh-1 tw-text-lg"><i class="ph ph-arrow-up-right"></i></span></a>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <section class="pb-120">
            <div class="container">
                <div class="border-bottom border-neutral-200 tw-mb-11">
                    <div class="row align-items-center justify-content-between">
                        <div class="col-xl-8 col-lg-8">
                            <div class="section-wrapper tw-mb-14 tw_fade_anim" data-delay=".3">
                                <h6 class="section-subtitle tw-text-xl fw-medium text-uppercase tw-mb-4 text-main-600">
                                    Driven by Service, Inspired by You</h6>
                                <h2 class="section-title fw-normal tw-mb-7 tw-char-animation">We Don’t Just Manage Rooms –
                                    We Tell Jokes, Drink Coffee, And Dance When No One’s Watching!</h2>
                            </div>
                        </div>
                        <div class="col-xl-3 col-lg-3">
                            <div class="counter-right bg-main-600 rounded-circle lh-1 d-inline-flex align-items-center justify-content-center flex-column tw_fade_anim"
                                data-delay=".5">
                                <h6 class="tw-text-7 fw-normal tw-mb-2">Sophie Graham</h6>
                                <p>Chief Sustainability Officer</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="container">
                <div class="row">
                    <div class="col-xl-4 col-lg-6 col-md-6 col-sm-6">
                        <div class="counter-wrap tw-mb-8 tw_fade_anim" data-delay=".3">
                            <div class="counter-content">
                                <span class="tw-text-xl fw-medium text-heading font-heading tw-mb-10">Clients</span>
                                <h2
                                    class="counter-title fw-semibold font-heading text-main-600 tw-text-23 fw-normal tw-mb-6">
                                    <span class="purecounter" data-purecounter-duration="1"
                                        data-purecounter-end="1"></span>.5k</h2>
                                <p class="counter-paragraph tw-text-lg fw-medium">satisfied Client’s have trusted us <br>
                                    with their cyber security need</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-4 col-lg-6 col-md-6 col-sm-6">
                        <div class="counter-wrap tw-mb-8 tw_fade_anim" data-delay=".5">
                            <div class="counter-content">
                                <span class="tw-text-xl fw-medium text-heading font-heading tw-mb-10">Team Member</span>
                                <h2
                                    class="counter-title fw-semibold font-heading text-main-600 tw-text-23 fw-normal tw-mb-6">
                                    <span class="purecounter" data-purecounter-duration="1"
                                        data-purecounter-end="150"></span>+</h2>
                                <p class="counter-paragraph tw-text-lg fw-medium">satisfied Client’s have trusted us <br>
                                    with their cyber security need</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-4 col-lg-6 col-md-6 col-sm-6">
                        <div class="counter-wrap tw-mb-8 tw_fade_anim" data-delay=".7">
                            <div class="counter-content">
                                <span class="tw-text-xl fw-medium text-heading font-heading tw-mb-10">Success</span>
                                <h2
                                    class="counter-title fw-semibold font-heading text-main-600 tw-text-23 fw-normal tw-mb-6">
                                    <span class="purecounter" data-purecounter-duration="1"
                                        data-purecounter-end="96"></span>%</h2>
                                <p class="counter-paragraph tw-text-lg fw-medium">satisfied Client’s have trusted us <br>
                                    with their cyber security need</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>





        <section class="about-area">
            <div class="container">
                <div class="row">
                    <div class="col-xl-5 col-lg-8">
                        <div class="about-thumb position-relative z-1 tw_fade_anim" data-delay=".3">
                            <div>
                                <img src="<?php echo e(asset('assets/images/thumbs/about-thumb1.jpg')); ?>" alt="thumb">
                            </div>
                            <div class="about-thumb-2 position-absolute ">
                                <img src="<?php echo e(asset('assets/images/thumbs/about-thumb2.jpg')); ?>" alt="thumb">
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-7">
                        <div class="about-wrapper tw-ps-14 tw_fade_anim" data-delay=".5">
                            <div class="section-wrapper tw-mb-14">
                                <h6 class="section-subtitle tw-text-xl fw-medium text-uppercase tw-mb-4 text-main-600">
                                    Sleep in Style and Serenity</h6>
                                <h2 class="section-title fw-normal tw-mb-7 tw-char-animation">Luxury, Location & Love
                                    Reasons To Stay With Us</h2>
                                <p class="tw-text-lg">Welcome to Marcus Medical, your pathway to natural-looking results
                                    from <br> industry-leading injectors and plastic surgeons in South Bay.</p>
                            </div>
                            <div>
                                <div class="row">
                                    <div class="col-xl-5 col-lg-6 col-md-6">
                                        <div class="about-list">
                                            <ul class="d-flex flex-column">
                                                <li
                                                    class="bg-white text-heading fw-semibold d-inline-flex align-items-center tw-gap-4 tw-py-3 tw-ps-5 tw-pe-4 tw-mb-5 tw-rounded-3xl">
                                                    <span class="tw-text-2xl text-main-600 lh-1 d-inline-block"><i
                                                            class="ph-bold ph-seal-check"></i></span> Unparalleled</li>
                                                <li
                                                    class="bg-white text-heading fw-semibold d-inline-flex align-items-center tw-gap-4 tw-py-3 tw-ps-5 tw-pe-4 tw-mb-5 tw-rounded-3xl">
                                                    <span class="tw-text-2xl text-main-600 lh-1 d-inline-block"><i
                                                            class="ph-bold ph-seal-check"></i></span> Personalized Service
                                                </li>
                                                <li
                                                    class="bg-white text-heading fw-semibold d-inline-flex align-items-center tw-gap-4 tw-py-3 tw-ps-5 tw-pe-4 tw-mb-5 tw-rounded-3xl">
                                                    <span class="tw-text-2xl text-main-600 lh-1 d-inline-block"><i
                                                            class="ph-bold ph-seal-check"></i></span> Gourmet Dining</li>
                                                <li
                                                    class="bg-white text-heading fw-semibold d-inline-flex align-items-center tw-gap-4 tw-py-3 tw-ps-5 tw-pe-4 tw-mb-5 tw-rounded-3xl">
                                                    <span class="tw-text-2xl text-main-600 lh-1 d-inline-block"><i
                                                            class="ph-bold ph-seal-check"></i></span> Wellness & Spa</li>
                                                <li
                                                    class="bg-white text-heading fw-semibold d-inline-flex align-items-center tw-gap-4 tw-py-3 tw-ps-5 tw-pe-4 tw-mb-5 tw-rounded-3xl">
                                                    <span class="tw-text-2xl text-main-600 lh-1 d-inline-block"><i
                                                            class="ph-bold ph-seal-check"></i></span> Advanced Technology
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="col-xl-5 col-lg-6 col-md-6">
                                        <div class="about-list">
                                            <ul class="d-flex flex-column">
                                                <li
                                                    class="bg-white text-heading fw-semibold d-inline-flex align-items-center tw-gap-4 tw-py-3 tw-ps-5 tw-pe-4 tw-mb-5 tw-rounded-3xl">
                                                    <span class="tw-text-2xl text-main-600 lh-1 d-inline-block"><i
                                                            class="ph-bold ph-seal-check"></i></span> Elegant
                                                    Accommodations</li>
                                                <li
                                                    class="bg-white text-heading fw-semibold d-inline-flex align-items-center tw-gap-4 tw-py-3 tw-ps-5 tw-pe-4 tw-mb-5 tw-rounded-3xl">
                                                    <span class="tw-text-2xl text-main-600 lh-1 d-inline-block"><i
                                                            class="ph-bold ph-seal-check"></i></span> Advanced Technology
                                                </li>
                                                <li
                                                    class="bg-white text-heading fw-semibold d-inline-flex align-items-center tw-gap-4 tw-py-3 tw-ps-5 tw-pe-4 tw-mb-5 tw-rounded-3xl">
                                                    <span class="tw-text-2xl text-main-600 lh-1 d-inline-block"><i
                                                            class="ph-bold ph-seal-check"></i></span> Sustainable Practices
                                                </li>
                                                <li
                                                    class="bg-white text-heading fw-semibold d-inline-flex align-items-center tw-gap-4 tw-py-3 tw-ps-5 tw-pe-4 tw-mb-5 tw-rounded-3xl">
                                                    <span class="tw-text-2xl text-main-600 lh-1 d-inline-block"><i
                                                            class="ph-bold ph-seal-check"></i></span> Exclusive Packages
                                                </li>
                                                <li
                                                    class="bg-white text-heading fw-semibold d-inline-flex align-items-center tw-gap-4 tw-py-3 tw-ps-5 tw-pe-4 tw-mb-5 tw-rounded-3xl">
                                                    <span class="tw-text-2xl text-main-600 lh-1 d-inline-block"><i
                                                            class="ph-bold ph-seal-check"></i></span> Safety & Cleanliness
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <section class="cta-area py-120 background-img position-relative z-1 tw-mx-11 tw-rounded-3xl overflow-hidden"
            data-background-image="<?php echo e(asset('assets/images/thumbs/call-to-action-bg.jpg')); ?>">
            <div class="container-fluid">
                <div class="row justify-content-center">
                    <div class="col-xl-6">
                        <div class="text-center tw_fade_anim">
                            <h2 class="cta-title tw-text-29 fw-normal text-white tw-mb-6 tw-char-animation">Get <span
                                    class="text-main-600">20% </span>Off Your First Stay!</h2>
                            <p class="tw-text-lg fw-medium text-white tw-mb-10">Join our newsletter, and we’ll send you a
                                20% discount for <br> your first stay.</p>
                            <div class="cta-form d-flex tw-gap-2 justify-content-center flex-wrap row-gap-3">
                                <input class="bg-transparent text-white fw-medium tw-text-lg" type="text"
                                    placeholder="name@email.com">
                                <button
                                    class="tw-btn-hover-white bg-main-600 tw-py-4 tw-px-8 text-uppercase text-heading font-heading d-inline-flex align-items-center tw-gap-2 tw-rounded-lg">EXPLORE
                                    MORE <span class="d-inline-block lh-1 tw-text-lg"><i
                                            class="ph ph-arrow-up-right"></i></span></button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <section class="py-120 position-relative z-1">
            <div class="container">
                <div class="row justify-content-between align-items-center">
                    <div class="col-xl-8 col-lg-8">
                        <div class="section-wrapper tw-mb-14 tw_fade_anim" data-delay=".3">
                            <h6 class="section-subtitle tw-text-xl fw-medium text-uppercase tw-mb-4 text-main-600">Sleep in
                                Style and Serenity</h6>
                            <h2 class="section-title fw-normal tw-mb-7 tw-char-animation">Luxury, Location & Love Reasons
                                To Stay With Us</h2>
                        </div>
                    </div>
                    <div class="col-xl-4 col-lg-4">
                        <div class="service-top-button tw_fade_anim" data-delay=".5">
                            <a class="tw-btn-hover-black bg-main-600 tw-py-5 tw-px-12 text-uppercase text-heading font-heading d-inline-flex align-items-center tw-gap-2 tw-rounded-lg"
                                href="<?php echo e(route('room.details')); ?>">Booking today <span class="d-inline-block lh-1 tw-text-lg"><i
                                        class="ph ph-arrow-up-right"></i></span></a>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-xl-12">
                        <div class="service-slider tw_fade_anim">
                            <div class="service-active swiper-container">
                                <div class="swiper-wrapper">


                                    <!-- slide 1 -->
                                    <div class="service-wrapper bg-white tw-p-4 tw-rounded-xl tw-mb-8 swiper-slide">
                                        <div class="service-thumb tw-mb-5 position-relative z-1 overflow-hidden">
                                            <a href="<?php echo e(route('room.details')); ?>"><img
                                                    class="tw-rounded-xl w-100 h-100 object-fit-cover hover-scale-2 tw-duration-500"
                                                    src="<?php echo e(asset('assets/images/thumbs/service-thumb1.jpg')); ?>" alt="thumb"></a>
                                            <div class="service-tag position-absolute start-0 top-0 tw-mt-2 tw-ms-2">
                                                <a class="bg-white text-heading tw-py-1 tw-px-5 tw-rounded-lg tw-text-lg text-capitalize"
                                                    href="<?php echo e(route('room.details')); ?>">10 properties</a>
                                            </div>
                                        </div>
                                        <div class="service-content tw-px-2 tw-mb-2">
                                            <span class="service-location"><i class="ph ph-map-pin"></i> Delhi,
                                                India</span>
                                            <h4 class="service-title tw-text-8 fw-normal text-capitalize tw-mb-2"><a
                                                    class="hover-text-secondary" href="<?php echo e(route('room.details')); ?>">Mystic Escape
                                                    Tours</a></h4>
                                            <p class="service-paragraph tw-mb-5">We provide daily meals and run food drives
                                                to ensure child or elder in our community goes to bed.</p>
                                            <div class="service-wrap tw-rounded-xl tw-py-4 tw-px-6">
                                                <div class="service-star d-flex tw-gap-6 tw-pb-4 tw-mb-6">
                                                    <span class="text-heading fw-normal d-flex tw-gap-2"><i
                                                            class="ph ph-star"></i> 5.00 (334)</span>
                                                    <span class="text-heading fw-normal">8 Nights - 9 Days</span>
                                                </div>
                                                <div
                                                    class="d-flex align-items-center justify-content-between flex-wrap row-gap-3">
                                                    <div class="service-price">
                                                        <h6 class="fw-normal">$589.00</h6>
                                                        <p>/ Per Person</p>
                                                    </div>
                                                    <div>
                                                        <a class="font-heading tw-text-sm text-uppercase text-heading fw-normal hover-text-main-600"
                                                            href="<?php echo e(route('room.details')); ?>">EXPLORE MORE <i
                                                                class="tw-text-base ph ph-arrow-up-right"></i></a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <!-- slide 2 -->
                                    <div class="service-wrapper bg-white tw-p-4 tw-rounded-xl tw-mb-8 swiper-slide">
                                        <div class="service-thumb tw-mb-5 position-relative z-1 overflow-hidden">
                                            <a href="<?php echo e(route('room.details')); ?>"><img
                                                    class="tw-rounded-xl w-100 h-100 object-fit-cover hover-scale-2 tw-duration-500"
                                                    src="<?php echo e(asset('assets/images/thumbs/service-thumb2.jpg')); ?>" alt="thumb"></a>
                                            <div class="service-tag position-absolute start-0 top-0 tw-mt-2 tw-ms-2">
                                                <a class="bg-white text-heading tw-py-1 tw-px-5 tw-rounded-lg tw-text-lg text-capitalize"
                                                    href="#">10 properties</a>
                                            </div>
                                        </div>
                                        <div class="service-content tw-px-2 tw-mb-2">
                                            <span class="service-location"><i class="ph ph-map-pin"></i> Delhi,
                                                India</span>
                                            <h4 class="service-title tw-text-8 fw-normal text-capitalize tw-mb-2"><a
                                                    class="hover-text-secondary" href="<?php echo e(route('room.details')); ?>">rban Explorer
                                                    Getaways</a></h4>
                                            <p class="service-paragraph tw-mb-5">We provide daily meals and run food drives
                                                to ensure child or elder in our community goes to bed.</p>
                                            <div class="service-wrap tw-rounded-xl tw-py-4 tw-px-6">
                                                <div class="service-star d-flex tw-gap-6 tw-pb-4 tw-mb-6">
                                                    <span class="text-heading fw-normal d-flex tw-gap-2"><i
                                                            class="ph ph-star"></i> 5.00 (334)</span>
                                                    <span class="text-heading fw-normal">8 Nights - 9 Days</span>
                                                </div>
                                                <div
                                                    class="d-flex align-items-center justify-content-between flex-wrap row-gap-3">
                                                    <div class="service-price">
                                                        <h6 class="fw-normal">$589.00</h6>
                                                        <p>/ Per Person</p>
                                                    </div>
                                                    <div>
                                                        <a class="font-heading tw-text-sm text-uppercase text-heading fw-normal hover-text-main-600"
                                                            href="<?php echo e(route('room.details')); ?>">EXPLORE MORE <i
                                                                class="tw-text-base ph ph-arrow-up-right"></i></a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <!-- slide 3 -->
                                    <div class="service-wrapper bg-white tw-p-4 tw-rounded-xl tw-mb-8 swiper-slide">
                                        <div class="service-thumb tw-mb-5 position-relative z-1 overflow-hidden">
                                            <a href="<?php echo e(route('room.details')); ?>"><img
                                                    class="tw-rounded-xl w-100 h-100 object-fit-cover hover-scale-2 tw-duration-500"
                                                    src="<?php echo e(asset('assets/images/thumbs/service-thumb3.jpg')); ?>" alt="thumb"></a>
                                            <div class="service-tag position-absolute start-0 top-0 tw-mt-2 tw-ms-2">
                                                <a class="bg-white text-heading tw-py-1 tw-px-5 tw-rounded-lg tw-text-lg text-capitalize"
                                                    href="#">10 properties</a>
                                            </div>
                                        </div>
                                        <div class="service-content tw-px-2 tw-mb-2">
                                            <span class="service-location"><i class="ph ph-map-pin"></i> Delhi,
                                                India</span>
                                            <h4 class="service-title tw-text-8 fw-normal text-capitalize tw-mb-2"><a
                                                    class="hover-text-secondary" href="<?php echo e(route('room.details')); ?>">WanderNest
                                                    Holidays</a></h4>
                                            <p class="service-paragraph tw-mb-5">We provide daily meals and run food
                                                drives to ensure child or elder in our community goes to bed.</p>
                                            <div class="service-wrap tw-rounded-xl tw-py-4 tw-px-6">
                                                <div class="service-star d-flex tw-gap-6 tw-pb-4 tw-mb-6">
                                                    <span class="text-heading fw-normal d-flex tw-gap-2"><i
                                                            class="ph ph-star"></i> 5.00 (334)</span>
                                                    <span class="text-heading fw-normal">8 Nights - 9 Days</span>
                                                </div>
                                                <div
                                                    class="d-flex align-items-center justify-content-between flex-wrap row-gap-3">
                                                    <div class="service-price">
                                                        <h6 class="fw-normal">$589.00</h6>
                                                        <p>/ Per Person</p>
                                                    </div>
                                                    <div>
                                                        <a class="font-heading tw-text-sm text-uppercase text-heading fw-normal hover-text-main-600"
                                                            href="<?php echo e(route('room.details')); ?>">EXPLORE MORE <i
                                                                class="tw-text-base ph ph-arrow-up-right"></i></a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <!-- slide 1 -->
                                    <div class="service-wrapper bg-white tw-p-4 tw-rounded-xl tw-mb-8 swiper-slide">
                                        <div class="service-thumb tw-mb-5 position-relative z-1 overflow-hidden">
                                            <a href="<?php echo e(route('room.details')); ?>"><img
                                                    class="tw-rounded-xl w-100 h-100 object-fit-cover hover-scale-2 tw-duration-500"
                                                    src="<?php echo e(asset('assets/images/thumbs/service-thumb4.jpg')); ?>" alt="thumb"></a>
                                            <div class="service-tag position-absolute start-0 top-0 tw-mt-2 tw-ms-2">
                                                <a class="bg-white text-heading tw-py-1 tw-px-5 tw-rounded-lg tw-text-lg text-capitalize"
                                                    href="#">10 properties</a>
                                            </div>
                                        </div>
                                        <div class="service-content tw-px-2 tw-mb-2">
                                            <span class="service-location"><i class="ph ph-map-pin"></i> Delhi,
                                                India</span>
                                            <h4 class="service-title tw-text-8 fw-normal text-capitalize tw-mb-2"><a
                                                    class="hover-text-secondary" href="<?php echo e(route('room.details')); ?>">Mystic Escape
                                                    Tours</a></h4>
                                            <p class="service-paragraph tw-mb-5">We provide daily meals and run food
                                                drives to ensure child or elder in our community goes to bed.</p>
                                            <div class="service-wrap tw-rounded-xl tw-py-4 tw-px-6">
                                                <div class="service-star d-flex tw-gap-6 tw-pb-4 tw-mb-6">
                                                    <span class="text-heading fw-normal d-flex tw-gap-2"><i
                                                            class="ph ph-star"></i> 5.00 (334)</span>
                                                    <span class="text-heading fw-normal">8 Nights - 9 Days</span>
                                                </div>
                                                <div
                                                    class="d-flex align-items-center justify-content-between flex-wrap row-gap-3">
                                                    <div class="service-price">
                                                        <h6 class="fw-normal">$589.00</h6>
                                                        <p>/ Per Person</p>
                                                    </div>
                                                    <div>
                                                        <a class="font-heading tw-text-sm text-uppercase text-heading fw-normal hover-text-main-600"
                                                            href="<?php echo e(route('room.details')); ?>">EXPLORE MORE <i
                                                                class="tw-text-base ph ph-arrow-up-right"></i></a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <!-- slide 2 -->
                                    <div class="service-wrapper bg-white tw-p-4 tw-rounded-xl tw-mb-8 swiper-slide">
                                        <div class="service-thumb tw-mb-5 position-relative z-1 overflow-hidden">
                                            <a href="<?php echo e(route('room.details')); ?>"><img
                                                    class="tw-rounded-xl w-100 h-100 object-fit-cover hover-scale-2 tw-duration-500"
                                                    src="<?php echo e(asset('assets/images/thumbs/service-thumb5.jpg')); ?>" alt="thumb"></a>
                                            <div class="service-tag position-absolute start-0 top-0 tw-mt-2 tw-ms-2">
                                                <a class="bg-white text-heading tw-py-1 tw-px-5 tw-rounded-lg tw-text-lg text-capitalize"
                                                    href="#">10 properties</a>
                                            </div>
                                        </div>
                                        <div class="service-content tw-px-2 tw-mb-2">
                                            <span class="service-location"><i class="ph ph-map-pin"></i> Delhi,
                                                India</span>
                                            <h4 class="service-title tw-text-8 fw-normal text-capitalize tw-mb-2"><a
                                                    class="hover-text-secondary" href="<?php echo e(route('room.details')); ?>">Mystic Escape
                                                    Tours</a></h4>
                                            <p class="service-paragraph tw-mb-5">We provide daily meals and run food
                                                drives to ensure child or elder in our community goes to bed.</p>
                                            <div class="service-wrap tw-rounded-xl tw-py-4 tw-px-6">
                                                <div class="service-star d-flex tw-gap-6 tw-pb-4 tw-mb-6">
                                                    <span class="text-heading fw-normal d-flex tw-gap-2"><i
                                                            class="ph ph-star"></i> 5.00 (334)</span>
                                                    <span class="text-heading fw-normal">8 Nights - 9 Days</span>
                                                </div>
                                                <div
                                                    class="d-flex align-items-center justify-content-between flex-wrap row-gap-3">
                                                    <div class="service-price">
                                                        <h6 class="fw-normal">$589.00</h6>
                                                        <p>/ Per Person</p>
                                                    </div>
                                                    <div>
                                                        <a class="font-heading tw-text-sm text-uppercase text-heading fw-normal hover-text-main-600"
                                                            href="<?php echo e(route('room.details')); ?>">EXPLORE MORE <i
                                                                class="tw-text-base ph ph-arrow-up-right"></i></a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <!-- slide 3 -->
                                    <div class="service-wrapper bg-white tw-p-4 tw-rounded-xl tw-mb-8 swiper-slide">
                                        <div class="service-thumb tw-mb-5 position-relative z-1 overflow-hidden">
                                            <a href="<?php echo e(route('room.details')); ?>"><img
                                                    class="tw-rounded-xl w-100 h-100 object-fit-cover hover-scale-2 tw-duration-500"
                                                    src="<?php echo e(asset('assets/images/thumbs/service-thumb6.jpg')); ?>" alt="thumb"></a>
                                            <div class="service-tag position-absolute start-0 top-0 tw-mt-2 tw-ms-2">
                                                <a class="bg-white text-heading tw-py-1 tw-px-5 tw-rounded-lg tw-text-lg text-capitalize"
                                                    href="#">10 properties</a>
                                            </div>
                                        </div>
                                        <div class="service-content tw-px-2 tw-mb-2">
                                            <span class="service-location"><i class="ph ph-map-pin"></i> Delhi,
                                                India</span>
                                            <h4 class="service-title tw-text-8 fw-normal text-capitalize tw-mb-2"><a
                                                    class="hover-text-secondary" href="<?php echo e(route('room.details')); ?>">Mystic Escape
                                                    Tours</a></h4>
                                            <p class="service-paragraph tw-mb-5">We provide daily meals and run food
                                                drives to ensure child or elder in our community goes to bed.</p>
                                            <div class="service-wrap tw-rounded-xl tw-py-4 tw-px-6">
                                                <div class="service-star d-flex tw-gap-6 tw-pb-4 tw-mb-6">
                                                    <span class="text-heading fw-normal d-flex tw-gap-2"><i
                                                            class="ph ph-star"></i> 5.00 (334)</span>
                                                    <span class="text-heading fw-normal">8 Nights - 9 Days</span>
                                                </div>
                                                <div
                                                    class="d-flex align-items-center justify-content-between flex-wrap row-gap-3">
                                                    <div class="service-price">
                                                        <h6 class="fw-normal">$589.00</h6>
                                                        <p>/ Per Person</p>
                                                    </div>
                                                    <div>
                                                        <a class="font-heading tw-text-sm text-uppercase text-heading fw-normal hover-text-main-600"
                                                            href="<?php echo e(route('room.details')); ?>">EXPLORE MORE <i
                                                                class="tw-text-base ph ph-arrow-up-right"></i></a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <section class="pricing-area bg-main-600 position-relative z-1">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-xl-7 col-lg-9">
                        <div class="section-wrapper text-center tw-mb-14 tw_fade_anim">
                            <h6 class="section-subtitle tw-text-xl fw-medium text-uppercase tw-mb-4 text-main-600">From
                                Our Kitchen to Your Table</h6>
                            <h2 class="section-title fw-normal tw-mb-7 tw-char-animation">From Breakfast To Dinner Taste
                                The Luxury Item</h2>
                        </div>
                    </div>
                </div>
                <div class="row justify-content-center">
                    <div class="col-xl-12">
                        <div class="pricing-wrapper tw-mb-12 tw_fade_anim">
                            <div class="pricing-wrap d-flex align-items-center justify-content-between">
                                <div class="pricing-respon">
                                    <div
                                        class="pricing-item d-flex align-items-center justify-content-between tw-pt-6 tw-pb-6 tw-mx-6">
                                        <div class="pricing-content">
                                            <h4 class="pricing-title tw-text-7 fw-normal tw-mb-2">Chicago Deep Pizza.</h4>
                                            <p class="pricing-paragraph">It's the perfect dining experience where
                                                Experience quick and efficient</p>
                                        </div>
                                        <div>
                                            <span class="pricing-price tw-text-2xl fw-bold">$5.00</span>
                                        </div>
                                    </div>
                                    <div
                                        class="pricing-item active d-flex align-items-center justify-content-between tw-pt-6 tw-pb-6 tw-mx-6">
                                        <div class="pricing-content">
                                            <h4 class="pricing-title tw-text-7 fw-normal tw-mb-2">Tomato Basil Bruschetta
                                            </h4>
                                            <p class="pricing-paragraph">It's the perfect dining experience where
                                                Experience quick and efficient</p>
                                        </div>
                                        <div>
                                            <span class="pricing-price tw-text-2xl fw-bold">$5.00</span>
                                        </div>
                                    </div>
                                    <div
                                        class="pricing-item d-flex align-items-center justify-content-between tw-pt-6 tw-pb-6 tw-mx-6">
                                        <div class="pricing-content">
                                            <h4 class="pricing-title tw-text-7 fw-normal tw-mb-2">Stuffed Mushrooms</h4>
                                            <p class="pricing-paragraph">It's the perfect dining experience where
                                                Experience quick and efficient</p>
                                        </div>
                                        <div>
                                            <span class="pricing-price tw-text-2xl fw-bold">$5.00</span>
                                        </div>
                                    </div>
                                    <div
                                        class="pricing-item d-flex align-items-center justify-content-between tw-pt-6 tw-pb-6 tw-mx-6">
                                        <div class="pricing-content">
                                            <h4 class="pricing-title tw-text-7 fw-normal tw-mb-2">Herb-Crusted Lamb Chops
                                            </h4>
                                            <p class="pricing-paragraph">It's the perfect dining experience where
                                                Experience quick and efficient</p>
                                        </div>
                                        <div>
                                            <span class="pricing-price tw-text-2xl fw-bold">$5.00</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="pricing-respon">
                                    <div
                                        class="pricing-item d-flex align-items-center justify-content-between tw-pt-6 tw-pb-6 tw-mx-6">
                                        <div class="pricing-content">
                                            <h4 class="pricing-title tw-text-7 fw-normal tw-mb-2">Classic Caesar Salad
                                            </h4>
                                            <p class="pricing-paragraph">It's the perfect dining experience where
                                                Experience quick and efficient</p>
                                        </div>
                                        <div>
                                            <span class="pricing-price tw-text-2xl fw-bold">$5.00</span>
                                        </div>
                                    </div>
                                    <div
                                        class="pricing-item d-flex align-items-center justify-content-between tw-pt-6 tw-pb-6 tw-mx-6">
                                        <div class="pricing-content">
                                            <h4 class="pricing-title tw-text-7 fw-normal tw-mb-2">Shrimp Cocktail</h4>
                                            <p class="pricing-paragraph">It's the perfect dining experience where
                                                Experience quick and efficient</p>
                                        </div>
                                        <div>
                                            <span class="pricing-price tw-text-2xl fw-bold">$5.00</span>
                                        </div>
                                    </div>
                                    <div
                                        class="pricing-item d-flex align-items-center justify-content-between tw-pt-6 tw-pb-6 tw-mx-6">
                                        <div class="pricing-content">
                                            <h4 class="pricing-title tw-text-7 fw-normal tw-mb-2">Chicken Satay with
                                                Peanut Sauce</h4>
                                            <p class="pricing-paragraph">It's the perfect dining experience where
                                                Experience quick and efficient</p>
                                        </div>
                                        <div>
                                            <span class="pricing-price tw-text-2xl fw-bold">$5.00</span>
                                        </div>
                                    </div>
                                    <div
                                        class="pricing-item d-flex align-items-center justify-content-between tw-pt-6 tw-pb-6 tw-mx-6">
                                        <div class="pricing-content">
                                            <h4 class="pricing-title tw-text-7 fw-normal tw-mb-2">Vegetarian Pasta
                                                Primavera</h4>
                                            <p class="pricing-paragraph">It's the perfect dining experience where
                                                Experience quick and efficient</p>
                                        </div>
                                        <div>
                                            <span class="pricing-price tw-text-2xl fw-bold">$5.00</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-xl-12">
                        <div class="text-center">
                            <a class="tw-btn-hover-black bg-main-600 tw-py-5 tw-px-12 text-capitalize text-heading font-heading d-inline-flex align-items-center tw-gap-2 tw-rounded-lg"
                                href="<?php echo e(route('contact')); ?>">Booking today <span class="d-inline-block lh-1 tw-text-lg"><i
                                        class="ph ph-arrow-up-right"></i></span></a>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <section class="testimonial-area testimonial-panel-area py-120 position-relative z-1">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-xl-7">
                        <div class="section-wrapper text-center tw-mb-14 tw_fade_anim" data-delay=".3">
                            <h6 class="section-subtitle tw-text-xl fw-medium text-uppercase tw-mb-4 text-main-600">Voices
                                of Satisfaction</h6>
                            <h2 class="section-title fw-normal tw-mb-7 tw-char-animation">Why Traveller Love Us</h2>
                        </div>
                    </div>
                </div>
                <div class="row tw-mb-6">
                    <div class="col-xl-12">
                        <!-- item one -->
                        <div class="row testimonial-panel position-relative z-2 tw-mb-8">
                            <div class="col-xl-12">
                                <div class="bg-white tw-rounded-2xl tw-p-2">
                                    <div
                                        class="testimonial-wrapper bg-neutral-400 d-flex align-items-center tw-gap-16 tw-p-10">
                                        <div class="testimonial-thumb position-relative z-1">
                                            <img class="tw-rounded-lg" src="<?php echo e(asset('assets/images/thumbs/testimonial-img1.jpg')); ?>"
                                                alt="img">
                                            <div class="position-absolute start-0 top-0 tw-mt-3 tw-ms-3">
                                                <span
                                                    class="tw-w-16 tw-h-16 lh-1 d-inline-flex justify-content-center align-items-center bg-white rounded-circle tw-text-9 text-main-600"><i
                                                        class="ph ph-quotes"></i></span>
                                            </div>
                                        </div>
                                        <div>
                                            <p class="testimonial-paragraph tw-mb-8">"Lumen was the perfect getaway for
                                                us. The natural light and thoughtful
                                                design made it feel open and inviting, and the details felt effortlessly
                                                intentional. It’s a space we’d come back to in a heartbeat."</p>
                                            <div class="d-flex justify-content-between flex-wrap row-gap-2">
                                                <div>
                                                    <h4 class="tw-text-3xl fw-normal">Piter Bowman</h4>
                                                    <p class="font-heading fw-normal">Creative Director</p>
                                                </div>
                                                <div
                                                    class="testimonial-review d-flex align-items-center tw-gap-2 bg-white tw-rounded-3xl tw-px-8">
                                                    <span class="tw-text-xl text-main-600 d-inline-block lh-1"><i
                                                            class="ph ph-star"></i></span>
                                                    <span class="tw-text-xl text-main-600 d-inline-block lh-1"><i
                                                            class="ph ph-star"></i></span>
                                                    <span class="tw-text-xl text-main-600 d-inline-block lh-1"><i
                                                            class="ph ph-star"></i></span>
                                                    <span class="tw-text-xl text-main-600 d-inline-block lh-1"><i
                                                            class="ph ph-star"></i></span>
                                                    <span class="tw-text-xl text-main-600 d-inline-block lh-1"><i
                                                            class="ph ph-star"></i></span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- item two -->
                        <div class="row testimonial-panel position-relative z-2 tw-mb-8">
                            <div class="col-xl-12">
                                <div class="bg-white tw-rounded-2xl tw-p-2">
                                    <div
                                        class="testimonial-wrapper bg-neutral-400 d-flex align-items-center tw-gap-16 tw-p-10">
                                        <div class="testimonial-thumb position-relative z-1">
                                            <img class="tw-rounded-lg" src="<?php echo e(asset('assets/images/thumbs/testimonial-img2.jpg')); ?>"
                                                alt="img">
                                            <div class="position-absolute start-0 top-0 tw-mt-3 tw-ms-3">
                                                <span
                                                    class="tw-w-16 tw-h-16 lh-1 d-inline-flex justify-content-center align-items-center bg-white rounded-circle tw-text-9 text-main-600"><i
                                                        class="ph ph-quotes"></i></span>
                                            </div>
                                        </div>
                                        <div>
                                            <p class="testimonial-paragraph tw-mb-8">"Lumen was the perfect getaway for
                                                us. The natural light and thoughtful
                                                design made it feel open and inviting, and the details felt effortlessly
                                                intentional. It’s a space we’d come back to in a heartbeat."</p>
                                            <div class="d-flex justify-content-between flex-wrap row-gap-2">
                                                <div>
                                                    <h4 class="tw-text-3xl fw-normal">Piter Bowman</h4>
                                                    <p class="font-heading fw-normal">Creative Director</p>
                                                </div>
                                                <div
                                                    class="testimonial-review d-flex align-items-center tw-gap-2 bg-white tw-rounded-3xl tw-px-8">
                                                    <span class="tw-text-xl text-main-600 d-inline-block lh-1"><i
                                                            class="ph ph-star"></i></span>
                                                    <span class="tw-text-xl text-main-600 d-inline-block lh-1"><i
                                                            class="ph ph-star"></i></span>
                                                    <span class="tw-text-xl text-main-600 d-inline-block lh-1"><i
                                                            class="ph ph-star"></i></span>
                                                    <span class="tw-text-xl text-main-600 d-inline-block lh-1"><i
                                                            class="ph ph-star"></i></span>
                                                    <span class="tw-text-xl text-main-600 d-inline-block lh-1"><i
                                                            class="ph ph-star"></i></span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- item three -->
                        <div class="row testimonial-panel position-relative z-2 tw-mb-8">
                            <div class="col-xl-12">
                                <div class="bg-white tw-rounded-2xl tw-p-2">
                                    <div
                                        class="testimonial-wrapper bg-neutral-400 d-flex align-items-center tw-gap-16 tw-p-10">
                                        <div class="testimonial-thumb position-relative z-1">
                                            <img class="tw-rounded-lg" src="<?php echo e(asset('assets/images/thumbs/testimonial-img3.jpg')); ?>"
                                                alt="img">
                                            <div class="position-absolute start-0 top-0 tw-mt-3 tw-ms-3">
                                                <span
                                                    class="tw-w-16 tw-h-16 lh-1 d-inline-flex justify-content-center align-items-center bg-white rounded-circle tw-text-9 text-main-600"><i
                                                        class="ph ph-quotes"></i></span>
                                            </div>
                                        </div>
                                        <div>
                                            <p class="testimonial-paragraph tw-mb-8">"Lumen was the perfect getaway for
                                                us. The natural light and thoughtful
                                                design made it feel open and inviting, and the details felt effortlessly
                                                intentional. It’s a space we’d come back to in a heartbeat."</p>
                                            <div class="d-flex justify-content-between flex-wrap row-gap-2">
                                                <div>
                                                    <h4 class="tw-text-3xl fw-normal">Piter Bowman</h4>
                                                    <p class="font-heading fw-normal">Creative Director</p>
                                                </div>
                                                <div
                                                    class="testimonial-review d-flex align-items-center tw-gap-2 bg-white tw-rounded-3xl tw-px-8">
                                                    <span class="tw-text-xl text-main-600 d-inline-block lh-1"><i
                                                            class="ph ph-star"></i></span>
                                                    <span class="tw-text-xl text-main-600 d-inline-block lh-1"><i
                                                            class="ph ph-star"></i></span>
                                                    <span class="tw-text-xl text-main-600 d-inline-block lh-1"><i
                                                            class="ph ph-star"></i></span>
                                                    <span class="tw-text-xl text-main-600 d-inline-block lh-1"><i
                                                            class="ph ph-star"></i></span>
                                                    <span class="tw-text-xl text-main-600 d-inline-block lh-1"><i
                                                            class="ph ph-star"></i></span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-xl-12">
                        <div class="text-center">
                            <a class="tw-btn-hover-black bg-main-600 tw-py-5 tw-px-12 text-capitalize text-heading font-heading d-inline-flex align-items-center tw-gap-2 tw-rounded-lg"
                                href="<?php echo e(route('contact')); ?>">Booking today <span class="d-inline-block lh-1 tw-text-lg"><i
                                        class="ph ph-arrow-up-right"></i></span></a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="">
                <img class="testimonial-bg-shape position-absolute z-n1"
                    src="<?php echo e(asset('assets/images/shapes/testimonial-bg-shape.png')); ?>" alt="shape">
            </div>
        </section>

        <div class="overflow-hidden tw-pb-10">
            <div class="marquee">
                <div class="d-inline-flex align-items-center tw-gap-14">
                    <div class="marquee-icon">
                        <span><img src="<?php echo e(asset('assets/images/icons/marquee-icon1.svg')); ?>" alt="marquee"></span>
                    </div>
                    <div>
                        <h2 class="marquee-title fw-normal">Luxary hotel & resport</h2>
                    </div>
                </div>
                <div class="d-inline-flex align-items-center tw-gap-14">
                    <div class="marquee-icon">
                        <span><img src="<?php echo e(asset('assets/images/icons/marquee-icon1.svg')); ?>" alt="marquee"></span>
                    </div>
                    <div>
                        <h2 class="marquee-title fw-normal">Luxary hotel & resport</h2>
                    </div>
                </div>
            </div>
        </div>
        <section class="blog-area bg-neutral-300 py-120">
            <div class="container">
                <div class="row justify-content-between align-items-center">
                    <div class="col-xl-8 col-lg-8">
                        <div class="section-wrapper tw-mb-14 tw_fade_anim" data-delay=".3">
                            <h6 class="section-subtitle tw-text-xl fw-medium text-uppercase tw-mb-4 text-main-600">our
                                Guide to Luxury Travel</h6>
                            <h2 class="section-title fw-normal tw-mb-7 tw-char-animation">From Our Journal: Travel Tips,
                                Stories & More</h2>
                        </div>
                    </div>
                    <div class="col-xl-4 col-lg-4">
                        <div class="service-top-button tw_fade_anim" data-delay=".5">
                            <a class="tw-btn-hover-black bg-main-600 tw-py-5 tw-px-12 text-capitalize text-heading font-heading d-inline-flex align-items-center tw-gap-2 tw-rounded-lg"
                                href="<?php echo e(route('blog.details')); ?>">Booking today <span class="d-inline-block lh-1 tw-text-lg"><i
                                        class="ph ph-arrow-up-right"></i></span></a>
                        </div>
                    </div>
                </div>
                <div class="row align-items-center">
                    <div class="col-xl-6 col-lg-9">
                        <div class="border border-main-600 tw-p-10 tw-rounded-2xl tw-mb-7 tw_fade_anim" data-delay=".3">
                            <div class="blog-meta d-inline-flex align-items-center tw-gap-4 tw-mb-6">
                                <span
                                    class="bg-main-600 fw-medium text-uppercase tw-rounded-3xl tw-py-1 tw-px-6 text-heading">02
                                    Apr 2021</span>
                                <span class="text-heading">Comments (03)</span>
                            </div>
                            <div>
                                <h4 class="blog-title tw-text-9 fw-normal text-capitalize tw-mb-5"><a
                                        href="<?php echo e(route('blog.details')); ?>">eal stories from the road where every journey leaves a
                                        mark</a></h4>
                                <div class="tw-mb-10">
                                    <a class="blog-btn d-inline-flex align-items-center tw-gap-2 text-heading hover-text-main-600"
                                        href="<?php echo e(route('blog.details')); ?>">Read More <span
                                            class="blog-btn-arrow tw-w-8 tw-h-8 lh-1 d-inline-flex justify-content-center align-items-center rounded-circle tw-text-sm"><i
                                                class="ph ph-arrow-right"></i></span></a>
                                </div>
                            </div>
                            <div class="tw-rounded-2xl overflow-hidden">
                                <a class="d-block" href="<?php echo e(route('blog.details')); ?>"><img
                                        class="w-100 h-100 object-fit-cover hover-scale-2 tw-duration-500 tw-rounded-2xl"
                                        src="<?php echo e(asset('assets/images/thumbs/blog-thumb1.jpg')); ?>" alt="thumb"></a>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-6 col-lg-9">
                        <div class="row">
                            <div class="col-xl-12">
                                <div class="blog-wrapper-sm border border-main-600 tw-p-8 tw-rounded-2xl tw-mb-7 d-flex align-items-center tw-gap-10 tw_fade_anim"
                                    data-delay=".5">
                                    <div class="blog-thumb overflow-hidden tw-rounded-2xl">
                                        <a class="d-block" href="<?php echo e(route('blog.details')); ?>"><img
                                                class="w-100 h-100 object-fit-cover hover-scale-2 tw-duration-500 tw-rounded-2xl"
                                                src="<?php echo e(asset('assets/images/thumbs/blog-thumb2.jpg')); ?>" alt="thumb"></a>
                                    </div>
                                    <div>
                                        <div class="blog-meta d-inline-flex align-items-center tw-gap-4 tw-mb-6">
                                            <span
                                                class="bg-main-600 fw-medium text-uppercase tw-rounded-3xl tw-py-1 tw-px-6 text-heading">02
                                                Apr 2021</span>
                                            <span class="text-heading">Comments (03)</span>
                                        </div>
                                        <div>
                                            <h4 class="blog-title-sm tw-text-7 fw-normal text-capitalize tw-mb-5"><a
                                                    href="<?php echo e(route('blog.details')); ?>">eal stories from the road where every
                                                    journey...</a></h4>
                                            <div class="">
                                                <a class="blog-btn d-inline-flex align-items-center tw-gap-2 text-heading hover-text-main-600"
                                                    href="<?php echo e(route('blog.details')); ?>">Read More <span
                                                        class="blog-btn-arrow tw-w-8 tw-h-8 lh-1 d-inline-flex justify-content-center align-items-center rounded-circle tw-text-sm"><i
                                                            class="ph ph-arrow-right"></i></span></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xl-12">
                                <div class="blog-wrapper-sm border border-main-600 tw-p-8 tw-rounded-2xl tw-mb-7 d-flex align-items-center tw-gap-10 tw_fade_anim"
                                    data-delay=".7">
                                    <div class="blog-thumb overflow-hidden tw-rounded-2xl">
                                        <a class="d-block" href="<?php echo e(route('blog.details')); ?>"><img
                                                class="w-100 h-100 object-fit-cover hover-scale-2 tw-duration-500 tw-rounded-2xl"
                                                src="<?php echo e(asset('assets/images/thumbs/blog-thumb3.jpg')); ?>" alt="thumb"></a>
                                    </div>
                                    <div>
                                        <div class="blog-meta d-inline-flex align-items-center tw-gap-4 tw-mb-6">
                                            <span
                                                class="bg-main-600 fw-medium text-uppercase tw-rounded-3xl tw-py-1 tw-px-6 text-heading">02
                                                Apr 2021</span>
                                            <span class="text-heading">Comments (03)</span>
                                        </div>
                                        <div>
                                            <h4 class="blog-title-sm tw-text-7 fw-normal text-capitalize tw-mb-5"><a
                                                    href="<?php echo e(route('blog.details')); ?>">eal stories from the road where every
                                                    journey...</a></h4>
                                            <div class="">
                                                <a class="blog-btn d-inline-flex align-items-center tw-gap-2 text-heading hover-text-main-600"
                                                    href="<?php echo e(route('blog.details')); ?>">Read More <span
                                                        class="blog-btn-arrow tw-w-8 tw-h-8 lh-1 d-inline-flex justify-content-center align-items-center rounded-circle tw-text-sm"><i
                                                            class="ph ph-arrow-right"></i></span></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- ============================ footer area ================================== -->
        <?php echo $__env->make('frontend.includes.footers.footerOne', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?>
        <!-- ============================ footer area end ================================== -->

    </div>

<?php $__env->stopSection(); ?>

<?php echo $__env->make('frontend.layouts.app', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?><?php /**PATH D:\laragon\www\elitestay\resources\views/frontend/homes/indexOne.blade.php ENDPATH**/ ?>