progres day 1

src/app/pages/dashboard/page.tsx

@@ -0,0 +1,19 @@
+import { Metadata } from 'next';
+import Button from '@/app/ui/button'
+
+export const metadata: Metadata = {
+	title: 'Dashboard',
+};
+
+export default function Home() {
+	return (
+		<div>
+			<main>
+				<div>
+					Dashboard
+				</div>
+				<Button/>
+			</main>
+		</div>
+	);
+}

src/app/pages/layout.tsx

@@ -0,0 +1,11 @@
+import NavLinks from '@/app/ui/nav-links'
+import styles from '@/app/page.module.scss'
+
+export default function Layout({ children }: { children: React.ReactNode }) {
+	return (
+		<div className="flex">
+			<NavLinks />
+			<div className={`${styles.mainContainter}`}>{children}</div>
+		</div>
+	);
+}

src/app/pages/page1/page.tsx

@@ -0,0 +1,17 @@
+import { Metadata } from 'next';
+
+export const metadata: Metadata = {
+	title: 'page 1',
+};
+
+export default function Home() {
+	return (
+		<div>
+			<main>
+				<div>
+					page 1
+				</div>
+			</main>
+		</div>
+	);
+}

src/app/pages/page2/page.tsx

@@ -0,0 +1,17 @@
+import { Metadata } from 'next';
+
+export const metadata: Metadata = {
+	title: 'page 2',
+};
+
+export default function Home() {
+	return (
+		<div>
+			<main>
+				<div>
+					page 2
+				</div>
+			</main>
+		</div>
+	);
+}