<div class="min-h-screen"> <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">PDF Document Masking Made Simple</h1> <p class="text-xl mb-8 text-white">Secure your sensitive information with our intuitive PDF masking tool</p> <a href="/upload" class="bg-white text-blue-600 px-8 py-3 rounded-lg font-semibold hover:bg-blue-50 transition-colors">Get Started →</a> </div> </div> </div> <div class="container mx-auto px-4 py-16"> <div class="grid md:grid-cols-3 gap-8"> <div class="bg-white p-6 rounded-lg shadow-md"> <div class="w-12 h-12 bg-blue-100 rounded-lg flex items-center justify-center mb-4"> <span class="text-3xl">📄</span> </div> <h3 class="text-xl font-semibold mb-2">Easy Upload</h3> <p class="text-gray-600">Simply upload your PDF document and start masking sensitive information in seconds.</p> </div> <div class="bg-white p-6 rounded-lg shadow-md"> <div class="w-12 h-12 bg-blue-100 rounded-lg flex items-center justify-center mb-4"> <span class="text-3xl">🔏</span> </div> <h3 class="text-xl font-semibold mb-2">Interactive Masking</h3> <p class="text-gray-600">Click and drag to create masks over any area of your document with precision.</p> </div> <div class="bg-white p-6 rounded-lg shadow-md"> <div class="w-12 h-12 bg-blue-100 rounded-lg flex items-center justify-center mb-4"> <span class="text-3xl">🔒</span> </div> <h3 class="text-xl font-semibold mb-2">Secure Export</h3> <p class="text-gray-600">Download your masked PDF with permanently redacted sensitive information.</p> </div> </div> </div> <div class="bg-gray-100"> <div class="container mx-auto px-4 py-16"> <h2 class="text-3xl font-bold text-center mb-12">How It Works</h2> <div class="max-w-3xl mx-auto"> <div class="flex items-center mb-8"> <div class="w-12 h-12 bg-blue-600 text-white rounded-full flex items-center justify-center font-bold text-xl">1</div> <div class="ml-4"> <h3 class="text-xl font-semibold">Upload Your PDF</h3> <p class="text-gray-600 mt-1">Start by uploading the PDF document you want to mask.</p> </div> </div> <div class="flex items-center mb-8"> <div class="w-12 h-12 bg-blue-600 text-white rounded-full flex items-center justify-center font-bold text-xl">2</div> <div class="ml-4"> <h3 class="text-xl font-semibold">Select Areas to Mask</h3> <p class="text-gray-600 mt-1">Click and drag to create masks over any area of your document with precision.</p> </div> </div> <div class="flex items-center"> <div class="w-12 h-12 bg-blue-600 text-white rounded-full flex items-center justify-center font-bold text-xl">3</div> <div class="ml-4"> <h3 class="text-xl font-semibold">Download Secured PDF</h3> <p class="text-gray-600 mt-1">Export your document with permanent masks applied.</p> </div> </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>