<!-- ==================== Footer Three Start Here ==================== -->
<footer class="footer footer-three-area position-relative z-1 overflow-hidden">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-xl-8">
                <div class="mb-0 text-center tw-py-10 tw_fade_anim">
                    <a href="<?php echo e(route('indexThree')); ?>" class="">
                        <img src="<?php echo e(asset('assets/images/logo/logo.png')); ?>" alt="Logo">
                    </a>
                </div>
            </div>
        </div>
    </div>
    <div class="footer-center-space footer-three-center-space position-relative z-1">
        <div class="container container-two">
            <div class="footer-center-border tw-pt-4">
                <div class="row gy-5">
                    <div class="col-xl-3 col-lg-3 col-md-4 col-sm-12 col-xs-12 aos-init aos-animate" data-aos="fade-up"
                        data-aos-duration="1200">
                        <div class="footer-three-col-1 tw_fade_anim" data-delay=".3">
                            <ul class="d-flex flex-column tw-gap-4">
                                <li>
                                    <a href="#"
                                        class="text-white tw-text-2xl hover-underline font-heading fw-normal hover-text-main-three-600">About
                                        Hotel</a>
                                </li>
                                <li>
                                    <a href="#"
                                        class="text-white tw-text-2xl hover-underline font-heading fw-normal hover-text-main-three-600">Services</a>
                                </li>
                                <li>
                                    <a href="#"
                                        class="text-white tw-text-2xl hover-underline font-heading fw-normal hover-text-main-three-600">Villas</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-xl-6 col-lg-6 col-md-8 col-sm-12 col-xs-12 aos-init aos-animate" data-aos="fade-up"
                        data-aos-duration="400">
                        <div class="footer-three-col-2 tw_fade_anim" data-delay=".5">
                            <div class="footer-three-address text-center">
                                <a class="footer-three-telk font-heading fw-normal tw-text-12 text-white hover-text-main-three-600"
                                    href="tel:+01622 330-77-00">+01622 330-77-00</a>
                                <a class="font-heading fw-normal tw-text-8 text-white d-block hover-text-main-three-600"
                                    href="mailto:info@example.com">info@example.com</a>
                            </div>
                            <div class="d-flex justify-content-between flex-wrap row-gap-3">
                                <div>
                                    <span class="text-white d-inline-flex justify-content-start">Ta-134/A, Gulshan Badda
                                        Link <br> (+880)155 69569 365</span>
                                </div>
                                <div>
                                    <span class="text-white  d-inline-flex justify-content-end">Office Hours: 8AM - 11PM
                                        <br> Sunday - Wekend Day</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-3 col-lg-3 col-md-6 col-sm-12 col-xs-12 aos-init aos-animate" data-aos="fade-up"
                        data-aos-duration="600">
                        <div class="footer-three-col-3 tw_fade_anim" data-delay=".7">
                            <ul class="d-inline-flex flex-column tw-gap-4 justify-content-end">
                                <li>
                                    <a href="#"
                                        class="text-white tw-text-2xl hover-underline font-heading fw-normal hover-text-main-three-600">Facebook</a>
                                </li>
                                <li>
                                    <a href="#"
                                        class="text-white tw-text-2xl hover-underline font-heading fw-normal hover-text-main-three-600">Instagram</a>
                                </li>
                                <li>
                                    <a href="#"
                                        class="text-white tw-text-2xl hover-underline font-heading fw-normal hover-text-main-three-600">Pinterest</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="container">
        <!-- bottom Footer -->
        <div class="footer-bottom tw-py-10">
            <div class="container container-two">
                <div class="footer-bottom-wrap d-flex align-items-center justify-content-between tw-gap-4 flex-wrap">
                    <p class="text--white text-line-1 fw-medium tw_fade_anim" data-delay=".3">Copyright © 2025 by <a
                            class="text-main-three-600 hover-text-white" href="#">Wowtheme7</a>. All Rights
                        Reserved</p>
                    <ul class="footer-bottom-social d-flex align-items-center tw-gap-6 aos-init tw_fade_anim"
                        data-delay=".5">
                        <li>
                            <a href="https://www.facebook.com"
                                class="tw-w-8 tw-h-8 lh-1 d-inline-flex align-items-center tw-text-xs justify-content-center rounded-circle text-white border border-neutral-900 hover-bg-main-three-600 hover-text-white hover-border-main-three-600"><i
                                    class="ph-bold ph-facebook-logo"></i></a>
                        </li>
                        <li>
                            <a href="https://www.twitter.com"
                                class="tw-w-8 tw-h-8 lh-1 d-inline-flex align-items-center tw-text-xs justify-content-center rounded-circle text-white border border-neutral-900 hover-bg-main-three-600 hover-text-white hover-border-main-three-600"><i
                                    class="ph-bold ph-twitter-logo"></i></a>
                        </li>
                        <li>
                            <a href="https://www.linkedin.com"
                                class="tw-w-8 tw-h-8 lh-1 d-inline-flex align-items-center tw-text-xs justify-content-center rounded-circle text-white border border-neutral-900 hover-bg-main-three-600 hover-text-white hover-border-main-three-600"><i
                                    class="ph-bold ph-instagram-logo"></i></a>
                        </li>
                        <li>
                            <a href="https://www.pinterest.com"
                                class="tw-w-8 tw-h-8 lh-1 d-inline-flex align-items-center tw-text-xs justify-content-center rounded-circle text-white border border-neutral-900 hover-bg-main-three-600 hover-text-white hover-border-main-three-600"><i
                                    class="ph-bold ph-dribbble-logo"></i></a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</footer>
<!-- ==================== Footer Three End Here ==================== -->
<?php /**PATH D:\laragon\www\elitestay\resources\views/frontend/includes/footers/footerThree.blade.php ENDPATH**/ ?>