<header class="bg-white shadow-md sticky top-0 z-50">
    <div class="container mx-auto px-4 py-4">
        <div class="flex justify-between items-center">
            <div>
                <img src="assets/img/KLEINS.png" alt="KLEINS REAL ESTATE Logo" class="h-24 w-24 object-contain">
            </div>
            <nav class="hidden md:flex space-x-8">
                <a href="home.html" class="nav-link text-gray-600 hover:text-primary transition">Home</a>
                <a href="properties.html" class="nav-link text-gray-600 hover:text-primary transition">Properties</a>
                <a href="services.html" class="nav-link text-gray-600 hover:text-primary transition">Services</a>
                <a href="about.html" class="nav-link text-gray-600 hover:text-primary transition">About</a>
                <a href="contact.html" class="nav-link text-gray-600 hover:text-primary transition">Contact</a>
            </nav>
            <div class="flex items-center space-x-4">
                <button class="hidden md:block bg-primary hover:bg-blue-800 text-white font-medium py-2 px-6 rounded-lg transition duration-300">
                    Schedule Tour
                </button>
                <button class="md:hidden text-gray-600 mobile-menu-toggle">
                    <i class="fas fa-bars text-2xl"></i>
                </button>
            </div>
        </div>
        <!-- Mobile Menu -->
        <div class="mobile-menu md:hidden hidden mt-4 pb-4">
            <nav class="flex flex-col space-y-3">
                <a href="home.html" class="nav-link text-gray-600 hover:text-primary transition py-2">Home</a>
                <a href="properties.html" class="nav-link text-gray-600 hover:text-primary transition py-2">Properties</a>
                <a href="services.html" class="nav-link text-gray-600 hover:text-primary transition py-2">Services</a>
                <a href="about.html" class="nav-link text-gray-600 hover:text-primary transition py-2">About</a>
                <a href="contact.html" class="nav-link text-gray-600 hover:text-primary transition py-2">Contact</a>
            </nav>
        </div>
    </div>
</header>