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

src/app/dashboard/analytics/page.tsx

@@ -0,0 +1,63 @@
+import { Card, CardContent, CardHeader, CardTitle, CardDescription } from "@/components/ui/card"
+import { LineChart, Activity, BrainCircuit } from "lucide-react"
+
+export default function AnalyticsPage() {
+  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>
+        <h1 className="text-3xl font-bold tracking-tight">Performance Analytics</h1>
+        <p className="text-muted-foreground mt-1 font-medium">Deep AI-driven insights into your study patterns and test trajectories.</p>
+      </div>
+
+      <div className="grid grid-cols-1 lg:grid-cols-3 gap-6">
+        <Card className="col-span-1 lg:col-span-2 border-border shadow-sm bg-background">
+          <CardHeader>
+            <CardTitle className="flex items-center gap-2"><LineChart className="text-[#00F0FF]" size={20} /> Projected Score Trajectory</CardTitle>
+            <CardDescription>Your mock scores over the last 6 months projected towards the final exam.</CardDescription>
+          </CardHeader>
+          <CardContent className="h-64 flex items-center justify-center border-t border-border mt-4">
+            {/* Placeholder for an actual chart library like Recharts */}
+            <div className="text-center text-muted-foreground">
+              <Activity size={48} className="mx-auto mb-4 opacity-20" />
+              <p className="font-medium">Data gathering in progress...</p>
+              <p className="text-sm mt-1">Complete 2 more CBTs to unlock predictive graphing.</p>
+            </div>
+          </CardContent>
+        </Card>
+
+        <div className="space-y-6">
+          <Card className="border-[#00F0FF]/30 bg-[#00F0FF]/5">
+            <CardHeader className="pb-2">
+              <CardTitle className="text-lg flex items-center gap-2"><BrainCircuit size={18} className="text-[#00F0FF]"/> AI Diagnosis</CardTitle>
+            </CardHeader>
+            <CardContent>
+              <p className="text-sm text-foreground/80 leading-relaxed font-medium">
+                Our models detect a consistent <strong>14% accuracy drop</strong> in physics questions involving Calculus. We are adjusting your upcoming DPPs to focus heavily on integration applications in kinematics.
+              </p>
+            </CardContent>
+          </Card>
+
+          <Card className="border-border shadow-sm">
+            <CardHeader className="pb-2">
+              <CardTitle className="text-lg">Subject Mastery</CardTitle>
+            </CardHeader>
+            <CardContent className="space-y-4 pt-2">
+              <div>
+                <div className="flex justify-between text-sm mb-1 font-medium"><span>Biology</span> <span className="text-emerald-500">89%</span></div>
+                <div className="h-2 w-full bg-secondary rounded-full overflow-hidden"><div className="h-full bg-emerald-500 w-[89%]"></div></div>
+              </div>
+              <div>
+                <div className="flex justify-between text-sm mb-1 font-medium"><span>Chemistry</span> <span className="text-amber-500">68%</span></div>
+                <div className="h-2 w-full bg-secondary rounded-full overflow-hidden"><div className="h-full bg-amber-500 w-[68%]"></div></div>
+              </div>
+              <div>
+                <div className="flex justify-between text-sm mb-1 font-medium"><span>Physics</span> <span className="text-destructive">42%</span></div>
+                <div className="h-2 w-full bg-secondary rounded-full overflow-hidden"><div className="h-full bg-destructive w-[42%]"></div></div>
+              </div>
+            </CardContent>
+          </Card>
+        </div>
+      </div>
+    </div>
+  )
+}

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>
+  )
+}

src/app/dashboard/dpp/page.tsx

