Created dashboards for different type of authorizations

src/app/(dashboard)/admin/page.tsx

@@ -0,0 +1,7 @@
+const AdminPage = () => {
+  return (
+    <div>Admin page</div>
+  )
+}
+
+export default AdminPage

src/app/(dashboard)/layout.tsx

@@ -0,0 +1,22 @@
+import Link from "next/link";
+import Image from "next/image";
+import Menu from "@/components/Menu";
+
+export default function DashboardLayout({
+  children,
+}: Readonly<{
+  children: React.ReactNode;
+}>) {
+  return <div className="h-screen flex">
+    {/* LEFT */}
+     <div className="w-[14%] md:w-[8%] lg:w-[16%] xl:w-[14%]  p-4">
+      <Link href="/" className="flex item-center justify-center justify-start gap-2">
+      <Image src="/logo.png" alt="logo" width={32} height={32} />
+      <span className="hidden lg:block">Jnanalayam</span>
+      </Link>
+      <Menu/>
+     </div>
+     {/* RIGHT */}
+     <div className="w-[86%] md:w-[92%] lg:w-[84%] xl:w-[86%]  ">right side</div>
+  </div>
+}

src/app/(dashboard)/parent/page.tsx

@@ -0,0 +1,7 @@
+const ParentPage = () => {
+  return (
+    <div>Parent page</div>
+  )
+}
+
+export default ParentPage

src/app/(dashboard)/student/page.tsx

@@ -0,0 +1,7 @@
+const StudentPage = () => {
+  return (
+    <div>Student page</div>
+  )
+}
+
+export default StudentPage

src/app/(dashboard)/teacher/page.tsx

@@ -0,0 +1,9 @@
+
+
+const TeacherPage = () => {
+  return (
+    <div>Teacher page</div>
+  )
+}
+
+export default TeacherPage

src/components/Menu.tsx

@@ -1,3 +1,6 @@
+import Link from "next/link";
+import Image from "next/image";
+
 const menuItems = [
   {
     title: "MENU",
@@ -111,4 +114,30 @@ const menuItems = [
       },
     ],
   },
-];
+];
+
+const Menu = () => {
+  return (
+    <div className="mt-4 text-sm">
+      {menuItems.map((i) => (
+        <div className="flex flex-col gap-2" key={i.title}>
+          <span className="hidden lg:block text-gray-400 font-light my-4">
+            {i.title}
+          </span>
+          {i.items.map((item) => (
+            <Link
+              href={item.href}
+              key={item.label}
+              className="flex items-center justify-center lg:justify-start gap-4 text-gray-500 py-2"
+            >
+              <Image src={item.icon} alt="" width={20} height={20} />
+              <span className="hidden lg:block">{item.label}</span>
+            </Link>
+          ))}
+        </div>
+      ))}
+    </div>
+  );
+};
+
+export default Menu;