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

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

    <div id="scrollSmoother-container">
        <section class="banner-three-area background-img position-relative z-1"
            data-background-image="<?php echo e(asset('assets/images/thumbs/banner-three-bg.jpg')); ?>">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-xl-8">
                        <div class="banner-three-content tw-mb-10">
                            <h1 class="banner-three-title text-white fw-normal text-center tw-char-animation">Explore
                                Beach Resort</h1>
                        </div>
                    </div>
                </div>
                <div class="checkout-bg checkout-three-bg tw-pt-9 tw-px-14 tw-pb-9 tw-rounded-md tw_fade_anim">
                    <div class="row">
                        <div class="col-xl-12">
                            <div class="checkout-main-wrapper">
                                <div class="checkout-wrapper d-flex flex-column">
                                    <label
                                        class="checkout-three-label tw-text-sm fw-normal font-body d-flex align-content-center tw-gap-4 tw-mb-2 text-white"><span><img
                                                src="<?php echo e(asset('assets/images/icons/checkout-icon1.svg')); ?>" alt="icon"></span> select
                                        date</label>
                                    <div class="nice-select checkout-three-nice-select bg-transparent text-white"><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="checkout-three-label tw-text-sm fw-normal font-body d-flex align-content-center tw-gap-4 tw-mb-2 text-white"><span><img
                                                src="<?php echo e(asset('assets/images/icons/checkout-icon1.svg')); ?>" alt="icon"></span> select
                                        date</label>
                                    <div class="nice-select checkout-three-nice-select bg-transparent text-white"><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="checkout-three-label tw-text-sm fw-normal font-body d-flex align-content-center tw-gap-4 tw-mb-2 text-white"><span><img
                                                src="<?php echo e(asset('assets/images/icons/checkout-icon3.svg')); ?>" alt="icon"></span> Select
                                        room</label>
                                    <div class="nice-select checkout-three-nice-select bg-transparent text-white"><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="checkout-three-label tw-text-sm fw-normal font-body d-flex align-content-center tw-gap-4 tw-mb-2 text-white"><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 checkout-three-nice-select bg-transparent text-white"><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-white bg-main-three-600 tw-py-5 tw-px-7 text-uppercase text-white font-heading d-inline-flex align-items-center tw-gap-2">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>
        </section>



        <section class="about-three-area py-120">
            <div class="container">
                <div class="row align-items-center tw-mb-14">
                    <div class="col-xl-10">
                        <div class="section-two-wrapper tw-mb-144 tw_fade_anim" data-delay=".3">
                            <h6 class="section-two-subtitle tw-text-xl text-uppercase text-main-three-600 tw-mb-6">About our
                                hotel</h6>
                            <h2 class="section-two-title tw-text-15 fw-normal tw-char-animation">Welcome To Ocean Breeze
                                Beach Resort Your Perfect Escape To Paradise. Nestled Along The Pristine Shores And
                                Surrounded By Crystal-clear Waters. </h2>
                        </div>
                    </div>
                    <div class="col-xl-2">
                        <div class="about-three-button tw_fade_anim" data-delay=".5">
                            <a class="hover-btn-circle hover-btn-item hover-btn tw-text-lg fw-semibold tw-w-180-px tw-h-180-px lh-1 d-inline-flex align-items-center justify-content-center flex-column bg-main-three-600 text-white rounded-circle position-relative z-1 overflow-hidden"
                                href="<?php echo e(route('contact')); ?>">
                                <span class="tw-text-2xl tw-mb-1 d-inline-block"><i class="ph ph-arrow-up-right"></i></span>
                                About us
                                <i class="hover-btn-circle-dot"></i>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-xl-4"></div>
                    <div class="col-xl-5">
                        <div class="pb-120 tw-me-12">
                            <p class="tw-text-lg fw-medium">At SparkleClean, we believe a clean space is a happy space. With
                                years of experience in residential and commercial cleaning our mission is to deliver
                                top-quality services tha health...</p>
                        </div>
                    </div>
                    <div class="col-xl-3"></div>
                </div>
            </div>
            <div class="container-fluid">
                <div class="row justify-content-center">
                    <div class="col-xl-12">
                        <div class="about-three-wrapper d-flex justify-content-center tw-gap-8 tw-mt-8">
                            <div class="about-three-thumb-1">
                                <img src="<?php echo e(asset('assets/images/thumbs/about-three-thumb1.jpg')); ?>" alt="thumb">
                            </div>
                            <div class="about-three-thumb-2">
                                <img src="<?php echo e(asset('assets/images/thumbs/about-three-thumb2.jpg')); ?>" alt="thumb">
                            </div>
                            <div class="about-three-thumb-3">
                                <img src="<?php echo e(asset('assets/images/thumbs/about-three-thumb3.jpg')); ?>" alt="thumb">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <section class="pb-120">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-xl-8">
                        <div class="section-two-wrapper text-center tw-mb-14 tw_fade_anim">
                            <h6 class="section-two-subtitle tw-text-xl text-uppercase text-main-three-600 tw-mb-6">Find
                                unique homes in vibrant places.</h6>
                            <h2 class="section-two-title tw-text-16 fw-normal tw-char-animation">Beachfront Rooms Designed
                                For
                                Ultimate Comfort Feel</h2>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-xl-12">
                        <div class="service-three-slider tw_fade_anim">
                            <div class="service-three-active swiper-container">
                                <div class="swiper-wrapper">

                                    <!-- slide 1 -->
                                    <div class="service-three-wrapper swiper-slide">
                                        <div class="position-relative z-1">
                                            <a href="<?php echo e(route('service.details')); ?>"><img class="tw-rounded-xl"
                                                    src="<?php echo e(asset('assets/images/thumbs/service-three-thumb1.jpg')); ?>"
                                                    alt="thumb"></a>
                                            <div class="position-absolute start-0 top-0 tw-mt-2 tw-ms-2 tw-rounded-3xl tw-px-3"
                                                style="background: rgba(255, 255, 255, 0.2)">
                                                <p class="d-inline-flex tw-text-sm fw-bold text-white tw-gap-1 mb-0">
                                                    <span><i class="ph-bold ph-star"></i></span> 4,93
                                                </p>
                                            </div>
                                            <div class="position-absolute top-0 end-0 tw-mt-2 tw-me-2">
                                                <span class="text-white tw-text-2xl"><i class="ph ph-heart"></i></span>
                                            </div>
                                        </div>
                                        <div
                                            class="service-three-content d-flex align-items-center justify-content-between">
                                            <div>
                                                <h4><a class="tw-text-lg fw-normal tw-mb-2"
                                                        href="<?php echo e(route('service.details')); ?>">Villa, Kuta Premiere</a></h4>
                                                <div>
                                                    <ul class="d-flex tw-gap-5">
                                                        <li
                                                            class="d-inline-flex align-items-center tw-gap-2 tw-text-sm fw-normal">
                                                            <span class="lh-1"><img
                                                                    src="<?php echo e(asset('assets/images/icons/service-three-icon1.svg')); ?>"
                                                                    alt="icon"></span> 5 bedrooms
                                                        </li>
                                                        <li
                                                            class="d-inline-flex align-items-center tw-gap-2 tw-text-sm fw-normal">
                                                            <span class="lh-1"><img
                                                                    src="<?php echo e(asset('assets/images/icons/service-three-icon2.svg')); ?>"
                                                                    alt="icon"></span> 214m2
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                            <div>
                                                <h6 class="tw-text-lg fw-normal" style="color: #C49C74;">$ 990</h6>
                                                <p class="tw-text-xs">per month</p>
                                            </div>
                                        </div>
                                    </div>

                                    <!-- slide 2 -->
                                    <div class="service-three-wrapper swiper-slide">
                                        <div class="position-relative z-1">
                                            <a href="<?php echo e(route('service.details')); ?>"><img class="tw-rounded-xl"
                                                    src="<?php echo e(asset('assets/images/thumbs/service-three-thumb2.jpg')); ?>"
                                                    alt="thumb"></a>
                                            <div class="position-absolute start-0 top-0 tw-mt-2 tw-ms-2 tw-rounded-3xl tw-px-3"
                                                style="background: rgba(255, 255, 255, 0.2)">
                                                <p class="d-inline-flex tw-text-sm fw-bold text-white tw-gap-1 mb-0">
                                                    <span><i class="ph-bold ph-star"></i></span> 4,93
                                                </p>
                                            </div>
                                            <div class="position-absolute top-0 end-0 tw-mt-2 tw-me-2">
                                                <span class="text-white tw-text-2xl"><i class="ph ph-heart"></i></span>
                                            </div>
                                        </div>
                                        <div
                                            class="service-three-content d-flex align-items-center justify-content-between">
                                            <div>
                                                <h4><a class="tw-text-lg fw-normal tw-mb-2"
                                                        href="<?php echo e(route('service.details')); ?>">Villa, Kuta Premiere</a></h4>
                                                <div>
                                                    <ul class="d-flex tw-gap-5">
                                                        <li
                                                            class="d-inline-flex align-items-center tw-gap-2 tw-text-sm fw-normal">
                                                            <span class="lh-1"><img
                                                                    src="<?php echo e(asset('assets/images/icons/service-three-icon1.svg')); ?>"
                                                                    alt="icon"></span> 5 bedrooms
                                                        </li>
                                                        <li
                                                            class="d-inline-flex align-items-center tw-gap-2 tw-text-sm fw-normal">
                                                            <span class="lh-1"><img
                                                                    src="<?php echo e(asset('assets/images/icons/service-three-icon2.svg')); ?>"
                                                                    alt="icon"></span> 214m2
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                            <div>
                                                <h6 class="tw-text-lg fw-normal" style="color: #C49C74;">$ 990</h6>
                                                <p class="tw-text-xs">per month</p>
                                            </div>
                                        </div>
                                    </div>

                                    <!-- slide 3 -->
                                    <div class="service-three-wrapper swiper-slide">
                                        <div class="position-relative z-1">
                                            <a href="<?php echo e(route('service.details')); ?>"><img class="tw-rounded-xl"
                                                    src="<?php echo e(asset('assets/images/thumbs/service-three-thumb3.jpg')); ?>"
                                                    alt="thumb"></a>
                                            <div class="position-absolute start-0 top-0 tw-mt-2 tw-ms-2 tw-rounded-3xl tw-px-3"
                                                style="background: rgba(255, 255, 255, 0.2)">
                                                <p class="d-inline-flex tw-text-sm fw-bold text-white tw-gap-1 mb-0">
                                                    <span><i class="ph-bold ph-star"></i></span> 4,93
                                                </p>
                                            </div>
                                            <div class="position-absolute top-0 end-0 tw-mt-2 tw-me-2">
                                                <span class="text-white tw-text-2xl"><i class="ph ph-heart"></i></span>
                                            </div>
                                        </div>
                                        <div
                                            class="service-three-content d-flex align-items-center justify-content-between">
                                            <div>
                                                <h4><a class="tw-text-lg fw-normal tw-mb-2"
                                                        href="<?php echo e(route('service.details')); ?>">Villa, Kuta Premiere</a></h4>
                                                <div>
                                                    <ul class="d-flex tw-gap-5">
                                                        <li
                                                            class="d-inline-flex align-items-center tw-gap-2 tw-text-sm fw-normal">
                                                            <span class="lh-1"><img
                                                                    src="<?php echo e(asset('assets/images/icons/service-three-icon1.svg')); ?>"
                                                                    alt="icon"></span> 5 bedrooms
                                                        </li>
                                                        <li
                                                            class="d-inline-flex align-items-center tw-gap-2 tw-text-sm fw-normal">
                                                            <span class="lh-1"><img
                                                                    src="<?php echo e(asset('assets/images/icons/service-three-icon2.svg')); ?>"
                                                                    alt="icon"></span> 214m2
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                            <div>
                                                <h6 class="tw-text-lg fw-normal" style="color: #C49C74;">$ 990</h6>
                                                <p class="tw-text-xs">per month</p>
                                            </div>
                                        </div>
                                    </div>

                                    <!-- slide 4 -->
                                    <div class="service-three-wrapper swiper-slide">
                                        <div class="position-relative z-1">
                                            <a href="<?php echo e(route('service.details')); ?>"><img class="tw-rounded-xl"
                                                    src="<?php echo e(asset('assets/images/thumbs/service-three-thumb4.jpg')); ?>"
                                                    alt="thumb"></a>
                                            <div class="position-absolute start-0 top-0 tw-mt-2 tw-ms-2 tw-rounded-3xl tw-px-3"
                                                style="background: rgba(255, 255, 255, 0.2)">
                                                <p class="d-inline-flex tw-text-sm fw-bold text-white tw-gap-1 mb-0">
                                                    <span><i class="ph-bold ph-star"></i></span> 4,93
                                                </p>
                                            </div>
                                            <div class="position-absolute top-0 end-0 tw-mt-2 tw-me-2">
                                                <span class="text-white tw-text-2xl"><i class="ph ph-heart"></i></span>
                                            </div>
                                        </div>
                                        <div
                                            class="service-three-content d-flex align-items-center justify-content-between">
                                            <div>
                                                <h4><a class="tw-text-lg fw-normal tw-mb-2"
                                                        href="<?php echo e(route('service.details')); ?>">Villa, Kuta Premiere</a></h4>
                                                <div>
                                                    <ul class="d-flex tw-gap-5">
                                                        <li
                                                            class="d-inline-flex align-items-center tw-gap-2 tw-text-sm fw-normal">
                                                            <span class="lh-1"><img
                                                                    src="<?php echo e(asset('assets/images/icons/service-three-icon1.svg')); ?>"
                                                                    alt="icon"></span> 5 bedrooms
                                                        </li>
                                                        <li
                                                            class="d-inline-flex align-items-center tw-gap-2 tw-text-sm fw-normal">
                                                            <span class="lh-1"><img
                                                                    src="<?php echo e(asset('assets/images/icons/service-three-icon2.svg')); ?>"
                                                                    alt="icon"></span> 214m2
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                            <div>
                                                <h6 class="tw-text-lg fw-normal" style="color: #C49C74;">$ 990</h6>
                                                <p class="tw-text-xs">per month</p>
                                            </div>
                                        </div>
                                    </div>

                                    <!-- slide 5 -->
                                    <div class="service-three-wrapper swiper-slide">
                                        <div class="position-relative z-1">
                                            <a href="<?php echo e(route('service.details')); ?>"><img class="tw-rounded-xl"
                                                    src="<?php echo e(asset('assets/images/thumbs/service-three-thumb5.jpg')); ?>"
                                                    alt="thumb"></a>
                                            <div class="position-absolute start-0 top-0 tw-mt-2 tw-ms-2 tw-rounded-3xl tw-px-3"
                                                style="background: rgba(255, 255, 255, 0.2)">
                                                <p class="d-inline-flex tw-text-sm fw-bold text-white tw-gap-1 mb-0">
                                                    <span><i class="ph-bold ph-star"></i></span> 4,93
                                                </p>
                                            </div>
                                            <div class="position-absolute top-0 end-0 tw-mt-2 tw-me-2">
                                                <span class="text-white tw-text-2xl"><i class="ph ph-heart"></i></span>
                                            </div>
                                        </div>
                                        <div
                                            class="service-three-content d-flex align-items-center justify-content-between">
                                            <div>
                                                <h4><a class="tw-text-lg fw-normal tw-mb-2"
                                                        href="<?php echo e(route('service.details')); ?>">Villa, Kuta Premiere</a></h4>
                                                <div>
                                                    <ul class="d-flex tw-gap-5">
                                                        <li
                                                            class="d-inline-flex align-items-center tw-gap-2 tw-text-sm fw-normal">
                                                            <span class="lh-1"><img
                                                                    src="<?php echo e(asset('assets/images/icons/service-three-icon1.svg')); ?>"
                                                                    alt="icon"></span> 5 bedrooms
                                                        </li>
                                                        <li
                                                            class="d-inline-flex align-items-center tw-gap-2 tw-text-sm fw-normal">
                                                            <span class="lh-1"><img
                                                                    src="<?php echo e(asset('assets/images/icons/service-three-icon2.svg')); ?>"
                                                                    alt="icon"></span> 214m2
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                            <div>
                                                <h6 class="tw-text-lg fw-normal" style="color: #C49C74;">$ 990</h6>
                                                <p class="tw-text-xs">per month</p>
                                            </div>
                                        </div>
                                    </div>


                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <div class="overflow-hidden tw-pb-10">
            <div class="marquee tw_fade_anim">
                <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-three-icon.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-three-icon.svg')); ?>" alt="marquee"></span>
                    </div>
                    <div>
                        <h2 class="marquee-title fw-normal">Luxary hotel & resport</h2>
                    </div>
                </div>
            </div>
        </div>
        <div class="advance-two-area pb-120 position-relative z-1">
            <div class="container">
                <div class="row justify-content-between align-items-center tw-mb-25">
                    <div class="col-xl-8 col-lg-8">
                        <div class="section-two-wrapper tw_fade_anim" data-delay=".3">
                            <h6 class="section-two-subtitle tw-text-xl text-uppercase text-white tw-mb-6">Discover Beauty
                                Through Our Lens</h6>
                            <h2 class="section-two-title text-white tw-text-16 fw-normal tw-char-animation">Moments
                                Captured By Team Explore Our Gallery Seen</h2>
                        </div>
                    </div>
                    <div class="col-xl-3 col-lg-4">
                        <div class="gallery-two-btn d-flex justify-content-end tw_fade_anim" data-delay=".5">
                            <a class="tw-btn-hover-yellow bg-white tw-py-5 tw-px-12 text-uppercase text-heading font-heading d-inline-flex align-items-center tw-gap-2"
                                href="<?php echo e(route('room.details')); ?>">EXPLORE MORE</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="container-fluid">
                <div class="row">
                    <div class="col-xl-12">
                        <div class="advance-wrap advance-two-wrap">

                            <!-- item 1 -->
                            <div class="advance-two-item tw-p-405 tw-rounded-xl" style="background: #D9F8D3;">
                                <div class="advance-two-thumb tw-mb-6">
                                    <a href="<?php echo e(route('room.details')); ?>"><img class="tw-rounded-lg"
                                            src="<?php echo e(asset('assets/images/thumbs/advance-two-thumb1.jpg')); ?>" alt="thumb"></a>
                                </div>
                                <div class="tw-px-4 tw-pb-10">
                                    <h4 class="tw-text-7 fw-normal tw-mb-4"><a href="<?php echo e(route('room.details')); ?>">Island <br>
                                            Hopping</a></h4>
                                    <p>We offer dental services at highly innovative level, with innovative</p>
                                </div>
                            </div>

                            <!-- item 2 -->
                            <div class="advance-two-item tw-p-405 tw-rounded-xl" style="background: #FFFADB;">
                                <div class="advance-two-thumb tw-mb-6">
                                    <a href="<?php echo e(route('room.details')); ?>"><img class="tw-rounded-lg"
                                            src="<?php echo e(asset('assets/images/thumbs/advance-two-thumb2.jpg')); ?>" alt="thumb"></a>
                                </div>
                                <div class="tw-px-4 tw-pb-10">
                                    <h4 class="tw-text-7 fw-normal tw-mb-4"><a href="<?php echo e(route('room.details')); ?>">Scuba <br>
                                            Diving Trips</a></h4>
                                    <p>We offer dental services at highly innovative level, with innovative</p>
                                </div>
                            </div>

                            <!-- item 3 -->
                            <div class="advance-two-item tw-p-405 tw-rounded-xl" style="background: #D3E6D2;">
                                <div class="advance-two-thumb tw-mb-6">
                                    <a href="<?php echo e(route('room.details')); ?>"><img class="tw-rounded-lg"
                                            src="<?php echo e(asset('assets/images/thumbs/advance-two-thumb3.jpg')); ?>" alt="thumb"></a>
                                </div>
                                <div class="tw-px-4 tw-pb-10">
                                    <h4 class="tw-text-7 fw-normal tw-mb-4"><a href="<?php echo e(route('room.details')); ?>">Sunrise <br>
                                            Paddleboarding</a></h4>
                                    <p>We offer dental services at highly innovative level, with innovative</p>
                                </div>
                            </div>

                            <!-- item 4 -->
                            <div class="advance-two-item tw-p-405 tw-rounded-xl" style="background: #F8F2B9;">
                                <div class="advance-two-thumb tw-mb-6">
                                    <a href="<?php echo e(route('room.details')); ?>"><img class="tw-rounded-lg"
                                            src="<?php echo e(asset('assets/images/thumbs/advance-two-thumb4.jpg')); ?>" alt="thumb"></a>
                                </div>
                                <div class="tw-px-4 tw-pb-10">
                                    <h4 class="tw-text-7 fw-normal tw-mb-4"><a href="<?php echo e(route('room.details')); ?>">Sauna, Jacuzzi &
                                            <br>
                                            Steam Room</a></h4>
                                    <p>We offer dental services at highly innovative level, with innovative</p>
                                </div>
                            </div>

                            <!-- item 5 -->
                            <div class="advance-two-item tw-p-405 tw-rounded-xl" style="background: #FFDBDC;">
                                <div class="advance-two-thumb tw-mb-6">
                                    <a href="<?php echo e(route('room.details')); ?>"><img class="tw-rounded-lg"
                                            src="<?php echo e(asset('assets/images/thumbs/advance-two-thumb5.jpg')); ?>" alt="thumb"></a>
                                </div>
                                <div class="tw-px-4 tw-pb-10">
                                    <h4 class="tw-text-7 fw-normal tw-mb-4"><a href="<?php echo e(route('room.details')); ?>">Poolside Bar <br>
                                            & Lounge</a></h4>
                                    <p>We offer dental services at highly innovative level, with innovative</p>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
        <section class="service-four-area pt-120">
            <div class="container service-two-container">
                <div class="row justify-content-center">
                    <div class="col-xl-7 col-lg-10">
                        <div class="section-two-wrapper text-center tw-mb-14 tw_fade_anim">
                            <h6 class="section-two-subtitle tw-text-xl text-uppercase text-main-three-800 tw-mb-6">Gourmet
                                Dining, Unforgettable Moments</h6>
                            <h2 class="section-two-title tw-text-16 fw-normal tw-char-animation">We're Dedicated To
                                Providing You
                                Unforgettable Expierence</h2>
                        </div>
                    </div>
                </div>
                <div class="row tw-pb-14">
                    <div class="col-xl-4 col-lg-6 col-md-6">
                        <div class="service-two-wrapper tw_fade_anim" data-delay=".3">
                            <div class="service-two-thumb position-relative z-1 tw-mb-7">
                                <a href="<?php echo e(route('destination.details')); ?>"><img class="tw-rounded-xl"
                                        src="<?php echo e(asset('assets/images/thumbs/service-four-thumb1.jpg')); ?>" alt="thumb"></a>
                                <div class="position-absolute start-0 bottom-0 tw-mb-5 tw-ms-4">
                                    <ul class="d-flex tw-gap-2 flex-wrap row-gap-3">
                                        <li class="bg-white tw-rounded-3xl tw-py-2 tw-px-6 fw-medium text-heading">Luxury
                                        </li>
                                        <li
                                            class="bg-white tw-rounded-3xl tw-py-2 tw-px-6 fw-medium text-heading d-inline-flex tw-gap-2 align-items-center">
                                            <span class="d-inline-block lh-1"><img
                                                    src="<?php echo e(asset('assets/images/icons/service-two-icon1.svg')); ?>" alt=""></span>
                                            900 Sqft
                                        </li>
                                        <li
                                            class="bg-white tw-rounded-3xl tw-py-2 tw-px-6 fw-medium text-heading d-inline-flex tw-gap-2 align-items-center">
                                            <span class="d-inline-block lh-1"><img
                                                    src="<?php echo e(asset('assets/images/icons/service-two-icon2.svg')); ?>" alt=""></span>
                                            4 guest
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="service-two-content">
                                <h4 class="service-two-title tw-text-2xl fw-normal border-bottom border-neutral tw-pb-4"><a
                                        href="<?php echo e(route('destination.details')); ?>">Sunset Grill (Beach BBQ)</a></h4>
                                <span class="service-two-price font-heading tw-text-10 fw-normal text-heading">$599</span>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-4 col-lg-6 col-md-6">
                        <div class="service-two-wrapper tw_fade_anim" data-delay=".5">
                            <div class="service-two-thumb position-relative z-1 tw-mb-7">
                                <a href="<?php echo e(route('destination.details')); ?>"><img class="tw-rounded-xl"
                                        src="<?php echo e(asset('assets/images/thumbs/service-four-thumb2.jpg')); ?>" alt="thumb"></a>
                                <div class="position-absolute start-0 bottom-0 tw-mb-5 tw-ms-4">
                                    <ul class="d-flex tw-gap-2 flex-wrap row-gap-3">
                                        <li class="bg-white tw-rounded-3xl tw-py-2 tw-px-6 fw-medium text-heading">Luxury
                                        </li>
                                        <li
                                            class="bg-white tw-rounded-3xl tw-py-2 tw-px-6 fw-medium text-heading d-inline-flex tw-gap-2 align-items-center">
                                            <span class="d-inline-block lh-1"><img
                                                    src="<?php echo e(asset('assets/images/icons/service-two-icon1.svg')); ?>" alt=""></span>
                                            900 Sqft
                                        </li>
                                        <li
                                            class="bg-white tw-rounded-3xl tw-py-2 tw-px-6 fw-medium text-heading d-inline-flex tw-gap-2 align-items-center">
                                            <span class="d-inline-block lh-1"><img
                                                    src="<?php echo e(asset('assets/images/icons/service-two-icon2.svg')); ?>" alt=""></span>
                                            4 guest
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="service-two-content">
                                <h4 class="service-two-title tw-text-2xl fw-normal border-bottom border-neutral tw-pb-4"><a
                                        href="<?php echo e(route('destination.details')); ?>">Aqua Bar (Poolside Cocktails)</a></h4>
                                <span class="service-two-price font-heading tw-text-10 fw-normal text-heading">$599</span>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-4 col-lg-6 col-md-6">
                        <div class="service-two-wrapper tw_fade_anim" data-delay=".7">
                            <div class="service-two-thumb position-relative z-1 tw-mb-7">
                                <a href="<?php echo e(route('destination.details')); ?>"><img class="tw-rounded-xl"
                                        src="<?php echo e(asset('assets/images/thumbs/service-four-thumb3.jpg')); ?>" alt="thumb"></a>
                                <div class="position-absolute start-0 bottom-0 tw-mb-5 tw-ms-4">
                                    <ul class="d-flex tw-gap-2 flex-wrap row-gap-3">
                                        <li class="bg-white tw-rounded-3xl tw-py-2 tw-px-6 fw-medium text-heading">Luxury
                                        </li>
                                        <li
                                            class="bg-white tw-rounded-3xl tw-py-2 tw-px-6 fw-medium text-heading d-inline-flex tw-gap-2 align-items-center">
                                            <span class="d-inline-block lh-1"><img
                                                    src="<?php echo e(asset('assets/images/icons/service-two-icon1.svg')); ?>" alt=""></span>
                                            900 Sqft
                                        </li>
                                        <li
                                            class="bg-white tw-rounded-3xl tw-py-2 tw-px-6 fw-medium text-heading d-inline-flex tw-gap-2 align-items-center">
                                            <span class="d-inline-block lh-1"><img
                                                    src="<?php echo e(asset('assets/images/icons/service-two-icon2.svg')); ?>" alt=""></span>
                                            4 guest
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="service-two-content">
                                <h4 class="service-two-title tw-text-2xl fw-normal border-bottom border-neutral tw-pb-4"><a
                                        href="<?php echo e(route('destination.details')); ?>">The Palm (All-Day Dining)</a></h4>
                                <span class="service-two-price font-heading tw-text-10 fw-normal text-heading">$599</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <div class="overflow-hidden position-relative z-2" style="background: #f7f7ee;">
            <div class="marquee">
                <div class="d-inline-flex align-items-center tw-gap-14 tw-pb-25">
                    <div class="marquee-icon">
                        <span><img src="<?php echo e(asset('assets/images/icons/marquee-three-icon.svg')); ?>" alt="marquee"></span>
                    </div>
                    <div>
                        <h2 class="marquee-title text-black fw-normal">Luxary hotel & resport</h2>
                    </div>
                </div>
                <div class="d-inline-flex align-items-center tw-gap-14 tw-pb-25">
                    <div class="marquee-icon">
                        <span><img src="<?php echo e(asset('assets/images/icons/marquee-three-icon.svg')); ?>" alt="marquee"></span>
                    </div>
                    <div>
                        <h2 class="marquee-title text-black fw-normal">Luxary hotel & resport</h2>
                    </div>
                </div>
            </div>
            <div class="marquee-three-2-bg">
                <img src="<?php echo e(asset('assets/images/thumbs/marquee-three-2-bg.jpg')); ?>" alt="bg">
            </div>
        </div>
        <!-- ==== / Brand section start ==== -->
        <div class="brand-three-area py-120">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-xl-12">
                        <div class="section-two-wrapper text-center tw-mb-14 tw_fade_anim">
                            <h6 class="section-two-subtitle tw-text-xl text-uppercase text-main-three-800 tw-mb-6">Find
                                unique homes in vibrant places.</h6>
                            <h2 class="section-two-title tw-text-16 fw-normal tw-char-animation">We’re Trusted By Companies
                                Like</h2>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-xl-3 col-lg-6 col-md-6 col-sm-6">
                        <div class="brand-three-wrapper position-relative d-flex align-items-center justify-content-center tw-rounded-lg border border-neutral tw-py-15 tw-mb-7 cursor-pointer tw_fade_anim"
                            data-delay=".3">
                            <span class="brand-three-active-media"><img src="<?php echo e(asset('assets/images/thumbs/brand-three-img1.png')); ?>"
                                    alt="thumb"></span>
                            <span class="brand-three-hover-media"><img src="<?php echo e(asset('assets/images/thumbs/brand-three-img11.png')); ?>"
                                    alt="thumb"></span>
                        </div>
                    </div>
                    <div class="col-xl-3 col-lg-6 col-md-6 col-sm-6">
                        <div class="brand-three-wrapper position-relative d-flex align-items-center justify-content-center tw-rounded-lg border border-neutral tw-py-15 tw-mb-7 cursor-pointer tw_fade_anim"
                            data-delay=".5">
                            <span class="brand-three-active-media"><img src="<?php echo e(asset('assets/images/thumbs/brand-three-img2.png')); ?>"
                                    alt="thumb"></span>
                            <span class="brand-three-hover-media"><img src="<?php echo e(asset('assets/images/thumbs/brand-three-img22.png')); ?>"
                                    alt="thumb"></span>
                        </div>
                    </div>
                    <div class="col-xl-3 col-lg-6 col-md-6 col-sm-6">
                        <div class="brand-three-wrapper position-relative d-flex align-items-center justify-content-center tw-rounded-lg border border-neutral tw-py-15 tw-mb-7 cursor-pointer tw_fade_anim"
                            data-delay=".7">
                            <span class="brand-three-active-media"><img src="<?php echo e(asset('assets/images/thumbs/brand-three-img3.png')); ?>"
                                    alt="thumb"></span>
                            <span class="brand-three-hover-media"><img src="<?php echo e(asset('assets/images/thumbs/brand-three-img33.png')); ?>"
                                    alt="thumb"></span>
                        </div>
                    </div>
                    <div class="col-xl-3 col-lg-6 col-md-6 col-sm-6">
                        <div class="brand-three-wrapper position-relative d-flex align-items-center justify-content-center tw-rounded-lg border border-neutral tw-py-15 tw-mb-7 cursor-pointer tw_fade_anim"
                            data-delay=".9">
                            <span class="brand-three-active-media"><img src="<?php echo e(asset('assets/images/thumbs/brand-three-img4.png')); ?>"
                                    alt="thumb"></span>
                            <span class="brand-three-hover-media"><img src="<?php echo e(asset('assets/images/thumbs/brand-three-img44.png')); ?>"
                                    alt="thumb"></span>
                        </div>
                    </div>
                </div>
                <div class="row justify-content-center">
                    <div class="col-xl-9">
                        <div class="row">
                            <div class="col-xl-4 col-lg-6 col-md-6 col-sm-6">
                                <div class="brand-three-wrapper position-relative d-flex align-items-center justify-content-center tw-rounded-lg border border-neutral tw-py-15 tw-mb-7 cursor-pointer tw_fade_anim"
                                    data-delay=".2">
                                    <span class="brand-three-active-media"><img
                                            src="<?php echo e(asset('assets/images/thumbs/brand-three-img5.png')); ?>" alt="thumb"></span>
                                    <span class="brand-three-hover-media"><img
                                            src="<?php echo e(asset('assets/images/thumbs/brand-three-img55.png')); ?>" alt="thumb"></span>
                                </div>
                            </div>
                            <div class="col-xl-4 col-lg-6 col-md-6 col-sm-6">
                                <div class="brand-three-wrapper position-relative d-flex align-items-center justify-content-center tw-rounded-lg border border-neutral tw-py-15 tw-mb-7 cursor-pointer tw_fade_anim"
                                    data-delay=".5">
                                    <span class="brand-three-active-media"><img
                                            src="<?php echo e(asset('assets/images/thumbs/brand-three-img6.png')); ?>" alt="thumb"></span>
                                    <span class="brand-three-hover-media"><img
                                            src="<?php echo e(asset('assets/images/thumbs/brand-three-img66.png')); ?>" alt="thumb"></span>
                                </div>
                            </div>
                            <div class="col-xl-4 col-lg-6 col-md-6 col-sm-6">
                                <div class="brand-three-wrapper position-relative d-flex align-items-center justify-content-center tw-rounded-lg border border-neutral tw-py-15 tw-mb-7 cursor-pointer tw_fade_anim"
                                    data-delay=".7">
                                    <span class="brand-three-active-media"><img
                                            src="<?php echo e(asset('assets/images/thumbs/brand-three-img7.png')); ?>" alt="thumb"></span>
                                    <span class="brand-three-hover-media"><img
                                            src="<?php echo e(asset('assets/images/thumbs/brand-three-img77.png')); ?>" alt="thumb"></span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- ==== / Brand section end ==== -->
        <section class="contact-three-area py-120 position-relative z-1">
            <div class="container">
                <div class="row">
                    <div class="col-xl-5">

                    </div>
                    <div class="col-xl-7 col-lg-10">
                        <div class="contact-three-wrapper tw-ms-8">
                            <div class="section-two-wrapper tw-mb-14 tw_fade_anim">
                                <h6 class="section-two-subtitle tw-text-xl text-uppercase text-main-three-800 tw-mb-6">Find
                                    unique homes in vibrant places.</h6>
                                <h2 class="section-two-title tw-text-16 fw-normal tw-mb-3 tw-char-animation">Experience
                                    Hospitality Like
                                    Never Before Book now!</h2>
                                <p class="tw-text-lg fw-medium tw-me-10">Welcome to Marcus Medical, your pathway to
                                    natural-looking results from
                                    industry-leading injectors and plastic surgeons in South Bay.</p>
                            </div>
                            <div class="tw_fade_anim">
                                <form action="#">
                                    <div class="row gy-4 gx-3">
                                        <div class="col-xl-6 col-lg-6">
                                            <div class="position-relative z-1">
                                                <input type="text"
                                                    class="contact-three-input cursor-big tw-px-6 tw-py-7 bg-white tw-rounded-lg border-0 focus-outline-0 w-100 tw-placeholder-transition-2 focus-tw-placeholder-text-hidden shadow-none"
                                                    placeholder="Full Name">
                                                <div class="position-absolute top-50 end-0 translate-middle-y tw-me-7">
                                                    <span class="tw-text-2xl"><i class="ph ph-user"></i></span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-xl-6 col-lg-6">
                                            <div class="position-relative z-1">
                                                <input type="text"
                                                    class="contact-three-input cursor-big tw-px-6 tw-py-7 bg-white tw-rounded-lg border-0 focus-outline-0 w-100 tw-placeholder-transition-2 focus-tw-placeholder-text-hidden shadow-none"
                                                    placeholder="Phone Number">
                                                <div class="position-absolute top-50 end-0 translate-middle-y tw-me-7">
                                                    <span class="tw-text-2xl"><i class="ph ph-phone-call"></i></span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-xl-6 col-lg-6">
                                            <div class="position-relative z-1">
                                                <input type="text"
                                                    class="contact-three-input cursor-big tw-px-6 tw-py-7 bg-white tw-rounded-lg border-0 focus-outline-0 w-100 tw-placeholder-transition-2 focus-tw-placeholder-text-hidden shadow-none"
                                                    placeholder="Check In">
                                                <div class="position-absolute top-50 end-0 translate-middle-y tw-me-7">
                                                    <span class="tw-text-2xl"><i class="ph ph-calendar-blank"></i></span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-xl-6 col-lg-6">
                                            <div class="position-relative z-1">
                                                <input type="text"
                                                    class="contact-three-input cursor-big tw-px-6 tw-py-7 bg-white tw-rounded-lg border-0 focus-outline-0 w-100 tw-placeholder-transition-2 focus-tw-placeholder-text-hidden shadow-none"
                                                    placeholder="Check Out">
                                                <div class="position-absolute top-50 end-0 translate-middle-y tw-me-7">
                                                    <span class="tw-text-2xl"><i class="ph ph-calendar-blank"></i></span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-xl-6 col-lg-6">
                                            <div class="position-relative z-1">
                                                <input type="text"
                                                    class="contact-three-input cursor-big tw-px-5 tw-py-6 bg-white tw-rounded-lg border-0 focus-outline-0 w-100 tw-placeholder-transition-2 focus-tw-placeholder-text-hidden shadow-none"
                                                    placeholder="Number of Guests">
                                                <div class="position-absolute top-50 end-0 translate-middle-y tw-me-7">
                                                    <span class="tw-text-2xl"><i class="ph ph-users"></i></span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-xl-6 col-lg-6">
                                            <div
                                                class="nice-select contact-three-nice-select tw-text-base tw-px-5 tw-h-18 d-inline-flex align-items-center font-body text-body bg-white tw-rounded-lg border-0 w-100">
                                                <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="col-xl-12">
                                            <div class="tw-mt-6">
                                                <button
                                                    class="tw-btn-hover-yellow bg-main-three-600 tw-py-6 tw-px-16 text-capitalize text-white font-heading d-inline-flex fw-bold align-items-center tw-gap-2">make
                                                    reservation</button>
                                            </div>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="contact-three-bg position-absolute start-0 top-0 h-100">
                <img class="w-100 h-100 object-fit-cover" src="<?php echo e(asset('assets/images/thumbs/contact-three-bg.jpg')); ?>" alt="bg">
            </div>
        </section>
        <section class="py-120">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-xl-9">
                        <div class="section-two-wrapper text-center tw-mb-14 tw_fade_anim">
                            <h6 class="section-two-subtitle tw-text-xl text-uppercase text-main-three-800 tw-mb-6">Find
                                unique homes in vibrant places.</h6>
                            <h2 class="section-two-title tw-text-16 fw-normal tw-mb-3 tw-char-animation">We're Dedicated To
                                Providing You Unforgettable Expierence</h2>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-xl-5 col-lg-6">
                        <div class="blog-three-wrapepr tw-mb-7 tw_fade_anim" data-delay=".3">
                            <div class="blog-three-thumb tw-mb-10">
                                <a href="<?php echo e(route('blog.details')); ?>"><img src="<?php echo e(asset('assets/images/thumbs/blog-three-thumb1.jpg')); ?>"
                                        alt="thumb"></a>
                            </div>
                            <div>
                                <h4 class="blog-three-title tw-text-2xl fw-normal tw-mb-5"><a
                                        href="<?php echo e(route('blog.details')); ?>">Innovations in Cardiac Care: What’s Next for Heart
                                        Health?</a></h4>
                                <div>
                                    <a class="fw-bold d-inline-flex align-items-center tw-gap-2" style="color: #095091;"
                                        href="<?php echo e(route('blog.details')); ?>">Learn More <span><i
                                                class="ph ph-arrow-up-right"></i></span></a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-7 col-lg-6">
                        <div class="blog-three-wrapepr tw-mb-7 tw_fade_anim" data-delay=".5">
                            <div class="blog-three-thumb tw-mb-9">
                                <a href="<?php echo e(route('blog.details')); ?>"><img src="<?php echo e(asset('assets/images/thumbs/blog-three-thumb2.jpg')); ?>"
                                        alt="thumb"></a>
                            </div>
                            <div>
                                <h4 class="blog-three-title tw-text-9 fw-normal tw-mb-5"><a href="<?php echo e(route('blog.details')); ?>">The
                                        Importance of Regular Heart Screenings and Checkups</a></h4>
                                <div>
                                    <a class="fw-bold d-inline-flex align-items-center tw-gap-2" style="color: #095091;"
                                        href="<?php echo e(route('blog.details')); ?>">Learn More <span><i
                                                class="ph ph-arrow-up-right"></i></span></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <section class="background-img position-relative z-1 tw-pt-25 tw-pb-23"
            data-background-image="<?php echo e(asset('assets/images/thumbs/cta-three-bg.jpg')); ?>">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-xl-12">
                        <div class="cta-three-wrapper tw-pt-27 tw-pb-22 tw-px-20 tw_fade_anim">
                            <div class="section-two-wrapper text-center tw-mb-8">
                                <h6 class="section-two-subtitle tw-text-xl text-uppercase text-main-three-600 tw-mb-4">Find
                                    unique homes in vibrant places.</h6>
                                <h2 class="section-two-title tw-text-25 text-white fw-normal tw-char-animation">Book Your
                                    Beachside Escape Today</h2>
                            </div>
                            <div class="tw-mt-6 text-center">
                                <a class="tw-btn-hover-yellow bg-main-three-600 tw-py-6 tw-px-16 text-capitalize text-white font-heading d-inline-flex fw-bold align-items-center tw-gap-2"
                                    href="<?php echo e(route('contact')); ?>">make reservation <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>
        </section>

        <!-- ========================== footer area ============================ -->
        <?php echo $__env->make('frontend.includes.footers.footerThree', 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/indexThree.blade.php ENDPATH**/ ?>