@@ -0,0 +1,56 @@
+import { Button } from "@/components/ui/button"
+import { Card, CardContent } from "@/components/ui/card"
+import { BrainCircuit, Play, CheckCircle2, ChevronRight } from "lucide-react"
+
+export default function DPPPage() {
+  const dpps = [
+    { title: "Rotational Dynamics: Top Overturning", subject: "Physics", count: 15, status: "Pending", priority: "High" },
+    { title: "Chemical Kinetics: First Order Reactions", subject: "Chemistry", count: 20, status: "Pending", priority: "Medium" },
+    { title: "Genetics: Mendelian Inheritance", subject: "Biology", count: 25, status: "Completed", score: "23/25" },
+    { title: "Calculus: Definite Integration", subject: "Mathematics", count: 15, status: "Completed", score: "14/15" },
+  ]
+
+  return (
+    <div className="p-8 space-y-8 animate-in fade-in slide-in-from-bottom-4 duration-500 max-w-5xl mx-auto">
+      <div className="flex justify-between items-center p-8 bg-gradient-to-r from-secondary/50 to-background border border-border rounded-2xl shadow-sm">
+        <div>
+          <h1 className="text-3xl font-bold tracking-tight mb-2">Daily Practice Problems (DPP)</h1>
+          <p className="text-muted-foreground font-medium max-w-xl">
+            Hyper-personalized problem sets generated daily by our AI Evaluator to target your specific weak areas based on past exam performance.
+          </p>
+        </div>
+        <Button size="lg" className="h-14 px-8 rounded-xl bg-[#00F0FF] text-background hover:bg-[#00F0FF]/90 font-bold shadow-[0_0_20px_-5px_#00F0FF]">
+          <BrainCircuit className="mr-2" /> Generate Custom DPP
+        </Button>
+      </div>
+
+      <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
+        {dpps.map((dpp, i) => (
+          <Card key={i} className={`group cursor-pointer transition-all hover:shadow-md ${dpp.status === 'Completed' ? 'opacity-70 hover:opacity-100 bg-secondary/10' : 'hover:border-[#00F0FF]/50 bg-background'}`}>
+            <CardContent className="p-6 flex items-center justify-between">
+              <div className="flex gap-4">
+                <div className={`mt-1 flex-shrink-0 ${dpp.status === 'Completed' ? 'text-green-500' : 'text-foreground'}`}>
+                  {dpp.status === 'Completed' ? <CheckCircle2 size={24} /> : <div className="size-6 rounded-full border-2 border-muted-foreground group-hover:border-[#00F0FF] transition-colors flex items-center justify-center"></div>}
+                </div>
+                <div>
+                  <div className="text-xs font-bold uppercase tracking-wider text-[#00F0FF] mb-1">{dpp.subject}</div>
+                  <h3 className="font-bold text-lg leading-tight group-hover:text-[#00F0FF] transition-colors">{dpp.title}</h3>
+                  <div className="text-sm text-muted-foreground mt-2 font-medium">
+                    {dpp.count} Questions • {dpp.status === 'Completed' ? `Score: ${dpp.score}` : `${dpp.priority} Priority`}
+                  </div>
+                </div>
+              </div>
+              <div className="text-muted-foreground group-hover:text-foreground transition-colors pl-4">
+                {dpp.status === 'Completed' ? (
+                  <Button variant="ghost" size="sm" className="font-bold">Review</Button>
+                ) : (
+                  <Button variant="secondary" size="icon" className="rounded-full group-hover:bg-[#00F0FF] group-hover:text-background transition-colors"><Play size={16} className="ml-1" /></Button>
+                )}
+              </div>
+            </CardContent>
+          </Card>
+        ))}
+      </div>
+    </div>
+  )
+}

src/app/dashboard/layout.tsx

