<div class="min-h-screen bg-gray-50"> <div class="bg-blue-600"> <div class="container mx-auto px-4 py-16"> <div class="max-w-3xl mx-auto text-center"> <h1 class="text-4xl font-bold mb-6 text-white">Login to PDF Masking Tool</h1> <p class="text-xl mb-8 text-white">Access your secure PDF masking dashboard</p> </div> </div> </div> <div class="container mx-auto px-4 py-16"> <div class="flex justify-center items-center min-h-[400px]"> <div class="bg-white p-8 rounded-lg shadow-md max-w-md w-full"> <h2 class="text-2xl font-bold mb-6 text-center">Welcome Back</h2> <form enctype="multipart/form-data" action="/loginauth" method="post"><button type="submit" class="w-full bg-white text-gray-700 px-4 py-2 rounded-lg border border-gray-300 hover:bg-gray-50 transition-colors font-semibold flex items-center justify-center"> <div class="flex items-center justify-center"> <svg viewbox="0 0 24 24" class="w-5 h-5 mr-2">....</svg>Continue with GitHub </div> </button></form> <div class="mt-4 text-center"> <a href="/" class="text-blue-600 hover:text-blue-800 transition-colors">← Back to Home</a> </div> </div> </div> </div> <div class="bg-gray-800 py-8"> <div class="container mx-auto px-4"> <p class="text-center text-white">© 2024 PDF Masking Tool. All rights reserved.</p> </div> </div> </div>