Dainel Vera
<body class="relative flex items-center justify-center h-screen bg-cover bg-center" style="background-image: url('https://www.tailwindai.dev/placeholder.svg');"> <div class="bg-gradient-to-r from-green-400 to-green-600 shadow-2xl rounded-3xl p-10 max-w-md w-full text-center backdrop-blur-lg bg-opacity-80"> <h1 class="text-4xl font-bold mb-4 text-white">Coming Soon</h1> <p class="text-gray-200 mb-6">We're working hard to bring you something amazing. Stay tuned!</p> <div class="mb-6"> <input type="email" class="w-full p-3 border border-gray-300 rounded-lg shadow-md focus:outline-none focus:ring-2 focus:ring-green-400" placeholder="Enter your email for updates"> </div> <button class="w-full bg-white text-green-600 p-3 rounded-lg shadow-md hover:bg-gray-100 transition-all duration-300 ease-in-out">Notify Me</button> <div class="mt-6"> <p class="text-gray-300">Follow us on:</p> <div class="flex justify-center space-x-4 mt-2"> <a href="#" class="text-white hover:text-gray-200"><i class="fa-solid fa-envelope"></i></a> <a href="#" class="text-white hover:text-gray-200"><i class="fa-solid fa-twitter"></i></a> <a href="#" class="text-white hover:text-gray-200"><i class="fa-solid fa-facebook"></i></a> </div> </div> </div> </body>