@@ -0,0 +1,123 @@
+"use client"
+
+import { ReactNode, useState, useEffect, useRef } from "react"
+import { BookOpen, LayoutDashboard, Settings, FileText, Activity, LineChart, Trophy, LogOut, User, ChevronUp } from "lucide-react"
+import Link from "next/link"
+import Image from "next/image"
+import { usePathname } from "next/navigation"
+
+export default function DashboardLayout({ children }: { children: ReactNode }) {
+  const pathname = usePathname()
+  const [dropdownOpen, setDropdownOpen] = useState(false)
+  const dropdownRef = useRef<HTMLDivElement>(null)
+
+  // Close dropdown when clicking outside
+  useEffect(() => {
+    function handleClickOutside(event: MouseEvent) {
+      if (dropdownRef.current && !dropdownRef.current.contains(event.target as Node)) {
+        setDropdownOpen(false)
+      }
+    }
+    document.addEventListener("mousedown", handleClickOutside)
+    return () => document.removeEventListener("mousedown", handleClickOutside)
+  }, [])
+
+  return (
+    <div className="flex h-screen bg-background overflow-hidden text-foreground selection:bg-primary/20">
+      {/* Sidebar */}
+      <aside className="w-64 border-r border-border bg-background flex flex-col hidden md:flex">
+        <div className="p-6">
+          <Link href="/dashboard" className="block relative h-16 w-full hover:opacity-90 transition-opacity">
+            <Image 
+              src="/PragatiVeer_Logo/SVG_Logos/Rectangular_light_background.svg" 
+              alt="PragatiVeer" 
+              fill
+              className="object-contain object-left scale-135 origin-left dark:hidden"
+              priority
+            />
+            <Image 
+              src="/PragatiVeer_Logo/SVG_Logos/Rectangular_dark_background.svg" 
+              alt="PragatiVeer" 
+              fill
+              className="object-contain object-left scale-135 origin-left hidden dark:block"
+              priority
+            />
+          </Link>
+        </div>
+        <nav className="flex-1 px-4 space-y-1.5 mt-4 overflow-y-auto">
+          <NavItem href="/dashboard" icon={<LayoutDashboard size={18} />} label="Overview" active={pathname === "/dashboard"} />
+          <NavItem href="/dashboard/cbt" icon={<Activity size={18} />} label="Exams (CBT)" active={pathname.startsWith("/dashboard/cbt")} />
+          <NavItem href="/dashboard/dpp" icon={<FileText size={18} />} label="Daily Practice" active={pathname.startsWith("/dashboard/dpp")} />
+          <NavItem href="/dashboard/materials" icon={<BookOpen size={18} />} label="Study Materials" active={pathname.startsWith("/dashboard/materials")} />
+          
+          <div className="pt-4 pb-2">
+            <p className="px-3 text-xs font-bold uppercase tracking-widest text-muted-foreground">AI Intelligence</p>
+          </div>
+          <NavItem href="/dashboard/analytics" icon={<LineChart size={18} />} label="Performance Analytics" active={pathname.startsWith("/dashboard/analytics")} />
+          <NavItem href="/dashboard/rank-predictor" icon={<Trophy size={18} />} label="Rank Predictor" active={pathname.startsWith("/dashboard/rank-predictor")} />
+        </nav>
+        
+        <div className="p-4 border-t border-border space-y-2">
+          <NavItem href="/dashboard/settings" icon={<Settings size={18} />} label="Settings" active={pathname.startsWith("/dashboard/settings")} />
+          
+          {/* Functional User Dropdown */}
+          <div className="relative mt-2" ref={dropdownRef}>
+            {dropdownOpen && (
+              <div className="absolute bottom-full left-0 w-full mb-2 bg-background border border-border rounded-xl shadow-lg shadow-black/10 overflow-hidden animate-in fade-in slide-in-from-bottom-2 duration-200 z-50">
+                <div className="px-4 py-3 border-b border-border">
+                  <p className="text-sm font-bold text-foreground">Demo Student</p>
+                  <p className="text-xs text-muted-foreground truncate">demo@pragativeer.com</p>
+                </div>
+                <div className="p-1">
+                  <Link href="/dashboard/settings" className="flex items-center gap-2 px-3 py-2 text-sm text-foreground hover:bg-secondary rounded-lg transition-colors">
+                    <User size={16} /> Edit Profile
+                  </Link>
+                  <Link href="/" className="flex items-center gap-2 px-3 py-2 text-sm text-red-500 hover:bg-red-500/10 rounded-lg transition-colors font-medium mt-1">
+                    <LogOut size={16} /> Log out
+                  </Link>
+                </div>
+              </div>
+            )}
+            
+            <button 
+              onClick={() => setDropdownOpen(!dropdownOpen)}
+              className="w-full flex items-center justify-between p-2 rounded-xl hover:bg-secondary/50 transition-colors border border-transparent hover:border-border"
+            >
+              <div className="flex items-center gap-3">
+                <div className="h-8 w-8 rounded-full bg-[#00F0FF]/20 text-[#00F0FF] flex items-center justify-center font-bold text-sm shadow-[0_0_10px_-2px_#00F0FF]">
+                  DS
+                </div>
+                <div className="text-left">
+                  <p className="text-sm font-bold leading-none">Demo Student</p>
+                  <p className="text-xs text-[#00F0FF] font-medium mt-1">AI Pro Plan</p>
+                </div>
+              </div>
+              <ChevronUp size={16} className={`text-muted-foreground transition-transform ${dropdownOpen ? "rotate-180" : ""}`} />
+            </button>
+          </div>
+        </div>
+      </aside>
+      
+      {/* Main Content */}
+      <main className="flex-1 overflow-y-auto">
+        {children}
+      </main>
+    </div>
+  )
+}
+
+function NavItem({ href, icon, label, active }: { href: string, icon: React.ReactNode, label: string, active?: boolean }) {
+  return (
+    <Link 
+      href={href}
+      className={`flex items-center gap-3 px-3 py-2.5 rounded-xl transition-all duration-300 ${
+        active 
+          ? "bg-secondary text-foreground font-medium border border-border" 
+          : "text-muted-foreground hover:bg-secondary/50 hover:text-foreground border border-transparent"
+      }`}
+    >
+      {icon}
+      <span className="text-sm">{label}</span>
+    </Link>
+  )
+}

