feat: complete premium NEET/JEE platform with admin, student dashboards, and upgraded branding
This commit is contained in:
50
src/app/dashboard/rank-predictor/page.tsx
Normal file
50
src/app/dashboard/rank-predictor/page.tsx
Normal file
@@ -0,0 +1,50 @@
|
||||
import { Card, CardContent } from "@/components/ui/card"
|
||||
import { Button } from "@/components/ui/button"
|
||||
import { Trophy, TrendingUp, AlertTriangle } from "lucide-react"
|
||||
|
||||
export default function RankPredictorPage() {
|
||||
return (
|
||||
<div className="p-8 space-y-8 animate-in fade-in slide-in-from-bottom-4 duration-500 max-w-4xl mx-auto">
|
||||
<div className="text-center max-w-2xl mx-auto mb-10">
|
||||
<div className="inline-flex items-center justify-center p-4 bg-[#00F0FF]/10 rounded-full mb-6">
|
||||
<Trophy size={40} className="text-[#00F0FF]" />
|
||||
</div>
|
||||
<h1 className="text-4xl font-bold tracking-tight mb-4">Rank Predictor AI</h1>
|
||||
<p className="text-muted-foreground text-lg font-medium">
|
||||
Our proprietary neural network analyzes your CBT scores against 100,000+ past successful candidates to predict your All India Rank.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<Card className="border-border shadow-lg bg-background overflow-hidden relative">
|
||||
<div className="absolute top-0 left-0 w-full h-1 bg-gradient-to-r from-[#00F0FF] to-blue-600"></div>
|
||||
<CardContent className="p-10 text-center">
|
||||
<div className="text-sm font-bold uppercase tracking-widest text-muted-foreground mb-4">Estimated NEET (UG) AIR</div>
|
||||
<div className="text-7xl font-black tracking-tighter bg-clip-text text-transparent bg-gradient-to-br from-foreground to-muted-foreground mb-8">
|
||||
~14,500
|
||||
</div>
|
||||
|
||||
<div className="grid grid-cols-1 md:grid-cols-2 gap-4 text-left">
|
||||
<div className="p-4 bg-secondary/30 rounded-xl border border-border flex items-start gap-3">
|
||||
<TrendingUp className="text-emerald-500 mt-0.5" size={20} />
|
||||
<div>
|
||||
<div className="font-bold">On the Right Track</div>
|
||||
<div className="text-sm text-muted-foreground mt-1">Your biology and chemistry scores are securing a top 20k finish.</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="p-4 bg-secondary/30 rounded-xl border border-border flex items-start gap-3">
|
||||
<AlertTriangle className="text-amber-500 mt-0.5" size={20} />
|
||||
<div>
|
||||
<div className="font-bold">Physics Bottleneck</div>
|
||||
<div className="text-sm text-muted-foreground mt-1">Pushing Physics beyond 120 marks will breach the top 5k rank.</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<Button size="lg" className="mt-8 bg-foreground text-background hover:bg-foreground/90 font-bold rounded-xl px-8">
|
||||
Recalculate with Latest Mock
|
||||
</Button>
|
||||
</CardContent>
|
||||
</Card>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
Reference in New Issue
Block a user