<body class="bg-gradient-to-r from-blue-600 to-purple-600 font-sans leading-normal tracking-normal h-screen flex items-center justify-center"> <div class="bg-white bg-opacity-30 backdrop-blur-lg shadow-2xl rounded-2xl p-12 max-w-4xl w-full text-center"> <h1 class="text-5xl font-extrabold text-gray-900 mb-4 animate-fade-in">🎅 Talk to Santa in Real Time!</h1> <p class="text-xl text-gray-700 mb-8">Experience the magic of Christmas like never before. Connect with Santa through the power of AI and share your wishes!</p> <a href="#" class="inline-flex items-center justify-center bg-gradient-to-r from-red-500 to-yellow-500 text-white text-lg font-semibold py-4 px-8 rounded-full shadow-lg hover:shadow-xl transition-all duration-300 ease-in-out transform hover:scale-105"> <i class="fa-solid fa-comments mr-2"></i> Start Chatting </a> <div class="mt-8"> <img src="https://www.tailwindai.dev/placeholder.svg" alt="Santa's Hotline" class="rounded-lg shadow-lg w-full max-w-md mx-auto animate-bounce"> </div> </div> </body>