src/app/dashboard/materials/page.tsx

@@ -0,0 +1,69 @@
+import { Card, CardContent } from "@/components/ui/card"
+import { Folder, FileText, Download, PlaySquare } from "lucide-react"
+
+export default function MaterialsPage() {
+  const folders = [
+    { name: "Physics Formula Sheets", items: 12, color: "text-blue-500" },
+    { name: "Organic Chem Mind Maps", items: 8, color: "text-emerald-500" },
+    { name: "Biology NCERT Highlights", items: 22, color: "text-rose-500" },
+    { name: "Past Year Papers (2015-2025)", items: 10, color: "text-amber-500" },
+  ]
+
+  const recentFiles = [
+    { name: "Kinematics 1D & 2D Rapid Revision.pdf", type: "PDF", size: "2.4 MB" },
+    { name: "S-Block Elements Trick Video.mp4", type: "Video", size: "45 MB" },
+    { name: "Human Reproduction Master Notes.pdf", type: "PDF", size: "8.1 MB" },
+  ]
+
+  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>
+        <h1 className="text-3xl font-bold tracking-tight">Study Materials</h1>
+        <p className="text-muted-foreground mt-1 font-medium">High-yield notes, mind maps, and video lectures.</p>
+      </div>
+
+      <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4">
+        {folders.map((folder, i) => (
+          <Card key={i} className="hover:bg-secondary/50 cursor-pointer transition-colors border-border shadow-none">
+            <CardContent className="p-6">
+              <Folder size={40} className={`${folder.color} mb-4`} />
+              <h3 className="font-bold">{folder.name}</h3>
+              <p className="text-sm text-muted-foreground mt-1 font-medium">{folder.items} Files</p>
+            </CardContent>
+          </Card>
+        ))}
+      </div>
+
+      <div className="pt-6">
+        <h2 className="text-xl font-bold border-b border-border pb-2 mb-4">Recently Accessed</h2>
+        <div className="bg-secondary/10 border border-border rounded-xl overflow-hidden">
+          <table className="w-full text-left text-sm">
+            <thead className="bg-secondary/30 text-muted-foreground border-b border-border">
+              <tr>
+                <th className="px-6 py-4 font-semibold">File Name</th>
+                <th className="px-6 py-4 font-semibold">Type</th>
+                <th className="px-6 py-4 font-semibold">Size</th>
+                <th className="px-6 py-4 font-semibold text-right">Download</th>
+              </tr>
+            </thead>
+            <tbody className="divide-y divide-border">
+              {recentFiles.map((file, i) => (
+                <tr key={i} className="hover:bg-secondary/20 transition-colors cursor-pointer group">
+                  <td className="px-6 py-4 font-medium flex items-center gap-3">
+                    {file.type === 'PDF' ? <FileText size={18} className="text-red-400" /> : <PlaySquare size={18} className="text-blue-400" />}
+                    {file.name}
+                  </td>
+                  <td className="px-6 py-4 text-muted-foreground">{file.type}</td>
+                  <td className="px-6 py-4 text-muted-foreground">{file.size}</td>
+                  <td className="px-6 py-4 text-right">
+                    <button className="p-2 hover:text-[#00F0FF] hover:bg-secondary rounded-lg transition-colors inline-block"><Download size={18} /></button>
+                  </td>
+                </tr>
+              ))}
+            </tbody>
+          </table>
+        </div>
+      </div>
+    </div>
+  )
+}

