feat: complete premium NEET/JEE platform with admin, student dashboards, and upgraded branding

src/app/dashboard/cbt/page.tsx

@@ -0,0 +1,84 @@
+import { Button } from "@/components/ui/button"
+import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
+import { Badge } from "@/components/ui/badge"
+import { Activity, Clock, PlayCircle, Search } from "lucide-react"
+
+export default function CBTPage() {
+  const upcomingExams = [
+    { title: "AITS Full Syllabus Test 4", date: "Tomorrow, 10:00 AM", duration: "180 Min", marks: 720 },
+    { title: "Part Test 3: Mechanics", date: "Oct 24, 2026", duration: "180 Min", marks: 720 },
+    { title: "Weekly Revision Test", date: "Oct 28, 2026", duration: "90 Min", marks: 360 },
+  ]
+
+  const pastExams = [
+    { title: "AITS Full Syllabus Test 3", date: "Oct 15, 2026", score: 645, total: 720, percentile: "99.4" },
+    { title: "Part Test 2: Electromagnetism", date: "Oct 08, 2026", score: 680, total: 720, percentile: "99.8" },
+  ]
+
+  return (
+    <div className="p-8 space-y-8 animate-in fade-in slide-in-from-bottom-4 duration-500 max-w-6xl mx-auto">
+      <div className="flex justify-between items-end">
+        <div>
+          <h1 className="text-3xl font-bold tracking-tight">Computer Based Tests (CBT)</h1>
+          <p className="text-muted-foreground mt-1 font-medium">Real exam environment simulations to conquer NEET/JEE.</p>
+        </div>
+        <div className="relative w-64">
+          <Search className="absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground" size={16} />
+          <input type="text" placeholder="Search exams..." className="w-full pl-10 pr-4 py-2 bg-background border border-border rounded-xl text-sm focus:ring-2 focus:ring-[#00F0FF] outline-none" />
+        </div>
+      </div>
+
+      <div className="space-y-6">
+        <h2 className="text-xl font-bold border-b border-border pb-2 flex items-center gap-2">
+          <Clock size={20} className="text-[#00F0FF]" /> Upcoming & Active Exams
+        </h2>
+        <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
+          {upcomingExams.map((exam, i) => (
+            <Card key={i} className="hover:border-[#00F0FF]/50 hover:shadow-[0_0_15px_-5px_#00F0FF] transition-all group">
+              <CardContent className="p-6">
+                <Badge variant="outline" className="mb-4 bg-[#00F0FF]/10 text-[#00F0FF] border-[#00F0FF]/20">Mock Test</Badge>
+                <h3 className="font-bold text-lg leading-tight mb-2 group-hover:text-[#00F0FF] transition-colors">{exam.title}</h3>
+                <div className="text-sm text-muted-foreground space-y-1 mb-6">
+                  <div className="font-medium text-foreground">{exam.date}</div>
+                  <div>{exam.duration} • {exam.marks} Marks</div>
+                </div>
+                <Button className="w-full gap-2 rounded-xl bg-secondary text-foreground hover:bg-[#00F0FF] hover:text-background transition-colors font-bold">
+                  <PlayCircle size={16} /> Start Exam
+                </Button>
+              </CardContent>
+            </Card>
+          ))}
+        </div>
+      </div>
+
+      <div className="space-y-6 pt-8">
+        <h2 className="text-xl font-bold border-b border-border pb-2 flex items-center gap-2">
+          <Activity size={20} className="text-muted-foreground" /> Past Attempts
+        </h2>
+        <div className="space-y-4">
+          {pastExams.map((exam, i) => (
+            <Card key={i} className="bg-secondary/20">
+              <CardContent className="p-4 flex items-center justify-between">
+                <div>
+                  <h3 className="font-bold">{exam.title}</h3>
+                  <p className="text-sm text-muted-foreground font-medium">{exam.date}</p>
+                </div>
+                <div className="flex items-center gap-8">
+                  <div className="text-right">
+                    <div className="text-sm text-muted-foreground font-bold uppercase tracking-wider">Score</div>
+                    <div className="font-bold text-lg"><span className="text-foreground">{exam.score}</span><span className="text-muted-foreground">/{exam.total}</span></div>
+                  </div>
+                  <div className="text-right">
+                    <div className="text-sm text-muted-foreground font-bold uppercase tracking-wider">Percentile</div>
+                    <div className="font-bold text-lg text-[#00F0FF]">{exam.percentile}</div>
+                  </div>
+                  <Button variant="outline" className="rounded-xl border-border hover:bg-secondary">Review Analysis</Button>
+                </div>
+              </CardContent>
+            </Card>
+          ))}
+        </div>
+      </div>
+    </div>
+  )
+}