diff --git a/src/app/(dashboard)/admin/page.tsx b/src/app/(dashboard)/admin/page.tsx
new file mode 100644
index 0000000000..0a04bed6d7
--- /dev/null
+++ b/src/app/(dashboard)/admin/page.tsx
@@ -0,0 +1,7 @@
+const AdminPage = () => {
+  return (
+    <div>Admin page</div>
+  )
+}
+
+export default AdminPage
\ No newline at end of file
diff --git a/src/app/(dashboard)/layout.tsx b/src/app/(dashboard)/layout.tsx
new file mode 100644
index 0000000000..31c98e88d9
--- /dev/null
+++ b/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>
+}
\ No newline at end of file
diff --git a/src/app/(dashboard)/parent/page.tsx b/src/app/(dashboard)/parent/page.tsx
new file mode 100644
index 0000000000..c863e428b6
--- /dev/null
+++ b/src/app/(dashboard)/parent/page.tsx
@@ -0,0 +1,7 @@
+const ParentPage = () => {
+  return (
+    <div>Parent page</div>
+  )
+}
+
+export default ParentPage
\ No newline at end of file
diff --git a/src/app/(dashboard)/student/page.tsx b/src/app/(dashboard)/student/page.tsx
new file mode 100644
index 0000000000..4b73f8665c
--- /dev/null
+++ b/src/app/(dashboard)/student/page.tsx
@@ -0,0 +1,7 @@
+const StudentPage = () => {
+  return (
+    <div>Student page</div>
+  )
+}
+
+export default StudentPage
\ No newline at end of file
diff --git a/src/app/(dashboard)/teacher/page.tsx b/src/app/(dashboard)/teacher/page.tsx
new file mode 100644
index 0000000000..c426e51864
--- /dev/null
+++ b/src/app/(dashboard)/teacher/page.tsx
@@ -0,0 +1,9 @@
+
+
+const TeacherPage = () => {
+  return (
+    <div>Teacher page</div>
+  )
+}
+
+export default TeacherPage
\ No newline at end of file
diff --git a/src/app/sign-in/page.tsx b/src/app/sign-in/page.tsx
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/src/components/Menu.tsx b/src/components/Menu.tsx
index de074fa04e..d48b4ffdd0 100644
--- a/src/components/Menu.tsx
+++ b/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 = [
       },
     ],
   },
-];
\ No newline at end of file
+];
+
+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;
\ No newline at end of file