diff --git a/src/app/ai-chat/page.tsx b/src/app/ai-chat/page.tsx
new file mode 100644
index 0000000..aef9aed
--- /dev/null
+++ b/src/app/ai-chat/page.tsx
@@ -0,0 +1,19 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+
+export default function AIChatPage() {
+  return (
+    <ThemeProvider>
+      <NavbarLayoutFloatingOverlay 
+        navItems={[{ name: "Home", id: "/" }, { name: "Planner", id: "/planner" }, { name: "Tasks", id: "/tasks" }, { name: "Files", id: "/files" }, { name: "AI Chat", id: "/ai-chat" }]}
+        brandName="Student Life Helper"
+      />
+      <main className="pt-32 pb-20 container mx-auto px-6 text-center">
+        <h1 className="text-4xl font-bold mb-6">AI Chatbot</h1>
+        <p className="text-lg text-muted-foreground">Get instant academic assistance from our AI.</p>
+      </main>
+    </ThemeProvider>
+  );
+}
\ No newline at end of file
diff --git a/src/app/dashboard/page.tsx b/src/app/dashboard/page.tsx
new file mode 100644
index 0000000..a155829
--- /dev/null
+++ b/src/app/dashboard/page.tsx
@@ -0,0 +1,35 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import MetricCardTen from '@/components/sections/metrics/MetricCardTen';
+import React from "react";
+import { BookOpen, Calendar, Settings } from "lucide-react";
+
+export default function DashboardPage() {
+  return (
+    <ThemeProvider>
+      <NavbarLayoutFloatingOverlay
+        navItems={[
+          { name: "Home", id: "/" },
+          { name: "Dashboard", id: "/dashboard" },
+          { name: "Logout", id: "/" }
+        ]}
+        brandName="Student Life Helper"
+      />
+      <div className="pt-32 pb-20">
+        <MetricCardTen
+            title="Student Dashboard"
+            description="Manage your academic progress and tools."
+            animationType="slide-up"
+            textboxLayout="centered"
+            metrics={[
+                { id: "tasks", title: "Active Tasks", subtitle: "5 remaining", category: "Organization", value: "85%", buttons: [{ text: "View Tasks" }] },
+                { id: "calendar", title: "Upcoming Exams", subtitle: "Next: Math Final", category: "Schedule", value: "3", buttons: [{ text: "View Schedule" }] },
+                { id: "notes", title: "Saved Notes", subtitle: "Updated today", category: "Library", value: "124", buttons: [{ text: "View Notes" }] }
+            ]}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}
\ No newline at end of file
diff --git a/src/app/files/page.tsx b/src/app/files/page.tsx
new file mode 100644
index 0000000..fbc8dbc
--- /dev/null
+++ b/src/app/files/page.tsx
@@ -0,0 +1,19 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+
+export default function FileManagementPage() {
+  return (
+    <ThemeProvider>
+      <NavbarLayoutFloatingOverlay 
+        navItems={[{ name: "Home", id: "/" }, { name: "Planner", id: "/planner" }, { name: "Tasks", id: "/tasks" }, { name: "Files", id: "/files" }, { name: "AI Chat", id: "/ai-chat" }]}
+        brandName="Student Life Helper"
+      />
+      <main className="pt-32 pb-20 container mx-auto px-6 text-center">
+        <h1 className="text-4xl font-bold mb-6">File Management</h1>
+        <p className="text-lg text-muted-foreground">Organize your study materials and documents.</p>
+      </main>
+    </ThemeProvider>
+  );
+}
\ No newline at end of file
diff --git a/src/app/login/page.tsx b/src/app/login/page.tsx
new file mode 100644
index 0000000..0768641
--- /dev/null
+++ b/src/app/login/page.tsx
@@ -0,0 +1,29 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
+import React from "react";
+
+export default function LoginPage() {
+  return (
+    <ThemeProvider>
+      <NavbarLayoutFloatingOverlay
+        navItems={[
+          { name: "Home", id: "/" },
+          { name: "Dashboard", id: "/dashboard" },
+          { name: "Register", id: "/register" }
+        ]}
+        brandName="Student Life Helper"
+      />
+      <div className="pt-32 pb-20">
+        <ContactCenter
+            tag="Login"
+            title="Welcome Back"
+            description="Sign in to your academic hub."
+            buttonText="Login"
+        />
+      </div>
+    </ThemeProvider>
+  );
+}
\ No newline at end of file
diff --git a/src/app/page.tsx b/src/app/page.tsx
index be21a30..a8faf68 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -31,9 +31,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
       navItems={[
-        { name: "Dashboard", id: "features" },
-        { name: "Tools", id: "tools" },
-        { name: "FAQ", id: "faq" }
+        { name: "Dashboard", id: "/" },
+        { name: "Planner", id: "/planner" },
+        { name: "Tasks", id: "/tasks" },
+        { name: "Files", id: "/files" },
+        { name: "AI Chat", id: "/ai-chat" }
       ]}
       brandName="Student Life Helper"
     />
@@ -97,9 +99,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       features={[
-        { title: "Material Management", description: "Drag-and-drop your PDFs, DOCs, and notes.", buttonIcon: FileUp },
-        { title: "Schedule Planner", description: "Visualize your day with a clean, responsive interface.", buttonIcon: CalendarDays },
-        { title: "Deadline Tracker", description: "Never miss an assignment with smart notifications.", buttonIcon: Bell }
+        { title: "Material Management", description: "Drag-and-drop your PDFs, DOCs, and notes.", buttonIcon: FileUp, buttonHref: "/files" },
+        { title: "Schedule Planner", description: "Visualize your day with a clean, responsive interface.", buttonIcon: CalendarDays, buttonHref: "/planner" },
+        { title: "Deadline Tracker", description: "Never miss an assignment with smart notifications.", buttonIcon: Bell, buttonHref: "/tasks" }
       ]}
       title="Powerful Academic Tools"
       description="Streamline your research and management with our suite of student-focused features."
diff --git a/src/app/planner/page.tsx b/src/app/planner/page.tsx
new file mode 100644
index 0000000..1c62852
--- /dev/null
+++ b/src/app/planner/page.tsx
@@ -0,0 +1,19 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+
+export default function DailyPlannerPage() {
+  return (
+    <ThemeProvider>
+      <NavbarLayoutFloatingOverlay 
+        navItems={[{ name: "Home", id: "/" }, { name: "Planner", id: "/planner" }, { name: "Tasks", id: "/tasks" }, { name: "Files", id: "/files" }, { name: "AI Chat", id: "/ai-chat" }]}
+        brandName="Student Life Helper"
+      />
+      <main className="pt-32 pb-20 container mx-auto px-6 text-center">
+        <h1 className="text-4xl font-bold mb-6">Daily Planner</h1>
+        <p className="text-lg text-muted-foreground">Manage your daily schedule and study hours here.</p>
+      </main>
+    </ThemeProvider>
+  );
+}
\ No newline at end of file
diff --git a/src/app/register/page.tsx b/src/app/register/page.tsx
new file mode 100644
index 0000000..4b3f7db
--- /dev/null
+++ b/src/app/register/page.tsx
@@ -0,0 +1,29 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
+import React from "react";
+
+export default function RegisterPage() {
+  return (
+    <ThemeProvider>
+      <NavbarLayoutFloatingOverlay
+        navItems={[
+          { name: "Home", id: "/" },
+          { name: "Dashboard", id: "/dashboard" },
+          { name: "Login", id: "/login" }
+        ]}
+        brandName="Student Life Helper"
+      />
+      <div className="pt-32 pb-20">
+        <ContactCenter
+            tag="Register"
+            title="Create your account"
+            description="Start your journey to organized studying."
+            buttonText="Create Account"
+        />
+      </div>
+    </ThemeProvider>
+  );
+}
\ No newline at end of file
diff --git a/src/app/tasks/page.tsx b/src/app/tasks/page.tsx
new file mode 100644
index 0000000..2aa5aa7
--- /dev/null
+++ b/src/app/tasks/page.tsx
@@ -0,0 +1,19 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+
+export default function TaskListPage() {
+  return (
+    <ThemeProvider>
+      <NavbarLayoutFloatingOverlay 
+        navItems={[{ name: "Home", id: "/" }, { name: "Planner", id: "/planner" }, { name: "Tasks", id: "/tasks" }, { name: "Files", id: "/files" }, { name: "AI Chat", id: "/ai-chat" }]}
+        brandName="Student Life Helper"
+      />
+      <main className="pt-32 pb-20 container mx-auto px-6 text-center">
+        <h1 className="text-4xl font-bold mb-6">Task List</h1>
+        <p className="text-lg text-muted-foreground">Stay on top of your assignments and deadlines.</p>
+      </main>
+    </ThemeProvider>
+  );
+}
\ No newline at end of file