<body class="bg-gradient-to-r from-blue-500 to-purple-600 font-sans leading-normal tracking-normal"> <header class="bg-white shadow-lg"> <div class="max-w-6xl mx-auto px-4 flex justify-between items-center py-4"> <div class="flex items-center"> <h1 class="text-2xl font-bold text-gray-800">Auction Hub</h1> </div> <nav class="hidden md:flex space-x-4"> <a href="#" class="text-gray-700 hover:text-gray-900">Home</a> <a href="#" class="text-gray-700 hover:text-gray-900">All Auctions</a> <a href="#" class="text-gray-700 hover:text-gray-900">My Auctions</a> <a href="#" class="text-gray-700 hover:text-gray-900">Create Auction</a> <a href="#" class="text-gray-700 hover:text-gray-900">Notifications</a> </nav> <div class="flex space-x-4"> <a href="#" class="text-gray-700 hover:text-gray-900">Login</a> <a href="#" class="bg-blue-500 text-white px-4 py-2 rounded hover:bg-blue-400">Sign Up</a> </div> </div> </header> <div class="flex flex-col items-center justify-center h-screen text-center text-white"> <h2 class="text-4xl font-bold mb-2">Welcome to Auction Hub - Your Ultimate Online Auction Experience</h2> <p class="text-lg mb-6">Post items, place bids, and stay notified with real-time updates.</p> <div class="space-x-4"> <a href="#" class="bg-yellow-400 text-gray-800 px-6 py-3 rounded hover:bg-yellow-300">Get Started</a> <a href="#" class="bg-transparent border border-white px-6 py-3 rounded hover:bg-white hover:text-gray-800">View Auctions</a> </div> </div> </body>