<footer class="bg-primary text-white py-16">
    <div class="container mx-auto px-4">
        <div class="grid grid-cols-1 md:grid-cols-4 gap-12">
            <div>
                <div class="mb-6">
                    <img src="assets/img/KLEINS.png" alt="KLEINS REAL ESTATE Logo" class="h-16 w-16 object-contain footer-logo">
                </div>
                <p class="text-gray-300 mb-6">Professional real estate services with over 15 years of experience in premium property markets.</p>
                <div class="flex space-x-4">
                    <a href="#" class="text-gray-300 hover:text-white transition" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
                    <a href="#" class="text-gray-300 hover:text-white transition" aria-label="Twitter"><i class="fab fa-twitter"></i></a>
                    <a href="#" class="text-gray-300 hover:text-white transition" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
                    <a href="#" class="text-gray-300 hover:text-white transition" aria-label="LinkedIn"><i class="fab fa-linkedin-in"></i></a>
                </div>
            </div>
            
            <div>
                <h3 class="text-xl font-bold mb-6">Quick Links</h3>
                <ul class="space-y-3">
                    <li><a href="home.html" class="text-gray-300 hover:text-white transition">Home</a></li>
                    <li><a href="properties.html" class="text-gray-300 hover:text-white transition">Properties</a></li>
                    <li><a href="services.html" class="text-gray-300 hover:text-white transition">Services</a></li>
                    <li><a href="about.html" class="text-gray-300 hover:text-white transition">About Us</a></li>
                    <li><a href="contact.html" class="text-gray-300 hover:text-white transition">Contact</a></li>
                </ul>
            </div>
            
            <div>
                <h3 class="text-xl font-bold mb-6">Services</h3>
                <ul class="space-y-3">
                    <li><a href="services.html" class="text-gray-300 hover:text-white transition">Property Sales</a></li>
                    <li><a href="services.html" class="text-gray-300 hover:text-white transition">Property Leasing</a></li>
                    <li><a href="services.html" class="text-gray-300 hover:text-white transition">Investment Advisory</a></li>
                    <li><a href="services.html" class="text-gray-300 hover:text-white transition">Property Management</a></li>
                </ul>
            </div>
            
            <div>
                <h3 class="text-xl font-bold mb-6">Contact Info</h3>
                <ul class="space-y-4 text-gray-300">
                    <li class="flex items-start">
                        <i class="fas fa-map-marker-alt mt-1 mr-4" aria-hidden="true"></i>
                        <span>123 Real Estate Avenue, Suite 500<br>New York, NY 10001</span>
                    </li>
                    <li class="flex items-center">
                        <i class="fas fa-phone-alt mr-4" aria-hidden="true"></i>
                        <span>(555) 123-4567</span>
                    </li>
                    <li class="flex items-center">
                        <i class="fas fa-envelope mr-4" aria-hidden="true"></i>
                        <span>info@kleins.com</span>
                    </li>
                </ul>
            </div>
        </div>
        
        <div class="border-t border-blue-800 mt-12 pt-8 text-center text-gray-400">
            <p>&copy; 2025 KLEINS REAL ESTATE. All rights reserved. | <a href="#" class="hover:text-white transition">Privacy Policy</a> | <a href="#" class="hover:text-white transition">Terms of Service</a></p>
        </div>
    </div>
</footer>