diff --git a/app-router/nextjs-dashboard/app/dashboard/customers/page.tsx b/app-router/nextjs-dashboard/app/dashboard/customers/page.tsx
new file mode 100644
index 0000000..05badaf
--- /dev/null
+++ b/app-router/nextjs-dashboard/app/dashboard/customers/page.tsx
@@ -0,0 +1,3 @@
+export default function Page() {
+    return <p>Customers Page</p>;
+  }
\ No newline at end of file
diff --git a/app-router/nextjs-dashboard/app/dashboard/invoices/page.tsx b/app-router/nextjs-dashboard/app/dashboard/invoices/page.tsx
new file mode 100644
index 0000000..886710d
--- /dev/null
+++ b/app-router/nextjs-dashboard/app/dashboard/invoices/page.tsx
@@ -0,0 +1,3 @@
+export default function Page() {
+    return <p>Invoices Page</p>;
+  }
\ No newline at end of file
diff --git a/app-router/nextjs-dashboard/app/dashboard/layout.tsx b/app-router/nextjs-dashboard/app/dashboard/layout.tsx
new file mode 100644
index 0000000..9f51ff9
--- /dev/null
+++ b/app-router/nextjs-dashboard/app/dashboard/layout.tsx
@@ -0,0 +1,12 @@
+import SideNav from "@/app/ui/dashboard/sidenav";
+
+export default function Layout({children}: {children: React.ReactNode}){
+    return (
+        <div className="flex h-screen flex-col md:flex-row md:overflow-hidden">
+          <div className="w-full flex-none md:w-64">
+            <SideNav />
+          </div>
+          <div className="flex-grow p-6 md:overflow-y-auto md:p-12">{children}</div>
+        </div>
+      );
+};
\ No newline at end of file
diff --git a/app-router/nextjs-dashboard/app/dashboard/page.tsx b/app-router/nextjs-dashboard/app/dashboard/page.tsx
new file mode 100644
index 0000000..d8e8d9c
--- /dev/null
+++ b/app-router/nextjs-dashboard/app/dashboard/page.tsx
@@ -0,0 +1,3 @@
+export default function Page() {
+    return <p>Dashboard Page</p>;
+  }
\ No newline at end of file