diff --git a/src/app/planner/page.tsx b/src/app/planner/page.tsx
new file mode 100644
index 0000000..ac4b2e0
--- /dev/null
+++ b/src/app/planner/page.tsx
@@ -0,0 +1,61 @@
+"use client";
+
+import { useState } from "react";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import { NavbarStyleFullscreen } from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
+
+export default function PlannerPage() {
+  const [tasks, setTasks] = useState([
+    { id: "1", title: "Review Project Brief" },
+    { id: "2", title: "Design System Updates" },
+    { id: "3", title: "Focus Time - Research" },
+  ]);
+
+  return (
+    <ThemeProvider
+      defaultButtonVariant="text-stagger"
+      defaultTextAnimation="reveal-blur"
+      borderRadius="soft"
+      contentWidth="medium"
+      sizing="largeSizeMediumTitles"
+      background="noiseDiagonalGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="flat"
+      secondaryButtonStyle="glass"
+      headingFontWeight="normal"
+    >
+      <div className="min-h-screen bg-[var(--background)] p-8">
+        <NavbarStyleFullscreen
+          brandName="NeuroFlow Planner"
+          navItems={[{ name: "Back to Home", id: "/" }]}
+        />
+        
+        <main className="mt-24 max-w-4xl mx-auto space-y-6">
+          <h1 className="text-4xl font-bold text-[var(--foreground)]">Daily Planner</h1>
+          <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
+            <div className="p-8 rounded-3xl bg-white/10 backdrop-blur-xl border border-white/20">
+              <h2 className="text-xl font-semibold mb-4">To Do</h2>
+              <div className="space-y-4">
+                {tasks.map((task) => (
+                  <div
+                    key={task.id}
+                    draggable
+                    className="p-4 rounded-xl bg-white/5 border border-white/10 cursor-move hover:bg-white/10 transition-colors"
+                  >
+                    {task.title}
+                  </div>
+                ))}
+              </div>
+            </div>
+            <div className="p-8 rounded-3xl bg-white/10 backdrop-blur-xl border border-white/20">
+              <h2 className="text-xl font-semibold mb-4">In Progress</h2>
+              <div className="h-64 border-2 border-dashed border-white/10 rounded-2xl flex items-center justify-center text-[var(--foreground)]/50">
+                Drop tasks here
+              </div>
+            </div>
+          </div>
+        </main>
+      </div>
+    </ThemeProvider>
+  );
+}
\ No newline at end of file