<header class="fixed top-0 right-0 left-0 z-10 flex-shrink-0 transition-all">
    <div class="bg-white/80 backdrop-blur-lg border-b border-gray-100 shadow-sm">
        <div class="flex items-center justify-between h-16 px-6 default-site-margin">
            <!-- Logo Section -->
            <div class="flex items-center">
                <a href="/" class="flex items-center space-x-2 hover:opacity-80 transition-opacity">
                    <span
                        class="text-2xl font-bold bg-gradient-to-r from-primary to-primary/80 bg-clip-text text-transparent">
                        iBuyData
                    </span>
                </a>
            </div>

            <!-- Navigation -->
            <nav class="flex items-center">
                <a href="/"
                    class="px-4 py-2 text-gray-600 hover:text-primary rounded-lg transition-all hover:bg-gray-50 text-sm font-medium">
                    Home
                </a>
            </nav>
        </div>
    </div>
</header>
