
<!-- Footer -->
<footer class="bg-[var(--primary-color)] text-white py-10">
    <div class="lg:container mx-auto px-4 md:px-10 lg:px-32">
    <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-10">
        <!-- Column 1: Logo and Description -->
        <div>
        <img
            src="https://cdn.shopify.com/s/files/1/0953/3892/2265/files/Uphaar-Logo_2.png?v=1753176059"
            alt="Logo"
            class="aspect-video object-contain w-[200px] mb-4"
        />
        <p class="text-lg font-light">
            Your trusted partner in finding dream properties. We bring you the
            best options for buying, renting, and investing.
        </p>
        </div>

        <!-- Column 2: Quick Links -->
        <div class="md:ps-16 lg:ps-20">
        <h3 class="text-xl font-semibold mb-4">Quick Links</h3>
        <ul class="space-y-2">
            <li><a href="#home" class="hover:text-gray-300">Home</a></li>
            <li><a href="#about" class="hover:text-gray-300">About Us</a></li>
            <li>
            <a href="#properties" class="hover:text-gray-300">Properties</a>
            </li>
            <li>
            <a href="#contact" class="hover:text-gray-300">Contact</a>
            </li>
        </ul>
        </div>

        <!-- Column 3: Contact Information -->
        <div>
        <h3 class="text-xl font-semibold mb-4">Contact</h3>
        <ul>
            <li class="mb-2">
            <span class="lucide lucide-map-pin mr-2"></span>123 Real Estate
            Avenue, City, State
            </li>
            <li class="mb-2">
            <span class="lucide lucide-phone mr-2"></span>+1 (123) 456-7890
            </li>
            <li class="mb-2">
            <span class="lucide lucide-mail mr-2"></span>info@realestate.com
            </li>
        </ul>
        </div>
    </div>

    <!-- Bottom Row: Copyright and Social Icons -->
    <div
        class="flex justify-between items-center mt-10 border-t border-gray-50 pt-4"
    >
        <div class="text-sm">
        <p>&copy; 2025 Real Estate. All rights reserved.</p>
        </div>
        <div class="flex space-x-4">
        <a href="#" class="text-white hover:text-gray-300">
            <span class="lucide lucide-facebook"></span>
        </a>
        <a href="#" class="text-white hover:text-gray-300">
            <span class="lucide lucide-twitter"></span>
        </a>
        <a href="#" class="text-white hover:text-gray-300">
            <span class="lucide lucide-linkedin"></span>
        </a>
        <a href="#" class="text-white hover:text-gray-300">
            <span class="lucide lucide-instagram"></span>
        </a>
        </div>
    </div>
    </div>
</footer>

<!-- Scripts -->
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
<script src="<?php echo e(asset('assets/scripts/index.js')); ?>"></script>
<script src="<?php echo e(asset('assets/scripts/main.js')); ?>"></script>
<script>
    const mobileMenuButton = document.getElementById("mobile-menu-button");
    const mobileMenu = document.getElementById("mobile-menu");
    const mobilePropertyButton = document.getElementById(
    "mobile-property-button"
    );
    const mobilePropertyDropdown = document.getElementById(
    "mobile-property-dropdown"
    );

    // Toggle mobile menu visibility
    mobileMenuButton.addEventListener("click", () => {
    mobileMenu.classList.toggle("hidden");
    });

    // Toggle mobile property dropdown visibility
    mobilePropertyButton.addEventListener("click", () => {
    mobilePropertyDropdown.classList.toggle("hidden");
    });
</script><?php /**PATH E:\Arif_Website\realState\resources\views/frontend/body/footer.blade.php ENDPATH**/ ?>