src/app/dashboard/page.tsx

@@ -0,0 +1,149 @@
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
+import { Badge } from "@/components/ui/badge"
+import { Button } from "@/components/ui/button"
+import { Activity, BrainCircuit, ArrowRight, Clock } from "lucide-react"
+
+export default function DashboardPage() {
+  return (
+    <div className="p-8 max-w-6xl mx-auto space-y-10 animate-in fade-in duration-500 slide-in-from-bottom-4">
+      <header className="flex items-center justify-between">
+        <div>
+          <h1 className="text-3xl font-bold tracking-tight">Welcome back, Student</h1>
+          <p className="text-muted-foreground mt-1 font-medium">Here is your daily AI-curated study plan.</p>
+        </div>
+        <Button size="lg" className="gap-2 shadow-sm">
+          <BrainCircuit size={18} />
+          Generate AI Plan
+        </Button>
+      </header>
+
+      {/* AI Predicted Weak Areas */}
+      <section>
+        <div className="flex items-center justify-between mb-5">
+          <h2 className="text-xl font-semibold tracking-tight">AI Focus Areas</h2>
+        </div>
+        <div className="grid grid-cols-1 md:grid-cols-3 gap-6">
+          <Card className="border-t-4 border-t-destructive">
+            <CardHeader className="pb-2">
+              <CardTitle className="text-lg">Rotational Motion</CardTitle>
+              <CardDescription>Physics</CardDescription>
+            </CardHeader>
+            <CardContent>
+              <div className="flex items-center justify-between text-sm">
+                <span className="text-muted-foreground">Mastery</span>
+                <span className="font-medium text-destructive">42%</span>
+              </div>
+              <div className="w-full bg-secondary rounded-full h-1.5 mt-2 overflow-hidden">
+                <div className="bg-destructive h-1.5 rounded-full w-[42%]"></div>
+              </div>
+            </CardContent>
+          </Card>
+          <Card className="border-t-4 border-t-amber-500">
+            <CardHeader className="pb-2">
+              <CardTitle className="text-lg">Chemical Kinetics</CardTitle>
+              <CardDescription>Chemistry</CardDescription>
+            </CardHeader>
+            <CardContent>
+              <div className="flex items-center justify-between text-sm">
+                <span className="text-muted-foreground">Mastery</span>
+                <span className="font-medium text-amber-500">68%</span>
+              </div>
+              <div className="w-full bg-secondary rounded-full h-1.5 mt-2 overflow-hidden">
+                <div className="bg-amber-500 h-1.5 rounded-full w-[68%]"></div>
+              </div>
+            </CardContent>
+          </Card>
+          <Card className="border-t-4 border-t-emerald-500">
+            <CardHeader className="pb-2">
+              <CardTitle className="text-lg">Genetics</CardTitle>
+              <CardDescription>Biology</CardDescription>
+            </CardHeader>
+            <CardContent>
+              <div className="flex items-center justify-between text-sm">
+                <span className="text-muted-foreground">Mastery</span>
+                <span className="font-medium text-emerald-500">89%</span>
+              </div>
+              <div className="w-full bg-secondary rounded-full h-1.5 mt-2 overflow-hidden">
+                <div className="bg-emerald-500 h-1.5 rounded-full w-[89%]"></div>
+              </div>
+            </CardContent>
+          </Card>
+        </div>
+      </section>
+
+      <div className="grid grid-cols-1 lg:grid-cols-2 gap-8">
+        {/* Dynamic DPP Modules */}
+        <section>
+          <div className="flex items-center justify-between mb-5">
+            <h2 className="text-xl font-semibold tracking-tight">Today's DPPs</h2>
+            <Button variant="ghost" size="sm" className="text-muted-foreground font-medium">View All</Button>
+          </div>
+          <div className="space-y-4">
+            <Card className="hover:border-primary/30 hover:shadow-md cursor-pointer transition-all duration-300 group">
+              <CardContent className="p-5 flex items-center justify-between">
+                <div className="flex gap-4 items-center">
+                  <div className="p-3 bg-secondary rounded-xl text-foreground">
+                    <BrainCircuit size={20} />
+                  </div>
+                  <div>
+                    <h3 className="font-medium text-base group-hover:text-primary transition-colors">Physics: Rotational Dynamics</h3>
+                    <p className="text-sm text-muted-foreground mt-0.5">20 Questions • High Priority</p>
+                  </div>
+                </div>
+                <Button variant="outline" size="sm" className="gap-2 rounded-xl group-hover:bg-primary group-hover:text-primary-foreground group-hover:border-primary transition-all">
+                  Start <ArrowRight size={14} />
+                </Button>
+              </CardContent>
+            </Card>
+            
+            <Card className="hover:border-primary/30 hover:shadow-md cursor-pointer transition-all duration-300 group">
+              <CardContent className="p-5 flex items-center justify-between">
+                <div className="flex gap-4 items-center">
+                  <div className="p-3 bg-secondary rounded-xl text-foreground">
+                    <Activity size={20} />
+                  </div>
+                  <div>
+                    <h3 className="font-medium text-base group-hover:text-primary transition-colors">Biology: Human Physiology</h3>
+                    <p className="text-sm text-muted-foreground mt-0.5">30 Questions • Revision</p>
+                  </div>
+                </div>
+                <Button variant="outline" size="sm" className="gap-2 rounded-xl group-hover:bg-primary group-hover:text-primary-foreground group-hover:border-primary transition-all">
+                  Start <ArrowRight size={14} />
+                </Button>
+              </CardContent>
+            </Card>
+          </div>
+        </section>
+
+        {/* Upcoming CBTs */}
+        <section>
+          <div className="flex items-center justify-between mb-5">
+            <h2 className="text-xl font-semibold tracking-tight">Upcoming CBTs</h2>
+          </div>
+          <Card className="overflow-hidden">
+            <div className="p-6 border-b border-border flex items-center justify-between bg-background">
+              <div>
+                <div className="flex items-center gap-3 mb-2">
+                  <Badge variant="outline" className="border-primary/20 bg-primary/5 text-primary">Mock Test</Badge>
+                  <span className="text-xs text-muted-foreground font-semibold uppercase tracking-wider">Tomorrow, 10:00 AM</span>
+                </div>
+                <h3 className="font-semibold text-lg tracking-tight">AITS Full Syllabus Test 4</h3>
+                <p className="text-sm text-muted-foreground flex items-center gap-1.5 mt-1.5">
+                  <Clock size={14} /> 180 Minutes • 720 Marks
+                </p>
+              </div>
+              <Button variant="secondary" className="rounded-xl font-medium">Remind Me</Button>
+            </div>
+            <div className="p-5 bg-secondary/50 flex items-center justify-between transition-colors hover:bg-secondary/70">
+              <div>
+                <h3 className="font-medium text-sm text-foreground">Part Test 3: Mechanics</h3>
+                <p className="text-xs text-muted-foreground mt-0.5 font-medium">Oct 24, 2026</p>
+              </div>
+              <Button variant="ghost" size="sm" className="h-8 text-xs font-medium">Details</Button>
+            </div>
+          </Card>
+        </section>
+      </div>
+    </div>
+  )
+}

