diff --git a/app/page.tsx b/app/page.tsx
index 1b633f5..cba2926 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -7,7 +7,6 @@ export default function Home() {
 
   return (
     <main style={styles.container}
-      style={styles.container}
       onClick={() => router.push("/dashboard")}
     >
 
@@ -61,4 +60,4 @@ const styles = {
     opacity: 0.8,
     letterSpacing: "1px",
   },
-};
\ No newline at end of file
+};
diff --git a/app/tasks/page.tsx b/app/tasks/page.tsx
index e69de29..1ea9277 100644
--- a/app/tasks/page.tsx
+++ b/app/tasks/page.tsx
@@ -0,0 +1,30 @@
+import Board from "@/components/Board";
+
+export default function TasksPage() {
+  return (
+    <main style={styles.container}>
+      <h1 style={styles.title}>Planner Danner</h1>
+      <Board />
+    </main>
+  );
+}
+
+const styles = {
+  container: {
+    minHeight: "100vh",
+    background: "linear-gradient(to bottom, #38bdf8, #0ea5e9)",
+    padding: "30px",
+  },
+  title: {
+    textAlign: "center" as const,
+    fontSize: "90px",
+    fontWeight: "900",
+    color: "white",
+    letterSpacing: "2px",
+    textShadow: `
+      0 4px 0 #0284c7,
+      0 8px 20px rgba(0,0,0,0.2)
+    `,
+    marginBottom: "30px",
+  },
+};