| | <!DOCTYPE html> |
| | <html lang="en"> |
| | <head> |
| | <meta charset="UTF-8" /> |
| | <title>TrueWrite Scan – Welcome</title> |
| | <script src="https://cdn.tailwindcss.com"></script> |
| | <style> |
| | @keyframes float { |
| | 0%, 100% { transform: translateY(0); } |
| | 50% { transform: translateY(-12px); } |
| | } |
| | </style> |
| | </head> |
| | <body class="bg-slate-950 text-white min-h-screen flex items-center justify-center"> |
| | <div class="absolute inset-0 bg-gradient-to-br from-indigo-500/20 via-purple-500/10 to-emerald-500/20 blur-3xl -z-10"></div> |
| |
|
| | <div class="max-w-3xl w-full mx-4 text-center"> |
| | |
| | <div class="flex items-center justify-center gap-3 mb-6"> |
| | |
| | <img |
| | src="logo.png" |
| | alt="TrueWrite Scan logo" |
| | class="w-11 h-11 rounded-2xl border border-slate-700 object-cover shadow-lg shadow-indigo-500/40" |
| | /> |
| | <div class="text-left"> |
| | <h1 class="text-3xl md:text-4xl font-extrabold tracking-tight"> |
| | <span class="bg-gradient-to-r from-indigo-400 via-fuchsia-400 to-emerald-400 bg-clip-text text-transparent"> |
| | TrueWrite |
| | </span> |
| | <span class="text-slate-100"> Scan</span> |
| | </h1> |
| | <p class="text-[11px] text-slate-400 uppercase tracking-[0.22em]"> |
| | Honest. Original. Authenticated |
| | </p> |
| | </div> |
| | </div> |
| |
|
| | |
| | <h2 class="text-2xl md:text-3xl font-semibold mb-3"> |
| | Write with confidence. Check with precision. |
| | </h2> |
| | <p class="text-slate-300 max-w-xl mx-auto mb-8"> |
| | Securely scan your assignments, research papers, and articles for Grammar issues, |
| | Plagiarism, and AI-generated content – all in a single dashboard. |
| | </p> |
| |
|
| | |
| | <div class="flex flex-col sm:flex-row items-center justify-center gap-4 mb-10"> |
| | <a href="signup.html" |
| | class="px-6 py-3 rounded-full bg-indigo-500 hover:bg-indigo-600 transition shadow-lg shadow-indigo-500/30 font-medium"> |
| | Sign up (New users) |
| | </a> |
| | <a href="login.html" |
| | class="px-6 py-3 rounded-full border border-slate-500 hover:border-white hover:bg-white/5 transition font-medium"> |
| | Login (Existing users) |
| | </a> |
| | </div> |
| |
|
| | |
| | <div class="grid md:grid-cols-3 gap-4"> |
| | <div class="bg-slate-900/60 rounded-2xl p-4 border border-slate-700/60 animate-[float_5s_ease-in-out_infinite]"> |
| | <h3 class="font-semibold mb-1">Grammar Check</h3> |
| | <p class="text-xs text-slate-300">Fix spelling, punctuation & all type of grammatical errors.</p> |
| | </div> |
| | <div class="bg-slate-900/60 rounded-2xl p-4 border border-slate-700/60 animate-[float_6s_ease-in-out_infinite]"> |
| | <h3 class="font-semibold mb-1">Plagiarism Scan</h3> |
| | <p class="text-xs text-slate-300">Compare your text against existing text.</p> |
| | </div> |
| | <div class="bg-slate-900/60 rounded-2xl p-4 border border-slate-700/60 animate-[float_7s_ease-in-out_infinite]"> |
| | <h3 class="font-semibold mb-1">AI Content Check</h3> |
| | <p class="text-xs text-slate-300">Estimate whether text looks human-written.</p> |
| | </div> |
| | </div> |
| | </div> |
| | </body> |
| | </html> |
| |
|