src/app/dashboard/rank-predictor/page.tsx

@@ -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>
+  )
+}

src/app/dashboard/settings/page.tsx

@@ -0,0 +1,68 @@
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
+import { Button } from "@/components/ui/button"
+
+export default function SettingsPage() {
+  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>
+        <h1 className="text-3xl font-bold tracking-tight">Account Settings</h1>
+        <p className="text-muted-foreground mt-1 font-medium">Manage your personal details and platform preferences.</p>
+      </div>
+
+      <div className="space-y-6">
+        <Card className="border-border bg-background shadow-sm">
+          <CardHeader>
+            <CardTitle>Profile Details</CardTitle>
+            <CardDescription>Update your personal information.</CardDescription>
+          </CardHeader>
+          <CardContent className="space-y-4">
+            <div className="grid grid-cols-2 gap-4">
+              <div className="space-y-2">
+                <label className="text-sm font-bold">First Name</label>
+                <input type="text" defaultValue="Demo" className="w-full bg-secondary/50 border border-border rounded-lg px-4 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-[#00F0FF]" />
+              </div>
+              <div className="space-y-2">
+                <label className="text-sm font-bold">Last Name</label>
+                <input type="text" defaultValue="Student" className="w-full bg-secondary/50 border border-border rounded-lg px-4 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-[#00F0FF]" />
+              </div>
+            </div>
+            <div className="space-y-2">
+              <label className="text-sm font-bold">Email Address</label>
+              <input type="email" defaultValue="demo@pragativeer.com" disabled className="w-full bg-secondary border border-border rounded-lg px-4 py-2 text-sm text-muted-foreground cursor-not-allowed" />
+            </div>
+            <Button className="bg-foreground text-background hover:bg-foreground/90 font-bold mt-2">Save Changes</Button>
+          </CardContent>
+        </Card>
+
+        <Card className="border-border bg-background shadow-sm">
+          <CardHeader>
+            <CardTitle>Academic Preferences</CardTitle>
+            <CardDescription>Tailor the AI to your specific exam targets.</CardDescription>
+          </CardHeader>
+          <CardContent className="space-y-6">
+            <div className="space-y-3">
+              <label className="text-sm font-bold">Target Examination</label>
+              <div className="flex gap-4">
+                <label className="flex items-center gap-2 cursor-pointer p-4 border border-[#00F0FF] bg-[#00F0FF]/5 rounded-xl flex-1">
+                  <input type="radio" name="target" defaultChecked className="accent-[#00F0FF] w-4 h-4" />
+                  <span className="font-bold">NEET (UG)</span>
+                </label>
+                <label className="flex items-center gap-2 cursor-pointer p-4 border border-border bg-secondary/20 hover:bg-secondary/50 rounded-xl flex-1 transition-colors">
+                  <input type="radio" name="target" className="accent-[#00F0FF] w-4 h-4" />
+                  <span className="font-bold">JEE Main & Adv</span>
+                </label>
+              </div>
+            </div>
+            <div className="space-y-2">
+              <label className="text-sm font-bold">Target Year</label>
+              <select className="w-full bg-secondary/50 border border-border rounded-lg px-4 py-2.5 text-sm focus:outline-none focus:ring-2 focus:ring-[#00F0FF] appearance-none font-medium">
+                <option>2026</option>
+                <option>2027</option>
+              </select>
+            </div>
+          </CardContent>
+        </Card>
+      </div>
+    </div>
+  )
+}