|
|
<!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> |
|
|
|
