{{-- Top Bar --}}
<div class="bg-brand-dark text-gray-400 text-xs py-2 hidden md:block border-b border-gray-800">
    <div class="container mx-auto px-4 flex justify-between items-center">
        <div class="flex items-center space-x-6">
            <span class="flex items-center space-x-1">
                <i data-lucide="phone" class="w-3 h-3"></i>
                <span>09020025723</span>
            </span>
            <span class="flex items-center space-x-1">
                <i data-lucide="message-circle" class="w-3 h-3 text-green-400"></i>
                <span>09079472808</span>
            </span>
        </div>
        <div class="flex items-center space-x-6">
            <a href="{{ url('/about') }}" class="hover:text-white transition-colors">About Us</a>
            <a href="{{ url('/contact') }}" class="hover:text-white transition-colors">Contact</a>
            <a href="{{ url('/blog') }}" class="hover:text-white transition-colors">Blog</a>
            <span class="text-gray-600">|</span>
            <span class="flex items-center space-x-1">
                <i data-lucide="globe" class="w-3 h-3"></i>
                <span>USD</span>
            </span>
        </div>
    </div>
</div>