diff --git a/src/app/(auth)/components/loginForm.tsx b/src/app/(auth)/components/loginForm.tsx
index fc22012..ef16c34 100644
--- a/src/app/(auth)/components/loginForm.tsx
+++ b/src/app/(auth)/components/loginForm.tsx
@@ -21,7 +21,7 @@ export default function LoginForm() {
       const response = await login(email, password);
       console.log("Login successful:", response);
       authLogin(response.access_token, response.user);
-      router.push("/user-dashboard");
+      router.push("/admin-dashboard");
     } catch (error) {
       console.error("Login failed:", error);
       // Handle login error (e.g., display error message to user)
diff --git a/src/app/(dashboard)/(pages)/academic-dashboard/page.tsx b/src/app/(dashboard)/(pages)/academic-dashboard/page.tsx
index 7f2c8b6..ed014c4 100644
--- a/src/app/(dashboard)/(pages)/academic-dashboard/page.tsx
+++ b/src/app/(dashboard)/(pages)/academic-dashboard/page.tsx
@@ -1,22 +1,537 @@
-
+"use client";
 import Footer from "@/components/footer";
-import React from "react";
 import "../../style/page.css";
-
+import Header from "../../components/header";
+import Sidebar, { MenuItem } from "../../components/sidebar";
+import { useState } from "react";
+import { FaTachometerAlt, FaCalendarAlt, FaBullhorn, FaClipboardList, FaChartBar, FaBook} from "react-icons/fa";
 
 export default function AcademicDashboardPage() {
-    return (
-        <div className="pagebackground min-h-screen flex flex-col">
-            {/* Middle - Main Content */}
-            <div className="pageflexbox flex flex-1 justify-center items-start">
-                <div className="w-full flex justify-center">
-                    <div className="scale-90 sm:scale-95 lg:scale-100 w-full">
-                        
-                    </div>
-                </div>
-            </div>
-            {/* Bottom - Footer */}
-            <Footer />
+  const [selectedMenu, setSelectedMenu] = useState("overview");
+
+  // Academic dashboard menu
+  const menuItems: MenuItem[] = [
+    { id: "overview", label: "Overview", icon: <FaTachometerAlt /> },
+    { id: "timetable", label: "Timetable", icon: <FaCalendarAlt /> },
+    { id: "announcements", label: "Announcements", icon: <FaBullhorn /> },
+    { id: "examclaims", label: "Exam Claims", icon: <FaClipboardList /> },
+    { id: "courses", label: "My Courses", icon: <FaBook /> },
+    { id: "analytics", label: "Analytics", icon: <FaChartBar /> },
+  ];
+
+  // Academic dashboard content
+  let content;
+  if (selectedMenu === "overview") {
+    content = (
+      <div className="space-y-6">
+        <h1 className="text-2xl font-bold text-gray-800 dark:text-white">Academic Dashboard Overview</h1>
+        <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
+          <div className="bg-blue-100 dark:bg-blue-900/50 p-6 rounded-xl shadow">
+            <h3 className="text-lg font-semibold text-blue-800 dark:text-blue-200">Courses</h3>
+            <p className="text-3xl font-bold mt-2">8</p>
+            <p className="text-sm text-blue-600 dark:text-blue-300 mt-1">Teaching this semester</p>
+          </div>
+          <div className="bg-green-100 dark:bg-green-900/50 p-6 rounded-xl shadow">
+            <h3 className="text-lg font-semibold text-green-800 dark:text-green-200">Students</h3>
+            <p className="text-3xl font-bold mt-2">248</p>
+            <p className="text-sm text-green-600 dark:text-green-300 mt-1">Total enrollment</p>
+          </div>
+          <div className="bg-yellow-100 dark:bg-yellow-900/50 p-6 rounded-xl shadow">
+            <h3 className="text-lg font-semibold text-yellow-800 dark:text-yellow-200">Pending Claims</h3>
+            <p className="text-3xl font-bold mt-2">12</p>
+            <p className="text-sm text-yellow-600 dark:text-yellow-300 mt-1">Exam claims to review</p>
+          </div>
+          <div className="bg-purple-100 dark:bg-purple-900/50 p-6 rounded-xl shadow">
+            <h3 className="text-lg font-semibold text-purple-800 dark:text-purple-200">Announcements</h3>
+            <p className="text-3xl font-bold mt-2">5</p>
+            <p className="text-sm text-purple-600 dark:text-purple-300 mt-1">Published this month</p>
+          </div>
+        </div>
+        <div className="mt-8">
+          <h2 className="text-xl font-semibold text-gray-800 dark:text-white mb-4">Quick Actions</h2>
+          <div className="flex flex-wrap gap-4">
+            <button className="bg-blue-500 hover:bg-blue-600 text-white px-4 py-2 rounded-lg transition">
+              Create Announcement
+            </button>
+            <button className="bg-green-500 hover:bg-green-600 text-white px-4 py-2 rounded-lg transition">
+              Review Exam Claims
+            </button>
+            <button className="bg-purple-500 hover:bg-purple-600 text-white px-4 py-2 rounded-lg transition">
+              View Class List
+            </button>
+          </div>
+        </div>
+      </div>
+    );
+  } else if (selectedMenu === "timetable") {
+    content = (
+      <div className="space-y-6">
+        <div className="flex flex-col md:flex-row justify-between items-start md:items-center gap-4">
+          <h1 className="text-2xl font-bold text-gray-800 dark:text-white">Teaching Timetable</h1>
+          <div className="flex flex-col sm:flex-row gap-3 w-full md:w-auto">
+            <div className="relative">
+              <select className="w-full sm:w-48 px-4 py-2 border border-gray-300 dark:border-dark3 rounded-lg bg-white dark:bg-dark3/20 focus:outline-none focus:ring-2 focus:ring-blue-500">
+                <option>Week 1 - Aug 12-18</option>
+                <option>Week 2 - Aug 19-25</option>
+                <option>Week 3 - Aug 26-Sep 1</option>
+              </select>
+            </div>
+            <button className="bg-blue-500 hover:bg-blue-600 text-white px-4 py-2 rounded-lg transition whitespace-nowrap">
+              Download Timetable
+            </button>
+          </div>
+        </div>
+        <div className="bg-white dark:bg-dark3/40 rounded-xl shadow overflow-hidden">
+          <table className="w-full">
+            <thead className="bg-gray-100 dark:bg-dark3/60">
+              <tr>
+                <th className="py-3 px-4 text-left">Time</th>
+                <th className="py-3 px-4 text-left">Monday</th>
+                <th className="py-3 px-4 text-left">Tuesday</th>
+                <th className="py-3 px-4 text-left">Wednesday</th>
+                <th className="py-3 px-4 text-left">Thursday</th>
+                <th className="py-3 px-4 text-left">Friday</th>
+              </tr>
+            </thead>
+            <tbody>
+              <tr className="border-b border-gray-200 dark:border-dark3/30">
+                <td className="py-3 px-4 font-medium">09:00 - 10:30</td>
+                <td className="py-3 px-4">
+                  <div className="bg-blue-100 dark:bg-blue-900/50 p-3 rounded-lg">
+                    <div className="font-semibold">Mathematics 101</div>
+                    <div className="text-sm">Room 205</div>
+                    <div className="text-sm">Year 1 Students</div>
+                  </div>
+                </td>
+                <td className="py-3 px-4">
+                  <div className="bg-green-100 dark:bg-green-900/50 p-3 rounded-lg">
+                    <div className="font-semibold">Physics 202</div>
+                    <div className="text-sm">Lab 3</div>
+                    <div className="text-sm">Year 2 Students</div>
+                  </div>
+                </td>
+                <td className="py-3 px-4">
+                  <div className="bg-yellow-100 dark:bg-yellow-900/50 p-3 rounded-lg">
+                    <div className="font-semibold">English Lit</div>
+                    <div className="text-sm">Room 102</div>
+                    <div className="text-sm">Year 1 Students</div>
+                  </div>
+                </td>
+                <td className="py-3 px-4">
+                  <div className="bg-purple-100 dark:bg-purple-900/50 p-3 rounded-lg">
+                    <div className="font-semibold">Computer Sci</div>
+                    <div className="text-sm">Lab 7</div>
+                    <div className="text-sm">Year 3 Students</div>
+                  </div>
+                </td>
+                <td className="py-3 px-4">
+                  <div className="bg-red-100 dark:bg-red-900/50 p-3 rounded-lg">
+                    <div className="font-semibold">History</div>
+                    <div className="text-sm">Room 301</div>
+                    <div className="text-sm">Year 1 Students</div>
+                  </div>
+                </td>
+              </tr>
+              <tr className="border-b border-gray-200 dark:border-dark3/30">
+                <td className="py-3 px-4 font-medium">11:00 - 12:30</td>
+                <td className="py-3 px-4">
+                  <div className="bg-green-100 dark:bg-green-900/50 p-3 rounded-lg">
+                    <div className="font-semibold">Physics 202</div>
+                    <div className="text-sm">Room 108</div>
+                    <div className="text-sm">Year 2 Students</div>
+                  </div>
+                </td>
+                <td className="py-3 px-4">
+                  <div className="bg-yellow-100 dark:bg-yellow-900/50 p-3 rounded-lg">
+                    <div className="font-semibold">English Lit</div>
+                    <div className="text-sm">Room 102</div>
+                    <div className="text-sm">Year 1 Students</div>
+                  </div>
+                </td>
+                <td className="py-3 px-4">
+                  <div className="bg-blue-100 dark:bg-blue-900/50 p-3 rounded-lg">
+                    <div className="font-semibold">Mathematics 101</div>
+                    <div className="text-sm">Room 205</div>
+                    <div className="text-sm">Year 1 Students</div>
+                  </div>
+                </td>
+                <td className="py-3 px-4">
+                  <div className="bg-red-100 dark:bg-red-900/50 p-3 rounded-lg">
+                    <div className="font-semibold">History</div>
+                    <div className="text-sm">Room 301</div>
+                    <div className="text-sm">Year 1 Students</div>
+                  </div>
+                </td>
+                <td className="py-3 px-4">
+                  <div className="bg-purple-100 dark:bg-purple-900/50 p-3 rounded-lg">
+                    <div className="font-semibold">Computer Sci</div>
+                    <div className="text-sm">Lab 7</div>
+                    <div className="text-sm">Year 3 Students</div>
+                  </div>
+                </td>
+              </tr>
+              <tr className="border-b border-gray-200 dark:border-dark3/30">
+                <td className="py-3 px-4 font-medium">14:00 - 15:30</td>
+                <td className="py-3 px-4">
+                  <div className="bg-purple-100 dark:bg-purple-900/50 p-3 rounded-lg">
+                    <div className="font-semibold">Computer Sci</div>
+                    <div className="text-sm">Lab 7</div>
+                    <div className="text-sm">Year 3 Students</div>
+                  </div>
+                </td>
+                <td className="py-3 px-4">
+                  <div className="bg-blue-100 dark:bg-blue-900/50 p-3 rounded-lg">
+                    <div className="font-semibold">Mathematics 101</div>
+                    <div className="text-sm">Room 205</div>
+                    <div className="text-sm">Year 1 Students</div>
+                  </div>
+                </td>
+                <td className="py-3 px-4">
+                  <div className="bg-green-100 dark:bg-green-900/50 p-3 rounded-lg">
+                    <div className="font-semibold">Physics 202</div>
+                    <div className="text-sm">Lab 3</div>
+                    <div className="text-sm">Year 2 Students</div>
+                  </div>
+                </td>
+                <td className="py-3 px-4">
+                  <div className="bg-yellow-100 dark:bg-yellow-900/50 p-3 rounded-lg">
+                    <div className="font-semibold">English Lit</div>
+                    <div className="text-sm">Room 102</div>
+                    <div className="text-sm">Year 1 Students</div>
+                  </div>
+                </td>
+                <td className="py-3 px-4">
+                  <div className="bg-indigo-100 dark:bg-indigo-900/50 p-3 rounded-lg">
+                    <div className="font-semibold">Chemistry Lab</div>
+                    <div className="text-sm">Lab 5</div>
+                    <div className="text-sm">Year 2 Students</div>
+                  </div>
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+      </div>
+    );
+  } else if (selectedMenu === "announcements") {
+    content = (
+      <div className="space-y-6">
+        <div className="flex flex-col md:flex-row justify-between items-start md:items-center gap-4">
+          <h1 className="text-2xl font-bold text-gray-800 dark:text-white">Announcements</h1>
+          <div className="flex flex-col sm:flex-row gap-3 w-full md:w-auto">
+            <button className="bg-blue-500 hover:bg-blue-600 text-white px-4 py-2 rounded-lg transition">
+              Create New Announcement
+            </button>
+          </div>
+        </div>
+        <div className="bg-white dark:bg-dark3/40 rounded-xl shadow overflow-hidden">
+          <table className="w-full">
+            <thead className="bg-gray-100 dark:bg-dark3/60">
+              <tr>
+                <th className="py-3 px-4 text-left">Title</th>
+                <th className="py-3 px-4 text-left">Date</th>
+                <th className="py-3 px-4 text-left">Audience</th>
+                <th className="py-3 px-4 text-left">Status</th>
+                <th className="py-3 px-4 text-left">Actions</th>
+              </tr>
+            </thead>
+            <tbody>
+              <tr className="border-b border-gray-200 dark:border-dark3/30">
+                <td className="py-3 px-4">Midterm Exam Schedule</td>
+                <td className="py-3 px-4">2025-08-10</td>
+                <td className="py-3 px-4">All Students</td>
+                <td className="py-3 px-4">
+                  <span className="bg-green-100 text-green-800 text-xs px-2 py-1 rounded">Published</span>
+                </td>
+                <td className="py-3 px-4">
+                  <button className="text-blue-500 hover:text-blue-700 mr-2 p-1 rounded-full hover:bg-blue-100 dark:hover:bg-blue-900/30">
+                    Edit
+                  </button>
+                  <button className="text-red-500 hover:text-red-700 p-1 rounded-full hover:bg-red-100 dark:hover:bg-red-900/30">
+                    Delete
+                  </button>
+                </td>
+              </tr>
+              <tr className="border-b border-gray-200 dark:border-dark3/30">
+                <td className="py-3 px-4">Library Closure Notice</td>
+                <td className="py-3 px-4">2025-08-05</td>
+                <td className="py-3 px-4">All Students</td>
+                <td className="py-3 px-4">
+                  <span className="bg-green-100 text-green-800 text-xs px-2 py-1 rounded">Published</span>
+                </td>
+                <td className="py-3 px-4">
+                  <button className="text-blue-500 hover:text-blue-700 mr-2 p-1 rounded-full hover:bg-blue-100 dark:hover:bg-blue-900/30">
+                    Edit
+                  </button>
+                  <button className="text-red-500 hover:text-red-700 p-1 rounded-full hover:bg-red-100 dark:hover:bg-red-900/30">
+                    Delete
+                  </button>
+                </td>
+              </tr>
+              <tr className="border-b border-gray-200 dark:border-dark3/30">
+                <td className="py-3 px-4">New Course Materials Available</td>
+                <td className="py-3 px-4">2025-08-01</td>
+                <td className="py-3 px-4">Mathematics 101</td>
+                <td className="py-3 px-4">
+                  <span className="bg-green-100 text-green-800 text-xs px-2 py-1 rounded">Published</span>
+                </td>
+                <td className="py-3 px-4">
+                  <button className="text-blue-500 hover:text-blue-700 mr-2 p-1 rounded-full hover:bg-blue-100 dark:hover:bg-blue-900/30">
+                    Edit
+                  </button>
+                  <button className="text-red-500 hover:text-red-700 p-1 rounded-full hover:bg-red-100 dark:hover:bg-red-900/30">
+                    Delete
+                  </button>
+                </td>
+              </tr>
+              <tr>
+                <td className="py-3 px-4">Guest Lecture - Quantum Computing</td>
+                <td className="py-3 px-4">2025-07-28</td>
+                <td className="py-3 px-4">Computer Science</td>
+                <td className="py-3 px-4">
+                  <span className="bg-yellow-100 text-yellow-800 text-xs px-2 py-1 rounded">Draft</span>
+                </td>
+                <td className="py-3 px-4">
+                  <button className="text-blue-500 hover:text-blue-700 mr-2 p-1 rounded-full hover:bg-blue-100 dark:hover:bg-blue-900/30">
+                    Edit
+                  </button>
+                  <button className="text-red-500 hover:text-red-700 p-1 rounded-full hover:bg-red-100 dark:hover:bg-red-900/30">
+                    Delete
+                  </button>
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+      </div>
+    );
+  } else if (selectedMenu === "examclaims") {
+    content = (
+      <div className="space-y-6">
+        <div className="flex flex-col md:flex-row justify-between items-start md:items-center gap-4">
+          <h1 className="text-2xl font-bold text-gray-800 dark:text-white">Exam Claims</h1>
+          <div className="flex flex-col sm:flex-row gap-3 w-full md:w-auto">
+            <div className="relative">
+              <input
+                type="text"
+                placeholder="Search claims..."
+                className="w-full sm:w-64 px-4 py-2 border border-gray-300 dark:border-dark3 rounded-lg bg-white dark:bg-dark3/20 focus:outline-none focus:ring-2 focus:ring-blue-500"
+              />
+            </div>
+            <button className="bg-blue-500 hover:bg-blue-600 text-white px-4 py-2 rounded-lg transition whitespace-nowrap">
+              Filter by Course
+            </button>
+          </div>
+        </div>
+        <div className="bg-white dark:bg-dark3/40 rounded-xl shadow overflow-hidden">
+          <table className="w-full">
+            <thead className="bg-gray-100 dark:bg-dark3/60">
+              <tr>
+                <th className="py-3 px-4 text-left">Student</th>
+                <th className="py-3 px-4 text-left">Course</th>
+                <th className="py-3 px-4 text-left">Claim Type</th>
+                <th className="py-3 px-4 text-left">Date Submitted</th>
+                <th className="py-3 px-4 text-left">Status</th>
+                <th className="py-3 px-4 text-left">Actions</th>
+              </tr>
+            </thead>
+            <tbody>
+              <tr className="border-b border-gray-200 dark:border-dark3/30">
+                <td className="py-3 px-4">John Smith</td>
+                <td className="py-3 px-4">Mathematics 101</td>
+                <td className="py-3 px-4">Extension Request</td>
+                <td className="py-3 px-4">2025-08-10</td>
+                <td className="py-3 px-4">
+                  <span className="bg-yellow-100 text-yellow-800 text-xs px-2 py-1 rounded">Pending</span>
+                </td>
+                <td className="py-3 px-4">
+                  <button className="text-blue-500 hover:text-blue-700 mr-2 p-1 rounded-full hover:bg-blue-100 dark:hover:bg-blue-900/30">
+                    Review
+                  </button>
+                </td>
+              </tr>
+              <tr className="border-b border-gray-200 dark:border-dark3/30">
+                <td className="py-3 px-4">Sarah Johnson</td>
+                <td className="py-3 px-4">Physics 202</td>
+                <td className="py-3 px-4">Special Arrangements</td>
+                <td className="py-3 px-4">2025-08-08</td>
+                <td className="py-3 px-4">
+                  <span className="bg-green-100 text-green-800 text-xs px-2 py-1 rounded">Approved</span>
+                </td>
+                <td className="py-3 px-4">
+                  <button className="text-blue-500 hover:text-blue-700 mr-2 p-1 rounded-full hover:bg-blue-100 dark:hover:bg-blue-900/30">
+                    View
+                  </button>
+                </td>
+              </tr>
+              <tr className="border-b border-gray-200 dark:border-dark3/30">
+                <td className="py-3 px-4">Michael Brown</td>
+                <td className="py-3 px-4">Computer Science</td>
+                <td className="py-3 px-4">Alternative Assessment</td>
+                <td className="py-3 px-4">2025-08-05</td>
+                <td className="py-3 px-4">
+                  <span className="bg-red-100 text-red-800 text-xs px-2 py-1 rounded">Rejected</span>
+                </td>
+                <td className="py-3 px-4">
+                  <button className="text-blue-500 hover:text-blue-700 mr-2 p-1 rounded-full hover:bg-blue-100 dark:hover:bg-blue-900/30">
+                    View
+                  </button>
+                </td>
+              </tr>
+              <tr>
+                <td className="py-3 px-4">Emily Davis</td>
+                <td className="py-3 px-4">English Literature</td>
+                <td className="py-3 px-4">Extension Request</td>
+                <td className="py-3 px-4">2025-08-03</td>
+                <td className="py-3 px-4">
+                  <span className="bg-yellow-100 text-yellow-800 text-xs px-2 py-1 rounded">Pending</span>
+                </td>
+                <td className="py-3 px-4">
+                  <button className="text-blue-500 hover:text-blue-700 mr-2 p-1 rounded-full hover:bg-blue-100 dark:hover:bg-blue-900/30">
+                    Review
+                  </button>
+                </td>
+              </tr>
+            </tbody>
+          </table>
         </div>
+      </div>
     );
-}
+  } else if (selectedMenu === "courses") {
+    content = (
+      <div className="space-y-6">
+        <h1 className="text-2xl font-bold text-gray-800 dark:text-white">My Courses</h1>
+        <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
+          <div className="bg-blue-100 dark:bg-blue-900/50 p-6 rounded-xl shadow">
+            <h3 className="text-lg font-semibold text-blue-800 dark:text-blue-200">Mathematics 101</h3>
+            <p className="text-sm text-blue-600 dark:text-blue-300 mt-1">Semester 1</p>
+            <p className="text-sm text-blue-600 dark:text-blue-300 mt-1">Year 1 Students</p>
+            <div className="mt-4 flex gap-2">
+              <span className="bg-blue-500 text-white text-xs px-2 py-1 rounded">Core</span>
+              <span className="bg-green-500 text-white text-xs px-2 py-1 rounded">Active</span>
+            </div>
+          </div>
+          <div className="bg-green-100 dark:bg-green-900/50 p-6 rounded-xl shadow">
+            <h3 className="text-lg font-semibold text-green-800 dark:text-green-200">Physics 202</h3>
+            <p className="text-sm text-green-600 dark:text-green-300 mt-1">Semester 1</p>
+            <p className="text-sm text-green-600 dark:text-green-300 mt-1">Year 2 Students</p>
+            <div className="mt-4 flex gap-2">
+              <span className="bg-green-500 text-white text-xs px-2 py-1 rounded">Science</span>
+              <span className="bg-green-500 text-white text-xs px-2 py-1 rounded">Active</span>
+            </div>
+          </div>
+          <div className="bg-yellow-100 dark:bg-yellow-900/50 p-6 rounded-xl shadow">
+            <h3 className="text-lg font-semibold text-yellow-800 dark:text-yellow-200">English Literature</h3>
+            <p className="text-sm text-yellow-600 dark:text-yellow-300 mt-1">Semester 1</p>
+            <p className="text-sm text-yellow-600 dark:text-yellow-300 mt-1">Year 1 Students</p>
+            <div className="mt-4 flex gap-2">
+              <span className="bg-yellow-500 text-white text-xs px-2 py-1 rounded">Humanities</span>
+              <span className="bg-green-500 text-white text-xs px-2 py-1 rounded">Active</span>
+            </div>
+          </div>
+          <div className="bg-purple-100 dark:bg-purple-900/50 p-6 rounded-xl shadow">
+            <h3 className="text-lg font-semibold text-purple-800 dark:text-purple-200">Computer Science</h3>
+            <p className="text-sm text-purple-600 dark:text-purple-300 mt-1">Semester 2</p>
+            <p className="text-sm text-purple-600 dark:text-purple-300 mt-1">Year 3 Students</p>
+            <div className="mt-4 flex gap-2">
+              <span className="bg-purple-500 text-white text-xs px-2 py-1 rounded">Elective</span>
+              <span className="bg-green-500 text-white text-xs px-2 py-1 rounded">Active</span>
+            </div>
+          </div>
+          <div className="bg-red-100 dark:bg-red-900/50 p-6 rounded-xl shadow">
+            <h3 className="text-lg font-semibold text-red-800 dark:text-red-200">History</h3>
+            <p className="text-sm text-red-600 dark:text-red-300 mt-1">Semester 2</p>
+            <p className="text-sm text-red-600 dark:text-red-300 mt-1">Year 1 Students</p>
+            <div className="mt-4 flex gap-2">
+              <span className="bg-red-500 text-white text-xs px-2 py-1 rounded">Humanities</span>
+              <span className="bg-green-500 text-white text-xs px-2 py-1 rounded">Active</span>
+            </div>
+          </div>
+          <div className="bg-indigo-100 dark:bg-indigo-900/50 p-6 rounded-xl shadow">
+            <h3 className="text-lg font-semibold text-indigo-800 dark:text-indigo-200">Chemistry Lab</h3>
+            <p className="text-sm text-indigo-600 dark:text-indigo-300 mt-1">Semester 1</p>
+            <p className="text-sm text-indigo-600 dark:text-indigo-300 mt-1">Year 2 Students</p>
+            <div className="mt-4 flex gap-2">
+              <span className="bg-indigo-500 text-white text-xs px-2 py-1 rounded">Lab</span>
+              <span className="bg-green-500 text-white text-xs px-2 py-1 rounded">Active</span>
+            </div>
+          </div>
+        </div>
+        <div className="mt-8">
+          <h2 className="text-xl font-semibold text-gray-800 dark:text-white mb-4">Course Actions</h2>
+          <div className="flex flex-wrap gap-4">
+            <button className="bg-blue-500 hover:bg-blue-600 text-white px-4 py-2 rounded-lg transition">
+              Create New Course
+            </button>
+            <button className="bg-green-500 hover:bg-green-600 text-white px-4 py-2 rounded-lg transition">
+              View Course Materials
+            </button>
+            <button className="bg-purple-500 hover:bg-purple-600 text-white px-4 py-2 rounded-lg transition">
+              Access Library
+            </button>
+          </div>
+        </div>
+      </div>
+    );
+  } else if (selectedMenu === "analytics") {
+    content = (
+      <div className="space-y-6">
+        <h1 className="text-2xl font-bold text-gray-800 dark:text-white">Academic Analytics</h1>
+        <div className="grid grid-cols-1 lg:grid-cols-2 gap-6">
+          <div className="bg-white dark:bg-dark3/40 p-6 rounded-xl shadow">
+            <h2 className="text-lg font-semibold mb-4">Student Performance</h2>
+            <div className="h-64 flex items-center justify-center bg-gray-100 dark:bg-dark3/20 rounded-lg">
+              <p className="text-gray-500 dark:text-gray-400">Student Performance Chart</p>
+            </div>
+          </div>
+          <div className="bg-white dark:bg-dark3/40 p-6 rounded-xl shadow">
+            <h2 className="text-lg font-semibold mb-4">Course Enrollment</h2>
+            <div className="h-64 flex items-center justify-center bg-gray-100 dark:bg-dark3/20 rounded-lg">
+              <p className="text-gray-500 dark:text-gray-400">Course Enrollment Chart</p>
+            </div>
+          </div>
+        </div>
+        <div className="bg-white dark:bg-dark3/40 p-6 rounded-xl shadow">
+          <h2 className="text-lg font-semibold mb-4">Recent Activity</h2>
+          <ul className="space-y-3">
+            <li className="flex justify-between border-b border-gray-200 dark:border-dark3/30 pb-2">
+              <span>New exam claim submitted for Mathematics 101</span>
+              <span className="text-gray-500 dark:text-gray-400">2 hours ago</span>
+            </li>
+            <li className="flex justify-between border-b border-gray-200 dark:border-dark3/30 pb-2">
+              <span>Announcement published for all students</span>
+              <span className="text-gray-500 dark:text-gray-400">5 hours ago</span>
+            </li>
+            <li className="flex justify-between border-b border-gray-200 dark:border-dark3/30 pb-2">
+              <span>Grade submissions deadline approaching</span>
+              <span className="text-gray-500 dark:text-gray-400">1 day ago</span>
+            </li>
+            <li className="flex justify-between pb-2">
+              <span>New student enrolled in Computer Science</span>
+              <span className="text-gray-500 dark:text-gray-400">2 days ago</span>
+            </li>
+          </ul>
+        </div>
+      </div>
+    );
+  }
+
+  return (
+    <div className="pagebackground min-h-screen flex flex-col">
+      <Header />
+      <div className="flex flex-1 flex-col md:flex-row w-full pt-20">
+        <Sidebar
+          menuItems={menuItems}
+          onMenuSelect={setSelectedMenu}
+          selectedMenu={selectedMenu}
+        />
+        <div className="flex-1 flex justify-center items-start p-4 mt-4">
+          <div className="w-full bg-white/40 dark:bg-dark3/30 rounded-xl p-4 shadow-lg overflow-y-auto max-h-[calc(100vh-120px)]">
+            {content}
+          </div>
+        </div>
+      </div>
+      <Footer />
+    </div>
+  );
+}
\ No newline at end of file
diff --git a/src/app/(dashboard)/(pages)/admin-dashboard/page.tsx b/src/app/(dashboard)/(pages)/admin-dashboard/page.tsx
index c28ac5d..d95ac75 100644
--- a/src/app/(dashboard)/(pages)/admin-dashboard/page.tsx
+++ b/src/app/(dashboard)/(pages)/admin-dashboard/page.tsx
@@ -1,10 +1,12 @@
 "use client";
 import Footer from "@/components/footer";
+import PrivateRoute from "@/components/PrivateRoute";
 import "../../style/page.css";
 import Header from "../../components/header";
 import Sidebar, { MenuItem } from "../../components/sidebar";
 import { useState } from "react";
-import { FaChartBar, FaCog, FaTachometerAlt, FaUsers } from "react-icons/fa";
+import { FaChartBar, FaCog, FaEdit, FaTachometerAlt, FaTrash, FaUsers } from "react-icons/fa";
+
 
 export default function AdminDashboardPage() {
   const [selectedMenu, setSelectedMenu] = useState("overview");
@@ -18,31 +20,268 @@ export default function AdminDashboardPage() {
 
   let content;
   if (selectedMenu === "overview") {
-    content = <p>Overview Content</p>;
+    content = (
+      <div className="space-y-6">
+        <h1 className="text-2xl font-bold text-gray-800 dark:text-white">Admin Dashboard Overview</h1>
+        <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
+          <div className="bg-blue-100 dark:bg-blue-900/50 p-6 rounded-xl shadow">
+            <h3 className="text-lg font-semibold text-blue-800 dark:text-blue-200">Total Users</h3>
+            <p className="text-3xl font-bold mt-2">1,248</p>
+            <p className="text-sm text-blue-600 dark:text-blue-300 mt-1">+12% from last month</p>
+          </div>
+          <div className="bg-green-100 dark:bg-green-900/50 p-6 rounded-xl shadow">
+            <h3 className="text-lg font-semibold text-green-800 dark:text-green-200">Active Sessions</h3>
+            <p className="text-3xl font-bold mt-2">342</p>
+            <p className="text-sm text-green-600 dark:text-green-300 mt-1">+5% from last hour</p>
+          </div>
+          <div className="bg-yellow-100 dark:bg-yellow-900/50 p-6 rounded-xl shadow">
+            <h3 className="text-lg font-semibold text-yellow-800 dark:text-yellow-200">Pending Requests</h3>
+            <p className="text-3xl font-bold mt-2">24</p>
+            <p className="text-sm text-yellow-600 dark:text-yellow-300 mt-1">3 require immediate attention</p>
+          </div>
+          <div className="bg-purple-100 dark:bg-purple-900/50 p-6 rounded-xl shadow">
+            <h3 className="text-lg font-semibold text-purple-800 dark:text-purple-200">System Status</h3>
+            <p className="text-3xl font-bold mt-2">Operational</p>
+            <p className="text-sm text-purple-600 dark:text-purple-300 mt-1">All systems running smoothly</p>
+          </div>
+        </div>
+        <div className="mt-8">
+          <h2 className="text-xl font-semibold text-gray-800 dark:text-white mb-4">Quick Actions</h2>
+          <div className="flex flex-wrap gap-4">
+            <button className="bg-blue-500 hover:bg-blue-600 text-white px-4 py-2 rounded-lg transition">
+              Add New User
+            </button>
+            <button className="bg-green-500 hover:bg-green-600 text-white px-4 py-2 rounded-lg transition">
+              Generate Report
+            </button>
+            <button className="bg-purple-500 hover:bg-purple-600 text-white px-4 py-2 rounded-lg transition">
+              System Settings
+            </button>
+          </div>
+        </div>
+      </div>
+    );
   } else if (selectedMenu === "users") {
-    content = <p>Users Content</p>;
+    content = (
+      <div className="space-y-6">
+        <div className="flex flex-col md:flex-row justify-between items-start md:items-center gap-4">
+          <h1 className="text-2xl font-bold text-gray-800 dark:text-white">User Management</h1>
+          <div className="flex flex-col sm:flex-row gap-3 w-full md:w-auto">
+            <div className="relative">
+              <input
+                type="text"
+                placeholder="Search users..."
+                className="w-full sm:w-64 px-4 py-2 border border-gray-300 dark:border-dark3 rounded-lg bg-white dark:bg-dark3/20 focus:outline-none focus:ring-2 focus:ring-blue-500"
+              />
+            </div>
+            <button className="bg-blue-500 hover:bg-blue-600 text-white px-4 py-2 rounded-lg transition whitespace-nowrap">
+              Add New User
+            </button>
+          </div>
+        </div>
+        <div className="bg-white dark:bg-dark3/40 rounded-xl shadow overflow-hidden">
+          <table className="w-full">
+            <thead className="bg-gray-100 dark:bg-dark3/60">
+              <tr>
+                <th className="py-3 px-4 text-left">User</th>
+                <th className="py-3 px-4 text-left">Role</th>
+                <th className="py-3 px-4 text-left">Email</th>
+                <th className="py-3 px-4 text-left">Last login</th>
+                <th className="py-3 px-4 text-left">Actions</th>
+              </tr>
+            </thead>
+            <tbody>
+              <tr className="border-b border-gray-200 dark:border-dark3/30">
+                <td className="py-3 px-4">John Doe</td>
+                <td className="py-3 px-4">Administrator</td>
+                <td className="py-3 px-4">
+                  <span className="bg-gray-100 text-gray-800 text-xs px-2 py-1 rounded">john12@gmail.com</span>
+                </td>
+                <td className="py-3 px-4">2023-05-15 14:30</td>
+                <td className="py-3 px-4">
+                  <button className="text-blue-500 hover:text-blue-700 mr-2 p-1 rounded-full hover:bg-blue-100 dark:hover:bg-blue-900/30">
+                    <FaEdit />
+                  </button>
+                  <button className="text-red-500 hover:text-red-700 p-1 rounded-full hover:bg-red-100 dark:hover:bg-red-900/30">
+                    <FaTrash />
+                  </button>
+                </td>
+              </tr>
+              <tr className="border-b border-gray-200 dark:border-dark3/30">
+                <td className="py-3 px-4">Jane Smith</td>
+                <td className="py-3 px-4">Editor</td>
+                <td className="py-3 px-4">
+                  <span className="bg-gray-100 text-gray-800 text-xs px-2 py-1 rounded">smith9@gmail.com</span>
+                </td>
+                <td className="py-3 px-4">2023-05-14 09:15</td>
+                <td className="py-3 px-4">
+                  <button className="text-blue-500 hover:text-blue-700 mr-2 p-1 rounded-full hover:bg-blue-100 dark:hover:bg-blue-900/30">
+                    <FaEdit />
+                  </button>
+                  <button className="text-red-500 hover:text-red-700 p-1 rounded-full hover:bg-red-100 dark:hover:bg-red-900/30">
+                    <FaTrash />
+                  </button>
+                </td>
+              </tr>
+              <tr>
+                <td className="py-3 px-4">Robert Johnson</td>
+                <td className="py-3 px-4">Viewer</td>
+                <td className="py-3 px-4">
+                  <span className="bg-gray-100 text-gray-800 text-xs px-2 py-1 rounded">rbjohn@gmail.com</span>
+                </td>
+                <td className="py-3 px-4">2023-05-10 16:45</td>
+                <td className="py-3 px-4">
+                  <button className="text-blue-500 hover:text-blue-700 mr-2 p-1 rounded-full hover:bg-blue-100 dark:hover:bg-blue-900/30">
+                    <FaEdit />
+                  </button>
+
+                  <button className="text-red-500 hover:text-red-700 p-1 rounded-full hover:bg-red-100 dark:hover:bg-red-900/30">
+                    <FaTrash />
+                  </button>
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+      </div>
+    );
   } else if (selectedMenu === "analytics") {
-    content = <p>Analytics Content</p>;
+    content = (
+      <div className="space-y-6">
+        <h1 className="text-2xl font-bold text-gray-800 dark:text-white">Analytics Dashboard</h1>
+        <div className="grid grid-cols-1 lg:grid-cols-2 gap-6">
+          <div className="bg-white dark:bg-dark3/40 p-6 rounded-xl shadow">
+            <h2 className="text-lg font-semibold mb-4">User Activity</h2>
+            <div className="h-64 flex items-center justify-center bg-gray-100 dark:bg-dark3/20 rounded-lg">
+              <p className="text-gray-500 dark:text-gray-400">User Activity Chart</p>
+            </div>
+          </div>
+          <div className="bg-white dark:bg-dark3/40 p-6 rounded-xl shadow">
+            <h2 className="text-lg font-semibold mb-4">System Performance</h2>
+            <div className="h-64 flex items-center justify-center bg-gray-100 dark:bg-dark3/20 rounded-lg">
+              <p className="text-gray-500 dark:text-gray-400">Performance Metrics Chart</p>
+            </div>
+          </div>
+        </div>
+        <div className="bg-white dark:bg-dark3/40 p-6 rounded-xl shadow">
+          <h2 className="text-lg font-semibold mb-4">Recent Activity</h2>
+          <ul className="space-y-3">
+            <li className="flex justify-between border-b border-gray-200 dark:border-dark3/30 pb-2">
+              <span>New user registered</span>
+              <span className="text-gray-500 dark:text-gray-400">2 hours ago</span>
+            </li>
+            <li className="flex justify-between border-b border-gray-200 dark:border-dark3/30 pb-2">
+              <span>Report generated</span>
+              <span className="text-gray-500 dark:text-gray-400">5 hours ago</span>
+            </li>
+            <li className="flex justify-between border-b border-gray-200 dark:border-dark3/30 pb-2">
+              <span>Settings updated</span>
+              <span className="text-gray-500 dark:text-gray-400">1 day ago</span>
+            </li>
+            <li className="flex justify-between pb-2">
+              <span>Security scan completed</span>
+              <span className="text-gray-500 dark:text-gray-400">2 days ago</span>
+            </li>
+          </ul>
+        </div>
+      </div>
+    );
   } else if (selectedMenu === "settings") {
-    content = <p>Settings Content</p>;
+    content = (
+      <div className="space-y-6">
+        <h1 className="text-2xl font-bold text-gray-800 dark:text-white">System Settings</h1>
+        <div className="bg-white dark:bg-dark3/40 rounded-xl shadow overflow-hidden">
+          <div className="p-6">
+            <h2 className="text-lg font-semibold mb-4">General Settings</h2>
+            <div className="space-y-4">
+              <div>
+                <label className="block text-gray-700 dark:text-gray-300 mb-2">Site Name</label>
+                <input
+                  type="text"
+                  defaultValue="Admin Dashboard"
+                  className="w-full p-2 border border-gray-300 dark:border-dark3 rounded bg-white dark:bg-dark3/20"
+                />
+              </div>
+              <div>
+                <label className="block text-gray-700 dark:text-gray-300 mb-2">Admin Email</label>
+                <input
+                  type="email"
+                  defaultValue="admin@example.com"
+                  className="w-full p-2 border border-gray-300 dark:border-dark3 rounded bg-white dark:bg-dark3/20"
+                />
+              </div>
+              <div>
+                <label className="block text-gray-700 dark:text-gray-300 mb-2">Maintenance Mode</label>
+                <div className="flex items-center">
+                  <input
+                    type="checkbox"
+                    id="maintenance"
+                    className="mr-2"
+                  />
+                  <label htmlFor="maintenance" className="text-gray-700 dark:text-gray-300">
+                    Enable maintenance mode
+                  </label>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div className="p-6 border-t border-gray-200 dark:border-dark3/30">
+            <h2 className="text-lg font-semibold mb-4">Security Settings</h2>
+            <div className="space-y-4">
+              <div>
+                <label className="block text-gray-700 dark:text-gray-300 mb-2">Session Timeout (minutes)</label>
+                <input
+                  type="number"
+                  defaultValue="30"
+                  className="w-full p-2 border border-gray-300 dark:border-dark3 rounded bg-white dark:bg-dark3/20"
+                />
+              </div>
+              <div>
+                <label className="block text-gray-700 dark:text-gray-300 mb-2">Two-Factor Authentication</label>
+                <div className="flex items-center">
+                  <input
+                    type="checkbox"
+                    id="2fa"
+                    defaultChecked
+                    className="mr-2"
+                  />
+                  <label htmlFor="2fa" className="text-gray-700 dark:text-gray-300">
+                    Require 2FA for all admin users
+                  </label>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div className="p-6 border-t border-gray-200 dark:border-dark3/30">
+            <button className="bg-blue-500 hover:bg-blue-600 text-white px-4 py-2 rounded-lg transition">
+              Save Settings
+            </button>
+          </div>
+        </div>
+      </div>
+    );
   }
 
   return (
-    <div className="pagebackground min-h-screen flex flex-col">
-      <Header />
-      <div className="flex flex-1 flex-col md:flex-row w-full">
-        <Sidebar
-          menuItems={menuItems}
-          onMenuSelect={setSelectedMenu}
-          selectedMenu={selectedMenu}
-        />
-        <div className="flex-1 flex justify-center items-start p-4">
-          <div className="w-full bg-white/40 dark:bg-dark3/30 rounded-xl p-4 shadow-lg">
-            {content}
-          </div>
+    <PrivateRoute>
+        <div className="pagebackground min-h-screen flex flex-col">
+
+        <Header />
+
+        <div className="flex flex-1 flex-col md:flex-row w-full pt-20">
+            <Sidebar
+            menuItems={menuItems}
+            onMenuSelect={setSelectedMenu}
+            selectedMenu={selectedMenu}
+            />
+            <div className="flex-1 flex justify-center items-start p-4 mt-4">
+            <div className="w-full bg-white/40 dark:bg-dark3/30 rounded-xl p-4 shadow-lg overflow-y-auto max-h-[calc(100vh-120px)]">
+                {content}
+            </div>
+            </div>
         </div>
-      </div>
-      <Footer />
-    </div>
+        <Footer />
+        </div>
+    </PrivateRoute>
   );
 }
diff --git a/src/app/(dashboard)/(pages)/developer-dashboard/page.tsx b/src/app/(dashboard)/(pages)/developer-dashboard/page.tsx
index 1352511..0355454 100644
--- a/src/app/(dashboard)/(pages)/developer-dashboard/page.tsx
+++ b/src/app/(dashboard)/(pages)/developer-dashboard/page.tsx
@@ -1,22 +1,25 @@
 
 import Footer from "@/components/footer";
+import PrivateRoute from "@/components/PrivateRoute";
 import React from "react";
 import "../../style/page.css";
 
 
 export default function DeveloperDashboardPage() {
     return (
-        <div className="pagebackground min-h-screen flex flex-col">
-            {/* Middle - Main Content */}
-            <div className="pageflexbox flex flex-1 justify-center items-start">
-                <div className="w-full flex justify-center">
-                    <div className="scale-90 sm:scale-95 lg:scale-100 w-full">
-                    
+        <PrivateRoute>
+            <div className="pagebackground min-h-screen flex flex-col">
+                {/* Middle - Main Content */}
+                <div className="pageflexbox flex flex-1 justify-center items-start">
+                    <div className="w-full flex justify-center">
+                        <div className="scale-90 sm:scale-95 lg:scale-100 w-full">
+                        
+                        </div>
                     </div>
                 </div>
+                {/* Bottom - Footer */}
+                <Footer />
             </div>
-            {/* Bottom - Footer */}
-            <Footer />
-        </div>
+        </PrivateRoute>
     );
 }
diff --git a/src/app/(dashboard)/(pages)/exam-claim-admin-dashboard/page.tsx b/src/app/(dashboard)/(pages)/exam-claim-admin-dashboard/page.tsx
index 75a6623..46a2473 100644
--- a/src/app/(dashboard)/(pages)/exam-claim-admin-dashboard/page.tsx
+++ b/src/app/(dashboard)/(pages)/exam-claim-admin-dashboard/page.tsx
@@ -1,22 +1,25 @@
 
 import Footer from "@/components/footer";
+import PrivateRoute from "@/components/PrivateRoute";
 import React from "react";
 import "../../style/page.css";
 
 
 export default function ExamClaimAdminDashboardPage() {
     return (
-        <div className="pagebackground min-h-screen flex flex-col">
-            {/* Middle - Main Content */}
-            <div className="pageflexbox flex flex-1 justify-center items-start">
-                <div className="w-full flex justify-center">
-                    <div className="scale-90 sm:scale-95 lg:scale-100 w-full">
-                        
+        <PrivateRoute>
+            <div className="pagebackground min-h-screen flex flex-col">
+                {/* Middle - Main Content */}
+                <div className="pageflexbox flex flex-1 justify-center items-start">
+                    <div className="w-full flex justify-center">
+                        <div className="scale-90 sm:scale-95 lg:scale-100 w-full">
+                            
+                        </div>
                     </div>
                 </div>
+                {/* Bottom - Footer */}
+                <Footer />
             </div>
-            {/* Bottom - Footer */}
-            <Footer />
-        </div>
+        </PrivateRoute>
     );
 }
diff --git a/src/app/(dashboard)/(pages)/first-year-admin-dashboard/page.tsx b/src/app/(dashboard)/(pages)/first-year-admin-dashboard/page.tsx
index e1f7a22..1873c5d 100644
--- a/src/app/(dashboard)/(pages)/first-year-admin-dashboard/page.tsx
+++ b/src/app/(dashboard)/(pages)/first-year-admin-dashboard/page.tsx
@@ -1,22 +1,25 @@
 
 import Footer from "@/components/footer";
+import PrivateRoute from "@/components/PrivateRoute";
 import React from "react";
 import "../../style/page.css";
 
 
 export default function FirstYearAdminPage() {
     return (
-        <div className="pagebackground min-h-screen flex flex-col">
-            {/* Middle - Main Content */}
-            <div className="pageflexbox flex flex-1 justify-center items-start">
-                <div className="w-full flex justify-center">
-                    <div className="scale-90 sm:scale-95 lg:scale-100 w-full">
-                        
+        <PrivateRoute>
+            <div className="pagebackground min-h-screen flex flex-col">
+                {/* Middle - Main Content */}
+                <div className="pageflexbox flex flex-1 justify-center items-start">
+                    <div className="w-full flex justify-center">
+                        <div className="scale-90 sm:scale-95 lg:scale-100 w-full">
+                            
+                        </div>
                     </div>
                 </div>
+                {/* Bottom - Footer */}
+                <Footer />
             </div>
-            {/* Bottom - Footer */}
-            <Footer />
-        </div>
+        </PrivateRoute>
     );
 }
diff --git a/src/app/(dashboard)/(pages)/lab-allocation-admin-dashboard/page.tsx b/src/app/(dashboard)/(pages)/lab-allocation-admin-dashboard/page.tsx
index ad39799..8b43ee0 100644
--- a/src/app/(dashboard)/(pages)/lab-allocation-admin-dashboard/page.tsx
+++ b/src/app/(dashboard)/(pages)/lab-allocation-admin-dashboard/page.tsx
@@ -1,22 +1,560 @@
-
+"use client";
 import Footer from "@/components/footer";
-import React from "react";
+import PrivateRoute from "@/components/PrivateRoute";
+import React, { useState } from "react";
 import "../../style/page.css";
-
+import Header from "../../components/header";
+import Sidebar, { MenuItem } from "../../components/sidebar";
+import { FaTachometerAlt, FaCalendarAlt, FaFlask, FaClipboardList, FaChartBar, FaWrench } from "react-icons/fa";
 
 export default function LabAllocationAdminDashboardPage() {
-    return (
-        <div className="pagebackground min-h-screen flex flex-col">
-            {/* Middle - Main Content */}
-            <div className="pageflexbox flex flex-1 justify-center items-start">
-                <div className="w-full flex justify-center">
-                    <div className="scale-90 sm:scale-95 lg:scale-100 w-full">
-                       
-                    </div>
-                </div>
+  const [selectedMenu, setSelectedMenu] = useState("overview");
+
+  // Lab allocation dashboard menu
+  const menuItems: MenuItem[] = [
+    { id: "overview", label: "Overview", icon: <FaTachometerAlt /> },
+    { id: "schedule", label: "Lab Schedule", icon: <FaCalendarAlt /> },
+    { id: "equipment", label: "Equipment", icon: <FaFlask /> },
+    { id: "requests", label: "Allocation Requests", icon: <FaClipboardList /> },
+    { id: "reports", label: "Lab Reports", icon: <FaChartBar /> },
+    { id: "maintenance", label: "Maintenance", icon: <FaWrench /> },
+  ];
+
+  // Lab allocation dashboard content
+  let content;
+  if (selectedMenu === "overview") {
+    content = (
+      <div className="space-y-6">
+        <h1 className="text-2xl font-bold text-gray-800 dark:text-white">Computer Lab Allocation Dashboard</h1>
+        <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
+          <div className="bg-blue-100 dark:bg-blue-900/50 p-6 rounded-xl shadow">
+            <h3 className="text-lg font-semibold text-blue-800 dark:text-blue-200">Active Labs</h3>
+            <p className="text-3xl font-bold mt-2">8</p>
+            <p className="text-sm text-blue-600 dark:text-blue-300 mt-1">Currently in use</p>
+          </div>
+          <div className="bg-green-100 dark:bg-green-900/50 p-6 rounded-xl shadow">
+            <h3 className="text-lg font-semibold text-green-800 dark:text-green-200">Available Labs</h3>
+            <p className="text-3xl font-bold mt-2">4</p>
+            <p className="text-sm text-green-600 dark:text-green-300 mt-1">Ready for allocation</p>
+          </div>
+          <div className="bg-yellow-100 dark:bg-yellow-900/50 p-6 rounded-xl shadow">
+            <h3 className="text-lg font-semibold text-yellow-800 dark:text-yellow-200">Pending Requests</h3>
+            <p className="text-3xl font-bold mt-2">12</p>
+            <p className="text-sm text-yellow-600 dark:text-yellow-300 mt-1">Awaiting approval</p>
+          </div>
+          <div className="bg-purple-100 dark:bg-purple-900/50 p-6 rounded-xl shadow">
+            <h3 className="text-lg font-semibold text-purple-800 dark:text-purple-200">Equipment Status</h3>
+            <p className="text-3xl font-bold mt-2">96%</p>
+            <p className="text-sm text-purple-600 dark:text-purple-300 mt-1">Operational</p>
+          </div>
+        </div>
+        <div className="mt-8">
+          <h2 className="text-xl font-semibold text-gray-800 dark:text-white mb-4">Quick Actions</h2>
+          <div className="flex flex-wrap gap-4">
+            <button className="bg-blue-500 hover:bg-blue-600 text-white px-4 py-2 rounded-lg transition">
+              Allocate Lab
+            </button>
+            <button className="bg-green-500 hover:bg-green-600 text-white px-4 py-2 rounded-lg transition">
+              View Schedule
+            </button>
+            <button className="bg-purple-500 hover:bg-purple-600 text-white px-4 py-2 rounded-lg transition">
+              Equipment Check
+            </button>
+          </div>
+        </div>
+      </div>
+    );
+  } else if (selectedMenu === "schedule") {
+    content = (
+      <div className="space-y-6">
+        <div className="flex flex-col md:flex-row justify-between items-start md:items-center gap-4">
+          <h1 className="text-2xl font-bold text-gray-800 dark:text-white">Computer Lab Schedule</h1>
+          <div className="flex flex-col sm:flex-row gap-3 w-full md:w-auto">
+            <div className="relative">
+              <select className="w-full sm:w-48 px-4 py-2 border border-gray-300 dark:border-dark3 rounded-lg bg-white dark:bg-dark3/20 focus:outline-none focus:ring-2 focus:ring-blue-500">
+                <option>Week 1 - Aug 12-18</option>
+                <option>Week 2 - Aug 19-25</option>
+                <option>Week 3 - Aug 26-Sep 1</option>
+              </select>
+            </div>
+            <button className="bg-blue-500 hover:bg-blue-600 text-white px-4 py-2 rounded-lg transition whitespace-nowrap">
+              Download Schedule
+            </button>
+          </div>
+        </div>
+        <div className="bg-white dark:bg-dark3/40 rounded-xl shadow overflow-hidden">
+          <table className="w-full">
+            <thead className="bg-gray-100 dark:bg-dark3/60">
+              <tr>
+                <th className="py-3 px-4 text-left">Time</th>
+                <th className="py-3 px-4 text-left">Monday</th>
+                <th className="py-3 px-4 text-left">Tuesday</th>
+                <th className="py-3 px-4 text-left">Wednesday</th>
+                <th className="py-3 px-4 text-left">Thursday</th>
+                <th className="py-3 px-4 text-left">Friday</th>
+              </tr>
+            </thead>
+            <tbody>
+              <tr className="border-b border-gray-200 dark:border-dark3/30">
+                <td className="py-3 px-4 font-medium">09:00 - 11:00</td>
+                <td className="py-3 px-4">
+                  <div className="bg-blue-100 dark:bg-blue-900/50 p-3 rounded-lg">
+                    <div className="font-semibold">Programming Lab A</div>
+                    <div className="text-sm">Dr. Smith</div>
+                    <div className="text-sm">Year 2 Students</div>
+                  </div>
+                </td>
+                <td className="py-3 px-4">
+                  <div className="bg-green-100 dark:bg-green-900/50 p-3 rounded-lg">
+                    <div className="font-semibold">Networking Lab B</div>
+                    <div className="text-sm">Prof. Johnson</div>
+                    <div className="text-sm">Year 3 Students</div>
+                  </div>
+                </td>
+                <td className="py-3 px-4">
+                  <div className="bg-yellow-100 dark:bg-yellow-900/50 p-3 rounded-lg">
+                    <div className="font-semibold">Database Lab C</div>
+                    <div className="text-sm">Dr. Williams</div>
+                    <div className="text-sm">Year 2 Students</div>
+                  </div>
+                </td>
+                <td className="py-3 px-4">
+                  <div className="bg-purple-100 dark:bg-purple-900/50 p-3 rounded-lg">
+                    <div className="font-semibold">Graphics Lab D</div>
+                    <div className="text-sm">Prof. Brown</div>
+                    <div className="text-sm">Year 3 Students</div>
+                  </div>
+                </td>
+                <td className="py-3 px-4">
+                  <div className="bg-red-100 dark:bg-red-900/50 p-3 rounded-lg">
+                    <div className="font-semibold">AI Lab E</div>
+                    <div className="text-sm">Dr. Davis</div>
+                    <div className="text-sm">Year 4 Students</div>
+                  </div>
+                </td>
+              </tr>
+              <tr className="border-b border-gray-200 dark:border-dark3/30">
+                <td className="py-3 px-4 font-medium">11:30 - 13:30</td>
+                <td className="py-3 px-4">
+                  <div className="bg-green-100 dark:bg-green-900/50 p-3 rounded-lg">
+                    <div className="font-semibold">Networking Lab B</div>
+                    <div className="text-sm">Prof. Johnson</div>
+                    <div className="text-sm">Year 3 Students</div>
+                  </div>
+                </td>
+                <td className="py-3 px-4">
+                  <div className="bg-yellow-100 dark:bg-yellow-900/50 p-3 rounded-lg">
+                    <div className="font-semibold">Database Lab C</div>
+                    <div className="text-sm">Dr. Williams</div>
+                    <div className="text-sm">Year 2 Students</div>
+                  </div>
+                </td>
+                <td className="py-3 px-4">
+                  <div className="bg-blue-100 dark:bg-blue-900/50 p-3 rounded-lg">
+                    <div className="font-semibold">Programming Lab A</div>
+                    <div className="text-sm">Dr. Smith</div>
+                    <div className="text-sm">Year 2 Students</div>
+                  </div>
+                </td>
+                <td className="py-3 px-4">
+                  <div className="bg-red-100 dark:bg-red-900/50 p-3 rounded-lg">
+                    <div className="font-semibold">AI Lab E</div>
+                    <div className="text-sm">Dr. Davis</div>
+                    <div className="text-sm">Year 4 Students</div>
+                  </div>
+                </td>
+                <td className="py-3 px-4">
+                  <div className="bg-purple-100 dark:bg-purple-900/50 p-3 rounded-lg">
+                    <div className="font-semibold">Graphics Lab D</div>
+                    <div className="text-sm">Prof. Brown</div>
+                    <div className="text-sm">Year 3 Students</div>
+                  </div>
+                </td>
+              </tr>
+              <tr className="border-b border-gray-200 dark:border-dark3/30">
+                <td className="py-3 px-4 font-medium">14:30 - 16:30</td>
+                <td className="py-3 px-4">
+                  <div className="bg-purple-100 dark:bg-purple-900/50 p-3 rounded-lg">
+                    <div className="font-semibold">Graphics Lab D</div>
+                    <div className="text-sm">Prof. Brown</div>
+                    <div className="text-sm">Year 3 Students</div>
+                  </div>
+                </td>
+                <td className="py-3 px-4">
+                  <div className="bg-blue-100 dark:bg-blue-900/50 p-3 rounded-lg">
+                    <div className="font-semibold">Programming Lab A</div>
+                    <div className="text-sm">Dr. Smith</div>
+                    <div className="text-sm">Year 2 Students</div>
+                  </div>
+                </td>
+                <td className="py-3 px-4">
+                  <div className="bg-green-100 dark:bg-green-900/50 p-3 rounded-lg">
+                    <div className="font-semibold">Networking Lab B</div>
+                    <div className="text-sm">Prof. Johnson</div>
+                    <div className="text-sm">Year 3 Students</div>
+                  </div>
+                </td>
+                <td className="py-3 px-4">
+                  <div className="bg-yellow-100 dark:bg-yellow-900/50 p-3 rounded-lg">
+                    <div className="font-semibold">Database Lab C</div>
+                    <div className="text-sm">Dr. Williams</div>
+                    <div className="text-sm">Year 2 Students</div>
+                  </div>
+                </td>
+                <td className="py-3 px-4">
+                  <div className="bg-indigo-100 dark:bg-indigo-900/50 p-3 rounded-lg">
+                    <div className="font-semibold">Research Lab F</div>
+                    <div className="text-sm">Dr. Miller</div>
+                    <div className="text-sm">Postgrad Students</div>
+                  </div>
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+      </div>
+    );
+  } else if (selectedMenu === "equipment") {
+    content = (
+      <div className="space-y-6">
+        <div className="flex flex-col md:flex-row justify-between items-start md:items-center gap-4">
+          <h1 className="text-2xl font-bold text-gray-800 dark:text-white">Computer Equipment Management</h1>
+          <div className="flex flex-col sm:flex-row gap-3 w-full md:w-auto">
+            <button className="bg-blue-500 hover:bg-blue-600 text-white px-4 py-2 rounded-lg transition">
+              Add New Equipment
+            </button>
+          </div>
+        </div>
+        <div className="bg-white dark:bg-dark3/40 rounded-xl shadow overflow-hidden">
+          <table className="w-full">
+            <thead className="bg-gray-100 dark:bg-dark3/60">
+              <tr>
+                <th className="py-3 px-4 text-left">Equipment</th>
+                <th className="py-3 px-4 text-left">Lab</th>
+                <th className="py-3 px-4 text-left">Quantity</th>
+                <th className="py-3 px-4 text-left">Status</th>
+                <th className="py-3 px-4 text-left">Last Maintenance</th>
+                <th className="py-3 px-4 text-left">Actions</th>
+              </tr>
+            </thead>
+            <tbody>
+              <tr className="border-b border-gray-200 dark:border-dark3/30">
+                <td className="py-3 px-4">High-Performance Workstations</td>
+                <td className="py-3 px-4">Graphics Lab D</td>
+                <td className="py-3 px-4">20</td>
+                <td className="py-3 px-4">
+                  <span className="bg-green-100 text-green-800 text-xs px-2 py-1 rounded">Operational</span>
+                </td>
+                <td className="py-3 px-4">2025-07-15</td>
+                <td className="py-3 px-4">
+                  <button className="text-blue-500 hover:text-blue-700 mr-2 p-1 rounded-full hover:bg-blue-100 dark:hover:bg-blue-900/30">
+                    Edit
+                  </button>
+                  <button className="text-red-500 hover:text-red-700 p-1 rounded-full hover:bg-red-100 dark:hover:bg-red-900/30">
+                    Schedule
+                  </button>
+                </td>
+              </tr>
+              <tr className="border-b border-gray-200 dark:border-dark3/30">
+                <td className="py-3 px-4">Networking Equipment</td>
+                <td className="py-3 px-4">Networking Lab B</td>
+                <td className="py-3 px-4">15</td>
+                <td className="py-3 px-4">
+                  <span className="bg-yellow-100 text-yellow-800 text-xs px-2 py-1 rounded">Maintenance</span>
+                </td>
+                <td className="py-3 px-4">2025-06-20</td>
+                <td className="py-3 px-4">
+                  <button className="text-blue-500 hover:text-blue-700 mr-2 p-1 rounded-full hover:bg-blue-100 dark:hover:bg-blue-900/30">
+                    Edit
+                  </button>
+                  <button className="text-red-500 hover:text-red-700 p-1 rounded-full hover:bg-red-100 dark:hover:bg-red-900/30">
+                    Schedule
+                  </button>
+                </td>
+              </tr>
+              <tr className="border-b border-gray-200 dark:border-dark3/30">
+                <td className="py-3 px-4">Database Servers</td>
+                <td className="py-3 px-4">Database Lab C</td>
+                <td className="py-3 px-4">8</td>
+                <td className="py-3 px-4">
+                  <span className="bg-green-100 text-green-800 text-xs px-2 py-1 rounded">Operational</span>
+                </td>
+                <td className="py-3 px-4">2025-07-22</td>
+                <td className="py-3 px-4">
+                  <button className="text-blue-500 hover:text-blue-700 mr-2 p-1 rounded-full hover:bg-blue-100 dark:hover:bg-blue-900/30">
+                    Edit
+                  </button>
+                  <button className="text-red-500 hover:text-red-700 p-1 rounded-full hover:bg-red-100 dark:hover:bg-red-900/30">
+                    Schedule
+                  </button>
+                </td>
+              </tr>
+              <tr>
+                <td className="py-3 px-4">AI Workstations</td>
+                <td className="py-3 px-4">AI Lab E</td>
+                <td className="py-3 px-4">12</td>
+                <td className="py-3 px-4">
+                  <span className="bg-green-100 text-green-800 text-xs px-2 py-1 rounded">Operational</span>
+                </td>
+                <td className="py-3 px-4">2025-08-01</td>
+                <td className="py-3 px-4">
+                  <button className="text-blue-500 hover:text-blue-700 mr-2 p-1 rounded-full hover:bg-blue-100 dark:hover:bg-blue-900/30">
+                    Edit
+                  </button>
+                  <button className="text-red-500 hover:text-red-700 p-1 rounded-full hover:bg-red-100 dark:hover:bg-red-900/30">
+                    Schedule
+                  </button>
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+      </div>
+    );
+  } else if (selectedMenu === "requests") {
+    content = (
+      <div className="space-y-6">
+        <div className="flex flex-col md:flex-row justify-between items-start md:items-center gap-4">
+          <h1 className="text-2xl font-bold text-gray-800 dark:text-white">Computer Lab Allocation Requests</h1>
+          <div className="flex flex-col sm:flex-row gap-3 w-full md:w-auto">
+            <div className="relative">
+              <input
+                type="text"
+                placeholder="Search requests..."
+                className="w-full sm:w-64 px-4 py-2 border border-gray-300 dark:border-dark3 rounded-lg bg-white dark:bg-dark3/20 focus:outline-none focus:ring-2 focus:ring-blue-500"
+              />
             </div>
-            {/* Bottom - Footer */}
-            <Footer />
+            <button className="bg-blue-500 hover:bg-blue-600 text-white px-4 py-2 rounded-lg transition whitespace-nowrap">
+              Filter by Lab
+            </button>
+          </div>
+        </div>
+        <div className="bg-white dark:bg-dark3/40 rounded-xl shadow overflow-hidden">
+          <table className="w-full">
+            <thead className="bg-gray-100 dark:bg-dark3/60">
+              <tr>
+                <th className="py-3 px-4 text-left">Requester</th>
+                <th className="py-3 px-4 text-left">Lab</th>
+                <th className="py-3 px-4 text-left">Date/Time</th>
+                <th className="py-3 px-4 text-left">Purpose</th>
+                <th className="py-3 px-4 text-left">Status</th>
+                <th className="py-3 px-4 text-left">Actions</th>
+              </tr>
+            </thead>
+            <tbody>
+              <tr className="border-b border-gray-200 dark:border-dark3/30">
+                <td className="py-3 px-4">John Smith</td>
+                <td className="py-3 px-4">Programming Lab A</td>
+                <td className="py-3 px-4">2025-08-15 09:00-11:00</td>
+                <td className="py-3 px-4">Data Structures Workshop</td>
+                <td className="py-3 px-4">
+                  <span className="bg-yellow-100 text-yellow-800 text-xs px-2 py-1 rounded">Pending</span>
+                </td>
+                <td className="py-3 px-4">
+                  <button className="text-green-500 hover:text-green-700 mr-2 p-1 rounded-full hover:bg-green-100 dark:hover:bg-green-900/30">
+                    Approve
+                  </button>
+                  <button className="text-red-500 hover:text-red-700 p-1 rounded-full hover:bg-red-100 dark:hover:bg-red-900/30">
+                    Reject
+                  </button>
+                </td>
+              </tr>
+              <tr className="border-b border-gray-200 dark:border-dark3/30">
+                <td className="py-3 px-4">Sarah Johnson</td>
+                <td className="py-3 px-4">Networking Lab B</td>
+                <td className="py-3 px-4">2025-08-16 14:30-16:30</td>
+                <td className="py-3 px-4">Network Security Lab</td>
+                <td className="py-3 px-4">
+                  <span className="bg-green-100 text-green-800 text-xs px-2 py-1 rounded">Approved</span>
+                </td>
+                <td className="py-3 px-4">
+                  <button className="text-blue-500 hover:text-blue-700 mr-2 p-1 rounded-full hover:bg-blue-100 dark:hover:bg-blue-900/30">
+                    View
+                  </button>
+                </td>
+              </tr>
+              <tr className="border-b border-gray-200 dark:border-dark3/30">
+                <td className="py-3 px-4">Michael Brown</td>
+                <td className="py-3 px-4">Graphics Lab D</td>
+                <td className="py-3 px-4">2025-08-17 11:30-13:30</td>
+                <td className="py-3 px-4">3D Modeling Workshop</td>
+                <td className="py-3 px-4">
+                  <span className="bg-red-100 text-red-800 text-xs px-2 py-1 rounded">Rejected</span>
+                </td>
+                <td className="py-3 px-4">
+                  <button className="text-blue-500 hover:text-blue-700 mr-2 p-1 rounded-full hover:bg-blue-100 dark:hover:bg-blue-900/30">
+                    View
+                  </button>
+                </td>
+              </tr>
+              <tr>
+                <td className="py-3 px-4">Emily Davis</td>
+                <td className="py-3 px-4">Database Lab C</td>
+                <td className="py-3 px-4">2025-08-18 09:00-11:00</td>
+                <td className="py-3 px-4">SQL Optimization Lab</td>
+                <td className="py-3 px-4">
+                  <span className="bg-yellow-100 text-yellow-800 text-xs px-2 py-1 rounded">Pending</span>
+                </td>
+                <td className="py-3 px-4">
+                  <button className="text-green-500 hover:text-green-700 mr-2 p-1 rounded-full hover:bg-green-100 dark:hover:bg-green-900/30">
+                    Approve
+                  </button>
+                  <button className="text-red-500 hover:text-red-700 p-1 rounded-full hover:bg-red-100 dark:hover:bg-red-900/30">
+                    Reject
+                  </button>
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+      </div>
+    );
+  } else if (selectedMenu === "reports") {
+    content = (
+      <div className="space-y-6">
+        <h1 className="text-2xl font-bold text-gray-800 dark:text-white">Computer Lab Reports</h1>
+        <div className="grid grid-cols-1 lg:grid-cols-2 gap-6">
+          <div className="bg-white dark:bg-dark3/40 p-6 rounded-xl shadow">
+            <h2 className="text-lg font-semibold mb-4">Lab Utilization</h2>
+            <div className="h-64 flex items-center justify-center bg-gray-100 dark:bg-dark3/20 rounded-lg">
+              <p className="text-gray-500 dark:text-gray-400">Lab Utilization Chart</p>
+            </div>
+          </div>
+          <div className="bg-white dark:bg-dark3/40 p-6 rounded-xl shadow">
+            <h2 className="text-lg font-semibold mb-4">Equipment Usage</h2>
+            <div className="h-64 flex items-center justify-center bg-gray-100 dark:bg-dark3/20 rounded-lg">
+              <p className="text-gray-500 dark:text-gray-400">Equipment Usage Chart</p>
+            </div>
+          </div>
+        </div>
+        <div className="bg-white dark:bg-dark3/40 p-6 rounded-xl shadow">
+          <h2 className="text-lg font-semibold mb-4">Recent Activity</h2>
+          <ul className="space-y-3">
+            <li className="flex justify-between border-b border-gray-200 dark:border-dark3/30 pb-2">
+              <span>New lab allocation request for Programming Lab A</span>
+              <span className="text-gray-500 dark:text-gray-400">2 hours ago</span>
+            </li>
+            <li className="flex justify-between border-b border-gray-200 dark:border-dark3/30 pb-2">
+              <span>Equipment maintenance completed for Networking Equipment</span>
+              <span className="text-gray-500 dark:text-gray-400">5 hours ago</span>
+            </li>
+            <li className="flex justify-between border-b border-gray-200 dark:border-dark3/30 pb-2">
+              <span>Lab schedule updated for next week</span>
+              <span className="text-gray-500 dark:text-gray-400">1 day ago</span>
+            </li>
+            <li className="flex justify-between pb-2">
+              <span>New equipment added to AI Lab E</span>
+              <span className="text-gray-500 dark:text-gray-400">2 days ago</span>
+            </li>
+          </ul>
         </div>
+      </div>
     );
+  } else if (selectedMenu === "maintenance") {
+    content = (
+      <div className="space-y-6">
+        <div className="flex flex-col md:flex-row justify-between items-start md:items-center gap-4">
+          <h1 className="text-2xl font-bold text-gray-800 dark:text-white">Computer Equipment Maintenance</h1>
+          <div className="flex flex-col sm:flex-row gap-3 w-full md:w-auto">
+            <button className="bg-blue-500 hover:bg-blue-600 text-white px-4 py-2 rounded-lg transition">
+              Schedule Maintenance
+            </button>
+          </div>
+        </div>
+        <div className="bg-white dark:bg-dark3/40 rounded-xl shadow overflow-hidden">
+          <table className="w-full">
+            <thead className="bg-gray-100 dark:bg-dark3/60">
+              <tr>
+                <th className="py-3 px-4 text-left">Equipment</th>
+                <th className="py-3 px-4 text-left">Lab</th>
+                <th className="py-3 px-4 text-left">Last Maintenance</th>
+                <th className="py-3 px-4 text-left">Next Due</th>
+                <th className="py-3 px-4 text-left">Status</th>
+                <th className="py-3 px-4 text-left">Actions</th>
+              </tr>
+            </thead>
+            <tbody>
+              <tr className="border-b border-gray-200 dark:border-dark3/30">
+                <td className="py-3 px-4">High-Performance Workstations</td>
+                <td className="py-3 px-4">Graphics Lab D</td>
+                <td className="py-3 px-4">2025-07-15</td>
+                <td className="py-3 px-4">2025-10-15</td>
+                <td className="py-3 px-4">
+                  <span className="bg-green-100 text-green-800 text-xs px-2 py-1 rounded">On Schedule</span>
+                </td>
+                <td className="py-3 px-4">
+                  <button className="text-blue-500 hover:text-blue-700 mr-2 p-1 rounded-full hover:bg-blue-100 dark:hover:bg-blue-900/30">
+                    Log
+                  </button>
+                </td>
+              </tr>
+              <tr className="border-b border-gray-200 dark:border-dark3/30">
+                <td className="py-3 px-4">Networking Equipment</td>
+                <td className="py-3 px-4">Networking Lab B</td>
+                <td className="py-3 px-4">2025-06-20</td>
+                <td className="py-3 px-4">2025-08-20</td>
+                <td className="py-3 px-4">
+                  <span className="bg-yellow-100 text-yellow-800 text-xs px-2 py-1 rounded">Due Soon</span>
+                </td>
+                <td className="py-3 px-4">
+                  <button className="text-blue-500 hover:text-blue-700 mr-2 p-1 rounded-full hover:bg-blue-100 dark:hover:bg-blue-900/30">
+                    Schedule
+                  </button>
+                </td>
+              </tr>
+              <tr className="border-b border-gray-200 dark:border-dark3/30">
+                <td className="py-3 px-4">Database Servers</td>
+                <td className="py-3 px-4">Database Lab C</td>
+                <td className="py-3 px-4">2025-07-22</td>
+                <td className="py-3 px-4">2025-10-22</td>
+                <td className="py-3 px-4">
+                  <span className="bg-green-100 text-green-800 text-xs px-2 py-1 rounded">On Schedule</span>
+                </td>
+                <td className="py-3 px-4">
+                  <button className="text-blue-500 hover:text-blue-700 mr-2 p-1 rounded-full hover:bg-blue-100 dark:hover:bg-blue-900/30">
+                    Log
+                  </button>
+                </td>
+              </tr>
+              <tr>
+                <td className="py-3 px-4">AI Workstations</td>
+                <td className="py-3 px-4">AI Lab E</td>
+                <td className="py-3 px-4">2025-08-01</td>
+                <td className="py-3 px-4">2025-11-01</td>
+                <td className="py-3 px-4">
+                  <span className="bg-green-100 text-green-800 text-xs px-2 py-1 rounded">On Schedule</span>
+                </td>
+                <td className="py-3 px-4">
+                  <button className="text-blue-500 hover:text-blue-700 mr-2 p-1 rounded-full hover:bg-blue-100 dark:hover:bg-blue-900/30">
+                    Log
+                  </button>
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+      </div>
+    );
+  }
+
+  return (
+    <PrivateRoute>
+      <div className="pagebackground min-h-screen flex flex-col">
+        <Header />
+        <div className="flex flex-1 flex-col md:flex-row w-full pt-20">
+          <Sidebar
+            menuItems={menuItems}
+            onMenuSelect={setSelectedMenu}
+            selectedMenu={selectedMenu}
+          />
+          <div className="flex-1 flex justify-center items-start p-4 mt-4">
+            <div className="w-full bg-white/40 dark:bg-dark3/30 rounded-xl p-4 shadow-lg overflow-y-auto max-h-[calc(100vh-120px)]">
+              {content}
+            </div>
+          </div>
+        </div>
+        <Footer />
+      </div>
+    </PrivateRoute>
+  );
 }
diff --git a/src/app/(dashboard)/(pages)/non-academic-dashboard/page.tsx b/src/app/(dashboard)/(pages)/non-academic-dashboard/page.tsx
index cded5bb..c335016 100644
--- a/src/app/(dashboard)/(pages)/non-academic-dashboard/page.tsx
+++ b/src/app/(dashboard)/(pages)/non-academic-dashboard/page.tsx
@@ -1,5 +1,6 @@
 "use client";
 import Footer from "@/components/footer";
+import PrivateRoute from "@/components/PrivateRoute";
 import "../../style/page.css";
 import Header from "../../components/header";
 import Sidebar, { MenuItem } from "../../components/sidebar";
@@ -30,21 +31,23 @@ export default function StudentDashboardPage() {
   }
 
   return (
-    <div className="pagebackground min-h-screen flex flex-col">
-      <Header />
-      <div className="flex flex-1 flex-col md:flex-row w-full">
-        <Sidebar
-          menuItems={menuItems}
-          onMenuSelect={setSelectedMenu}
-          selectedMenu={selectedMenu}
-        />
-        <div className="flex-1 flex justify-center items-start p-4">
-          <div className="w-full bg-white/40 dark:bg-dark3/30 rounded-xl p-4 shadow-lg">
-            {content}
-          </div>
+    <PrivateRoute>
+        <div className="pagebackground min-h-screen flex flex-col">
+        <Header />
+        <div className="flex flex-1 flex-col md:flex-row w-full">
+            <Sidebar
+            menuItems={menuItems}
+            onMenuSelect={setSelectedMenu}
+            selectedMenu={selectedMenu}
+            />
+            <div className="flex-1 flex justify-center items-start p-4">
+            <div className="w-full bg-white/40 dark:bg-dark3/30 rounded-xl p-4 shadow-lg">
+                {content}
+            </div>
+            </div>
         </div>
-      </div>
-      <Footer />
-    </div>
+        <Footer />
+        </div>
+    </PrivateRoute>
   );
 }
diff --git a/src/app/(dashboard)/(pages)/student-dashboard/page.tsx b/src/app/(dashboard)/(pages)/student-dashboard/page.tsx
index e69de29..e6573d1 100644
--- a/src/app/(dashboard)/(pages)/student-dashboard/page.tsx
+++ b/src/app/(dashboard)/(pages)/student-dashboard/page.tsx
@@ -0,0 +1,537 @@
+"use client";
+import Footer from "@/components/footer";
+import PrivateRoute from "@/components/PrivateRoute";
+import "../../style/page.css";
+import Header from "../../components/header";
+import Sidebar, { MenuItem } from "../../components/sidebar";
+import { useState } from "react";
+import { FaBook, FaCalendarAlt, FaClipboardList, FaUserGraduate, FaChartLine, FaBell } from "react-icons/fa";
+
+export default function StudentDashboardPage() {
+  const [selectedMenu, setSelectedMenu] = useState("courses");
+
+  // Student-specific menu
+  const menuItems: MenuItem[] = [
+    { id: "courses", label: "My Courses", icon: <FaBook /> },
+    { id: "timetable", label: "Timetable", icon: <FaCalendarAlt /> },
+    { id: "assignments", label: "Assignments", icon: <FaClipboardList /> },
+    { id: "profile", label: "Profile", icon: <FaUserGraduate /> },
+    { id: "grades", label: "Grades", icon: <FaChartLine /> },
+    { id: "notifications", label: "Notifications", icon: <FaBell /> },
+  ];
+
+  // Student-specific content
+  let content;
+  if (selectedMenu === "courses") {
+    content = (
+      <div className="space-y-6">
+        <h1 className="text-2xl font-bold text-gray-800 dark:text-white">My Courses</h1>
+        <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
+          <div className="bg-blue-100 dark:bg-blue-900/50 p-6 rounded-xl shadow">
+            <h3 className="text-lg font-semibold text-blue-800 dark:text-blue-200">Mathematics 101</h3>
+            <p className="text-sm text-blue-600 dark:text-blue-300 mt-1">Dr. Sarah Johnson</p>
+            <p className="text-sm text-blue-600 dark:text-blue-300 mt-1">Semester 1</p>
+            <div className="mt-4 flex gap-2">
+              <span className="bg-blue-500 text-white text-xs px-2 py-1 rounded">Core</span>
+              <span className="bg-green-500 text-white text-xs px-2 py-1 rounded">Active</span>
+            </div>
+          </div>
+          <div className="bg-green-100 dark:bg-green-900/50 p-6 rounded-xl shadow">
+            <h3 className="text-lg font-semibold text-green-800 dark:text-green-200">Physics 202</h3>
+            <p className="text-sm text-green-600 dark:text-green-300 mt-1">Prof. Michael Chen</p>
+            <p className="text-sm text-green-600 dark:text-green-300 mt-1">Semester 1</p>
+            <div className="mt-4 flex gap-2">
+              <span className="bg-green-500 text-white text-xs px-2 py-1 rounded">Science</span>
+              <span className="bg-green-500 text-white text-xs px-2 py-1 rounded">Active</span>
+            </div>
+          </div>
+          <div className="bg-yellow-100 dark:bg-yellow-900/50 p-6 rounded-xl shadow">
+            <h3 className="text-lg font-semibold text-yellow-800 dark:text-yellow-200">English Literature</h3>
+            <p className="text-sm text-yellow-600 dark:text-yellow-300 mt-1">Dr. Emily Roberts</p>
+            <p className="text-sm text-yellow-600 dark:text-yellow-300 mt-1">Semester 1</p>
+            <div className="mt-4 flex gap-2">
+              <span className="bg-yellow-500 text-white text-xs px-2 py-1 rounded">Humanities</span>
+              <span className="bg-green-500 text-white text-xs px-2 py-1 rounded">Active</span>
+            </div>
+          </div>
+          <div className="bg-purple-100 dark:bg-purple-900/50 p-6 rounded-xl shadow">
+            <h3 className="text-lg font-semibold text-purple-800 dark:text-purple-200">Computer Science</h3>
+            <p className="text-sm text-purple-600 dark:text-purple-300 mt-1">Prof. David Wilson</p>
+            <p className="text-sm text-purple-600 dark:text-purple-300 mt-1">Semester 2</p>
+            <div className="mt-4 flex gap-2">
+              <span className="bg-purple-500 text-white text-xs px-2 py-1 rounded">Elective</span>
+              <span className="bg-green-500 text-white text-xs px-2 py-1 rounded">Active</span>
+            </div>
+          </div>
+          <div className="bg-red-100 dark:bg-red-900/50 p-6 rounded-xl shadow">
+            <h3 className="text-lg font-semibold text-red-800 dark:text-red-200">History</h3>
+            <p className="text-sm text-red-600 dark:text-red-300 mt-1">Dr. James Miller</p>
+            <p className="text-sm text-red-600 dark:text-red-300 mt-1">Semester 2</p>
+            <div className="mt-4 flex gap-2">
+              <span className="bg-red-500 text-white text-xs px-2 py-1 rounded">Humanities</span>
+              <span className="bg-green-500 text-white text-xs px-2 py-1 rounded">Active</span>
+            </div>
+          </div>
+          <div className="bg-indigo-100 dark:bg-indigo-900/50 p-6 rounded-xl shadow">
+            <h3 className="text-lg font-semibold text-indigo-800 dark:text-indigo-200">Chemistry Lab</h3>
+            <p className="text-sm text-indigo-600 dark:text-indigo-300 mt-1">Prof. Lisa Anderson</p>
+            <p className="text-sm text-indigo-600 dark:text-indigo-300 mt-1">Semester 1</p>
+            <div className="mt-4 flex gap-2">
+              <span className="bg-indigo-500 text-white text-xs px-2 py-1 rounded">Lab</span>
+              <span className="bg-green-500 text-white text-xs px-2 py-1 rounded">Active</span>
+            </div>
+          </div>
+        </div>
+        <div className="mt-8">
+          <h2 className="text-xl font-semibold text-gray-800 dark:text-white mb-4">Course Actions</h2>
+          <div className="flex flex-wrap gap-4">
+            <button className="bg-blue-500 hover:bg-blue-600 text-white px-4 py-2 rounded-lg transition">
+              Enroll in New Course
+            </button>
+            <button className="bg-green-500 hover:bg-green-600 text-white px-4 py-2 rounded-lg transition">
+              View Course Materials
+            </button>
+            <button className="bg-purple-500 hover:bg-purple-600 text-white px-4 py-2 rounded-lg transition">
+              Access Library
+            </button>
+          </div>
+        </div>
+      </div>
+    );
+  } else if (selectedMenu === "timetable") {
+    content = (
+      <div className="space-y-6">
+        <div className="flex flex-col md:flex-row justify-between items-start md:items-center gap-4">
+          <h1 className="text-2xl font-bold text-gray-800 dark:text-white">Weekly Timetable</h1>
+          <div className="flex flex-col sm:flex-row gap-3 w-full md:w-auto">
+            <div className="relative">
+              <select className="w-full sm:w-48 px-4 py-2 border border-gray-300 dark:border-dark3 rounded-lg bg-white dark:bg-dark3/20 focus:outline-none focus:ring-2 focus:ring-blue-500">
+                <option>Week 1 - Aug 12-18</option>
+                <option>Week 2 - Aug 19-25</option>
+                <option>Week 3 - Aug 26-Sep 1</option>
+              </select>
+            </div>
+            <button className="bg-blue-500 hover:bg-blue-600 text-white px-4 py-2 rounded-lg transition whitespace-nowrap">
+              Download Timetable
+            </button>
+          </div>
+        </div>
+        <div className="bg-white dark:bg-dark3/40 rounded-xl shadow overflow-hidden">
+          <table className="w-full">
+            <thead className="bg-gray-100 dark:bg-dark3/60">
+              <tr>
+                <th className="py-3 px-4 text-left">Time</th>
+                <th className="py-3 px-4 text-left">Monday</th>
+                <th className="py-3 px-4 text-left">Tuesday</th>
+                <th className="py-3 px-4 text-left">Wednesday</th>
+                <th className="py-3 px-4 text-left">Thursday</th>
+                <th className="py-3 px-4 text-left">Friday</th>
+              </tr>
+            </thead>
+            <tbody>
+              <tr className="border-b border-gray-200 dark:border-dark3/30">
+                <td className="py-3 px-4 font-medium">09:00 - 10:30</td>
+                <td className="py-3 px-4">
+                  <div className="bg-blue-100 dark:bg-blue-900/50 p-3 rounded-lg">
+                    <div className="font-semibold">Mathematics 101</div>
+                    <div className="text-sm">Room 205</div>
+                  </div>
+                </td>
+                <td className="py-3 px-4">
+                  <div className="bg-green-100 dark:bg-green-900/50 p-3 rounded-lg">
+                    <div className="font-semibold">Physics 202</div>
+                    <div className="text-sm">Lab 3</div>
+                  </div>
+                </td>
+                <td className="py-3 px-4">
+                  <div className="bg-yellow-100 dark:bg-yellow-900/50 p-3 rounded-lg">
+                    <div className="font-semibold">English Lit</div>
+                    <div className="text-sm">Room 102</div>
+                  </div>
+                </td>
+                <td className="py-3 px-4">
+                  <div className="bg-purple-100 dark:bg-purple-900/50 p-3 rounded-lg">
+                    <div className="font-semibold">Computer Sci</div>
+                    <div className="text-sm">Lab 7</div>
+                  </div>
+                </td>
+                <td className="py-3 px-4">
+                  <div className="bg-red-100 dark:bg-red-900/50 p-3 rounded-lg">
+                    <div className="font-semibold">History</div>
+                    <div className="text-sm">Room 301</div>
+                  </div>
+                </td>
+              </tr>
+              <tr className="border-b border-gray-200 dark:border-dark3/30">
+                <td className="py-3 px-4 font-medium">11:00 - 12:30</td>
+                <td className="py-3 px-4">
+                  <div className="bg-green-100 dark:bg-green-900/50 p-3 rounded-lg">
+                    <div className="font-semibold">Physics 202</div>
+                    <div className="text-sm">Room 108</div>
+                  </div>
+                </td>
+                <td className="py-3 px-4">
+                  <div className="bg-yellow-100 dark:bg-yellow-900/50 p-3 rounded-lg">
+                    <div className="font-semibold">English Lit</div>
+                    <div className="text-sm">Room 102</div>
+                  </div>
+                </td>
+                <td className="py-3 px-4">
+                  <div className="bg-blue-100 dark:bg-blue-900/50 p-3 rounded-lg">
+                    <div className="font-semibold">Mathematics 101</div>
+                    <div className="text-sm">Room 205</div>
+                  </div>
+                </td>
+                <td className="py-3 px-4">
+                  <div className="bg-red-100 dark:bg-red-900/50 p-3 rounded-lg">
+                    <div className="font-semibold">History</div>
+                    <div className="text-sm">Room 301</div>
+                  </div>
+                </td>
+                <td className="py-3 px-4">
+                  <div className="bg-purple-100 dark:bg-purple-900/50 p-3 rounded-lg">
+                    <div className="font-semibold">Computer Sci</div>
+                    <div className="text-sm">Lab 7</div>
+                  </div>
+                </td>
+              </tr>
+              <tr className="border-b border-gray-200 dark:border-dark3/30">
+                <td className="py-3 px-4 font-medium">14:00 - 15:30</td>
+                <td className="py-3 px-4">
+                  <div className="bg-purple-100 dark:bg-purple-900/50 p-3 rounded-lg">
+                    <div className="font-semibold">Computer Sci</div>
+                    <div className="text-sm">Lab 7</div>
+                  </div>
+                </td>
+                <td className="py-3 px-4">
+                  <div className="bg-blue-100 dark:bg-blue-900/50 p-3 rounded-lg">
+                    <div className="font-semibold">Mathematics 101</div>
+                    <div className="text-sm">Room 205</div>
+                  </div>
+                </td>
+                <td className="py-3 px-4">
+                  <div className="bg-green-100 dark:bg-green-900/50 p-3 rounded-lg">
+                    <div className="font-semibold">Physics 202</div>
+                    <div className="text-sm">Lab 3</div>
+                  </div>
+                </td>
+                <td className="py-3 px-4">
+                  <div className="bg-yellow-100 dark:bg-yellow-900/50 p-3 rounded-lg">
+                    <div className="font-semibold">English Lit</div>
+                    <div className="text-sm">Room 102</div>
+                  </div>
+                </td>
+                <td className="py-3 px-4">
+                  <div className="bg-indigo-100 dark:bg-indigo-900/50 p-3 rounded-lg">
+                    <div className="font-semibold">Chemistry Lab</div>
+                    <div className="text-sm">Lab 5</div>
+                  </div>
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+      </div>
+    );
+  } else if (selectedMenu === "assignments") {
+    content = (
+      <div className="space-y-6">
+        <div className="flex flex-col md:flex-row justify-between items-start md:items-center gap-4">
+          <h1 className="text-2xl font-bold text-gray-800 dark:text-white">My Assignments</h1>
+          <div className="flex flex-col sm:flex-row gap-3 w-full md:w-auto">
+            <div className="relative">
+              <input
+                type="text"
+                placeholder="Search assignments..."
+                className="w-full sm:w-64 px-4 py-2 border border-gray-300 dark:border-dark3 rounded-lg bg-white dark:bg-dark3/20 focus:outline-none focus:ring-2 focus:ring-blue-500"
+              />
+            </div>
+            <button className="bg-blue-500 hover:bg-blue-600 text-white px-4 py-2 rounded-lg transition whitespace-nowrap">
+              View All Courses
+            </button>
+          </div>
+        </div>
+        <div className="bg-white dark:bg-dark3/40 rounded-xl shadow overflow-hidden">
+          <table className="w-full">
+            <thead className="bg-gray-100 dark:bg-dark3/60">
+              <tr>
+                <th className="py-3 px-4 text-left">Assignment</th>
+                <th className="py-3 px-4 text-left">Course</th>
+                <th className="py-3 px-4 text-left">Due Date</th>
+                <th className="py-3 px-4 text-left">Status</th>
+                <th className="py-3 px-4 text-left">Actions</th>
+              </tr>
+            </thead>
+            <tbody>
+              <tr className="border-b border-gray-200 dark:border-dark3/30">
+                <td className="py-3 px-4">Calculus Problem Set 3</td>
+                <td className="py-3 px-4">Mathematics 101</td>
+                <td className="py-3 px-4">2025-08-18 23:59</td>
+                <td className="py-3 px-4">
+                  <span className="bg-yellow-100 text-yellow-800 text-xs px-2 py-1 rounded">Pending</span>
+                </td>
+                <td className="py-3 px-4">
+                  <button className="text-blue-500 hover:text-blue-700 mr-2 p-1 rounded-full hover:bg-blue-100 dark:hover:bg-blue-900/30">
+                    View Details
+                  </button>
+                </td>
+              </tr>
+              <tr className="border-b border-gray-200 dark:border-dark3/30">
+                <td className="py-3 px-4">Physics Lab Report 2</td>
+                <td className="py-3 px-4">Physics 202</td>
+                <td className="py-3 px-4">2025-08-20 23:59</td>
+                <td className="py-3 px-4">
+                  <span className="bg-yellow-100 text-yellow-800 text-xs px-2 py-1 rounded">Pending</span>
+                </td>
+                <td className="py-3 px-4">
+                  <button className="text-blue-500 hover:text-blue-700 mr-2 p-1 rounded-full hover:bg-blue-100 dark:hover:bg-blue-900/30">
+                    View Details
+                  </button>
+                </td>
+              </tr>
+              <tr className="border-b border-gray-200 dark:border-dark3/30">
+                <td className="py-3 px-4">Literary Analysis Essay</td>
+                <td className="py-3 px-4">English Literature</td>
+                <td className="py-3 px-4">2025-08-25 23:59</td>
+                <td className="py-3 px-4">
+                  <span className="bg-yellow-100 text-yellow-800 text-xs px-2 py-1 rounded">Pending</span>
+                </td>
+                <td className="py-3 px-4">
+                  <button className="text-blue-500 hover:text-blue-700 mr-2 p-1 rounded-full hover:bg-blue-100 dark:hover:bg-blue-900/30">
+                    View Details
+                  </button>
+                </td>
+              </tr>
+              <tr>
+                <td className="py-3 px-4">Programming Project 1</td>
+                <td className="py-3 px-4">Computer Science</td>
+                <td className="py-3 px-4">2025-09-01 23:59</td>
+                <td className="py-3 px-4">
+                  <span className="bg-green-100 text-green-800 text-xs px-2 py-1 rounded">Submitted</span>
+                </td>
+                <td className="py-3 px-4">
+                  <button className="text-blue-500 hover:text-blue-700 mr-2 p-1 rounded-full hover:bg-blue-100 dark:hover:bg-blue-900/30">
+                    View Feedback
+                  </button>
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+      </div>
+    );
+  } else if (selectedMenu === "profile") {
+    content = (
+      <div className="space-y-6">
+        <h1 className="text-2xl font-bold text-gray-800 dark:text-white">Student Profile</h1>
+        <div className="bg-white dark:bg-dark3/40 rounded-xl shadow overflow-hidden">
+          <div className="p-6">
+            <div className="flex items-center gap-6 mb-6">
+              <img
+                src="https://randomuser.me/api/portraits/women/44.jpg"
+                alt="Profile"
+                className="w-24 h-24 rounded-full object-cover border-4 border-blue-500"
+              />
+              <div>
+                <h2 className="text-xl font-bold">Alex Morgan</h2>
+                <p className="text-gray-600 dark:text-gray-300">Student ID: STU123456</p>
+                <p className="text-gray-600 dark:text-gray-300">Computer Science Major</p>
+              </div>
+            </div>
+            
+            <h2 className="text-lg font-semibold mb-4">Personal Information</h2>
+            <div className="grid grid-cols-1 md:grid-cols-2 gap-4 mb-6">
+              <div>
+                <label className="block text-gray-700 dark:text-gray-300 mb-2">Full Name</label>
+                <input
+                  type="text"
+                  defaultValue="Alex Morgan"
+                  className="w-full p-2 border border-gray-300 dark:border-dark3 rounded bg-white dark:bg-dark3/20"
+                />
+              </div>
+              <div>
+                <label className="block text-gray-700 dark:text-gray-300 mb-2">Student ID</label>
+                <input
+                  type="text"
+                  defaultValue="STU123456"
+                  disabled
+                  className="w-full p-2 border border-gray-300 dark:border-dark3 rounded bg-white dark:bg-dark3/20"
+                />
+              </div>
+              <div>
+                <label className="block text-gray-700 dark:text-gray-300 mb-2">Email</label>
+                <input
+                  type="email"
+                  defaultValue="alex.morgan@student.university.edu"
+                  className="w-full p-2 border border-gray-300 dark:border-dark3 rounded bg-white dark:bg-dark3/20"
+                />
+              </div>
+              <div>
+                <label className="block text-gray-700 dark:text-gray-300 mb-2">Phone</label>
+                <input
+                  type="tel"
+                  defaultValue="+1 (555) 123-4567"
+                  className="w-full p-2 border border-gray-300 dark:border-dark3 rounded bg-white dark:bg-dark3/20"
+                />
+              </div>
+            </div>
+            
+            <h2 className="text-lg font-semibold mb-4">Academic Information</h2>
+            <div className="grid grid-cols-1 md:grid-cols-2 gap-4 mb-6">
+              <div>
+                <label className="block text-gray-700 dark:text-gray-300 mb-2">Major</label>
+                <input
+                  type="text"
+                  defaultValue="Computer Science"
+                  className="w-full p-2 border border-gray-300 dark:border-dark3 rounded bg-white dark:bg-dark3/20"
+                />
+              </div>
+              <div>
+                <label className="block text-gray-700 dark:text-gray-300 mb-2">Year</label>
+                <select className="w-full p-2 border border-gray-300 dark:border-dark3 rounded bg-white dark:bg-dark3/20">
+                  <option>First Year</option>
+                  <option>Second Year</option>
+                  <option>Third Year</option>
+                  <option>Fourth Year</option>
+                </select>
+              </div>
+              <div>
+                <label className="block text-gray-700 dark:text-gray-300 mb-2">GPA</label>
+                <input
+                  type="text"
+                  defaultValue="3.75"
+                  disabled
+                  className="w-full p-2 border border-gray-300 dark:border-dark3 rounded bg-white dark:bg-dark3/20"
+                />
+              </div>
+              <div>
+                <label className="block text-gray-700 dark:text-gray-300 mb-2">Advisor</label>
+                <input
+                  type="text"
+                  defaultValue="Dr. Robert Johnson"
+                  disabled
+                  className="w-full p-2 border border-gray-300 dark:border-dark3 rounded bg-white dark:bg-dark3/20"
+                />
+              </div>
+            </div>
+            
+            <button className="bg-blue-500 hover:bg-blue-600 text-white px-4 py-2 rounded-lg transition">
+              Update Profile
+            </button>
+          </div>
+        </div>
+      </div>
+    );
+  } else if (selectedMenu === "grades") {
+    content = (
+      <div className="space-y-6">
+        <h1 className="text-2xl font-bold text-gray-800 dark:text-white">My Grades</h1>
+        <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
+          <div className="bg-white dark:bg-dark3/40 p-6 rounded-xl shadow">
+            <h3 className="text-lg font-semibold mb-4">Current GPA: 3.75</h3>
+            <div className="space-y-4">
+              <div className="flex justify-between items-center pb-2 border-b border-gray-200 dark:border-dark3/30">
+                <span>Mathematics 101</span>
+                <span className="font-bold">A-</span>
+              </div>
+              <div className="flex justify-between items-center pb-2 border-b border-gray-200 dark:border-dark3/30">
+                <span>Physics 202</span>
+                <span className="font-bold">B+</span>
+              </div>
+              <div className="flex justify-between items-center pb-2 border-b border-gray-200 dark:border-dark3/30">
+                <span>English Literature</span>
+                <span className="font-bold">A</span>
+              </div>
+              <div className="flex justify-between items-center pb-2 border-b border-gray-200 dark:border-dark3/30">
+                <span>Computer Science</span>
+                <span className="font-bold">A</span>
+              </div>
+              <div className="flex justify-between items-center">
+                <span>History</span>
+                <span className="font-bold">B</span>
+              </div>
+            </div>
+          </div>
+          
+          <div className="bg-white dark:bg-dark3/40 p-6 rounded-xl shadow lg:col-span-2">
+            <h2 className="text-lg font-semibold mb-4">Grade Distribution</h2>
+            <div className="h-64 flex items-center justify-center bg-gray-100 dark:bg-dark3/20 rounded-lg">
+              <p className="text-gray-500 dark:text-gray-400">Grade Distribution Chart</p>
+            </div>
+          </div>
+        </div>
+      </div>
+    );
+  } else if (selectedMenu === "notifications") {
+    content = (
+      <div className="space-y-6">
+        <h1 className="text-2xl font-bold text-gray-800 dark:text-white">Notifications</h1>
+        <div className="bg-white dark:bg-dark3/40 rounded-xl shadow overflow-hidden">
+          <ul className="divide-y divide-gray-200 dark:divide-dark3/30">
+            <li className="p-4 hover:bg-gray-50 dark:hover:bg-dark3/20">
+              <div className="flex justify-between">
+                <h3 className="font-medium">Assignment Due Reminder</h3>
+                <span className="text-sm text-gray-500 dark:text-gray-400">2 hours ago</span>
+              </div>
+              <p className="text-gray-600 dark:text-gray-300 mt-1">Calculus Problem Set 3 is due on August 18th</p>
+              <div className="mt-2">
+                <span className="bg-blue-100 text-blue-800 text-xs px-2 py-1 rounded">Assignment</span>
+              </div>
+            </li>
+            <li className="p-4 hover:bg-gray-50 dark:hover:bg-dark3/20">
+              <div className="flex justify-between">
+                <h3 className="font-medium">New Course Material Available</h3>
+                <span className="text-sm text-gray-500 dark:text-gray-400">1 day ago</span>
+              </div>
+              <p className="text-gray-600 dark:text-gray-300 mt-1">Dr. Sarah Johnson has uploaded new lecture notes for Mathematics 101</p>
+              <div className="mt-2">
+                <span className="bg-green-100 text-green-800 text-xs px-2 py-1 rounded">Course</span>
+              </div>
+            </li>
+            <li className="p-4 hover:bg-gray-50 dark:hover:bg-dark3/20">
+              <div className="flex justify-between">
+                <h3 className="font-medium">Exam Schedule Published</h3>
+                <span className="text-sm text-gray-500 dark:text-gray-400">2 days ago</span>
+              </div>
+              <p className="text-gray-600 dark:text-gray-300 mt-1">Final exam schedule for Semester 1 is now available</p>
+              <div className="mt-2">
+                <span className="bg-yellow-100 text-yellow-800 text-xs px-2 py-1 rounded">Exam</span>
+              </div>
+            </li>
+            <li className="p-4 hover:bg-gray-50 dark:hover:bg-dark3/20">
+              <div className="flex justify-between">
+                <h3 className="font-medium">Library Workshop</h3>
+                <span className="text-sm text-gray-500 dark:text-gray-400">3 days ago</span>
+              </div>
+              <p className="text-gray-600 dark:text-gray-300 mt-1">Research Skills Workshop on August 20th at 14:00 in Library Room 101</p>
+              <div className="mt-2">
+                <span className="bg-purple-100 text-purple-800 text-xs px-2 py-1 rounded">Event</span>
+              </div>
+            </li>
+          </ul>
+        </div>
+      </div>
+    );
+  }
+
+  return (
+    <PrivateRoute>
+      <div className="pagebackground min-h-screen flex flex-col">
+        <Header />
+        <div className="flex flex-1 flex-col md:flex-row w-full pt-20">
+          <Sidebar
+            menuItems={menuItems}
+            onMenuSelect={setSelectedMenu}
+            selectedMenu={selectedMenu}
+          />
+          <div className="flex-1 flex justify-center items-start p-4 mt-4">
+            <div className="w-full bg-white/40 dark:bg-dark3/30 rounded-xl p-4 shadow-lg overflow-y-auto max-h-[calc(100vh-120px)]">
+              {content}
+            </div>
+          </div>
+        </div>
+        <Footer />
+      </div>
+    </PrivateRoute>
+  );
+}
diff --git a/src/app/(dashboard)/(pages)/time-table-admin-dashboard/page.tsx b/src/app/(dashboard)/(pages)/time-table-admin-dashboard/page.tsx
index 57f865b..86a1f28 100644
--- a/src/app/(dashboard)/(pages)/time-table-admin-dashboard/page.tsx
+++ b/src/app/(dashboard)/(pages)/time-table-admin-dashboard/page.tsx
@@ -1,22 +1,25 @@
 
 import Footer from "@/components/footer";
+import PrivateRoute from "@/components/PrivateRoute";
 import React from "react";
 import "../../style/page.css";
 
 
 export default function TimeTableAdminDashboardPage() {
     return (
-        <div className="pagebackground min-h-screen flex flex-col">
-            {/* Middle - Main Content */}
-            <div className="pageflexbox flex flex-1 justify-center items-start">
-                <div className="w-full flex justify-center">
-                    <div className="scale-90 sm:scale-95 lg:scale-100 w-full">
-                  
+        <PrivateRoute>
+            <div className="pagebackground min-h-screen flex flex-col">
+                {/* Middle - Main Content */}
+                <div className="pageflexbox flex flex-1 justify-center items-start">
+                    <div className="w-full flex justify-center">
+                        <div className="scale-90 sm:scale-95 lg:scale-100 w-full">
+                      
+                        </div>
                     </div>
                 </div>
+                {/* Bottom - Footer */}
+                <Footer />
             </div>
-            {/* Bottom - Footer */}
-            <Footer />
-        </div>
+        </PrivateRoute>
     );
 }
diff --git a/src/app/(dashboard)/components/button.tsx b/src/app/(dashboard)/components/button.tsx
index e2964c3..d7ad1dc 100644
--- a/src/app/(dashboard)/components/button.tsx
+++ b/src/app/(dashboard)/components/button.tsx
@@ -1,3 +1,5 @@
+import "../style/button.css";
+
 export default function Button({ type, label, onClick, className }: {
     type: "button" | "submit" | "reset" | undefined,
     label: string,
diff --git a/src/app/(dashboard)/components/header.tsx b/src/app/(dashboard)/components/header.tsx
index a6ee822..5c6f34c 100644
--- a/src/app/(dashboard)/components/header.tsx
+++ b/src/app/(dashboard)/components/header.tsx
@@ -15,7 +15,7 @@ export default function Header() {
     };
 
     return (
-        <header className="w-full flex items-center justify-between px-6 py-3 bg-white/60 dark:bg-dark1/60 backdrop-blur-md shadow-md rounded-b-xl mb-4">
+        <header className="fixed top-0 left-0 right-0 z-50 w-full flex items-center justify-between px-6 py-3 bg-white/60 dark:bg-dark1/60 backdrop-blur-md shadow-md rounded-b-xl mb-4">
             {/* Left: UOP Logo and Title */}
             <div className="flex items-center gap-3">
                 <Image
@@ -36,7 +36,7 @@ export default function Header() {
                     type="button"
                     label="Logout"
                     onClick={handleLogout}
-                    className="px-4 py-2 bg-dark5 hover:bg-dark1 text-white font-semibold rounded-lg shadow-sm transition-all duration-200"
+                    
                 />
                 <ThemeSwitch/>
             </div>
diff --git a/src/app/(dashboard)/components/sidebar.tsx b/src/app/(dashboard)/components/sidebar.tsx
index 82512e7..68fe076 100644
--- a/src/app/(dashboard)/components/sidebar.tsx
+++ b/src/app/(dashboard)/components/sidebar.tsx
@@ -1,5 +1,6 @@
 "use client";
 import { useState } from "react";
+import { FaChevronLeft, FaChevronRight } from "react-icons/fa";
 
 export type MenuItem = {
   id: string;
@@ -33,7 +34,7 @@ export default function Sidebar({ menuItems, onMenuSelect, selectedMenu }: Sideb
         className="mr-2 md:mr-0 mb-0 md:mb-4 p-1 rounded bg-dark3/20 dark:bg-dark3/30 hover:bg-dark3/40 dark:hover:bg-dark3/50 transition"
         title={isSidebarOpen ? "Collapse sidebar" : "Expand sidebar"}
       >
-        {isSidebarOpen ? "<" : ">"}
+        {isSidebarOpen ? <FaChevronLeft /> : <FaChevronRight />}
       </button>
 
       {/* Dynamic Menu */}
diff --git a/src/app/(dashboard)/style/button.css b/src/app/(dashboard)/style/button.css
index 9e24681..4d92de0 100644
--- a/src/app/(dashboard)/style/button.css
+++ b/src/app/(dashboard)/style/button.css
@@ -4,8 +4,8 @@
     .button{
         @apply
         w-full
-        bg-dark5 text-dark3 py-2 rounded-lg hover:bg-dark3 hover:text-dark5 transition duration-300
-        dark:bg-dark3 dark:text-dark5 py-2 rounded-lg dark:hover:bg-dark5 dark:hover:text-dark3 transition duration-300;
+        bg-dark5/80 text-dark3 px-4 py-2 rounded-lg hover:bg-dark3 hover:text-dark5 transition duration-300
+        dark:bg-dark3 dark:text-dark5 px-4 py-2 rounded-lg dark:hover:bg-dark5 dark:hover:text-dark3 transition duration-300;
 
     }