diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
new file mode 100644
index 0000000..68605c6
--- /dev/null
+++ b/src/app/about/page.tsx
@@ -0,0 +1,26 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import FooterBase from '@/components/sections/footer/FooterBase';
+
+export default function AboutPage() {
+  return (
+    <ThemeProvider>
+      <NavbarStyleFullscreen
+        navItems={[
+          { name: "Home", id: "/" },
+          { name: "Features", id: "/#features" },
+          { name: "Pricing", id: "/pricing" },
+          { name: "About", id: "/about" },
+          { name: "Blog", id: "/blog" },
+          { name: "Docs", id: "/documentation" },
+          { name: "Contact", id: "/contact" }
+        ]}
+        brandName="LuminaWrite"
+      />
+      <div className="pt-32 pb-20 text-center"><h1>About LuminaWrite</h1></div>
+      <FooterBase columns={[]} logoText="LuminaWrite" />
+    </ThemeProvider>
+  );
+}
\ No newline at end of file
diff --git a/src/app/blog/page.tsx b/src/app/blog/page.tsx
new file mode 100644
index 0000000..41f60ab
--- /dev/null
+++ b/src/app/blog/page.tsx
@@ -0,0 +1,26 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import FooterBase from '@/components/sections/footer/FooterBase';
+
+export default function BlogPage() {
+  return (
+    <ThemeProvider>
+      <NavbarStyleFullscreen
+        navItems={[
+          { name: "Home", id: "/" },
+          { name: "Features", id: "/#features" },
+          { name: "Pricing", id: "/pricing" },
+          { name: "About", id: "/about" },
+          { name: "Blog", id: "/blog" },
+          { name: "Docs", id: "/documentation" },
+          { name: "Contact", id: "/contact" }
+        ]}
+        brandName="LuminaWrite"
+      />
+      <div className="pt-32 pb-20 text-center"><h1>Blog</h1></div>
+      <FooterBase columns={[]} logoText="LuminaWrite" />
+    </ThemeProvider>
+  );
+}
\ No newline at end of file
diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
new file mode 100644
index 0000000..e11b614
--- /dev/null
+++ b/src/app/contact/page.tsx
@@ -0,0 +1,26 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import FooterBase from '@/components/sections/footer/FooterBase';
+
+export default function ContactPage() {
+  return (
+    <ThemeProvider>
+      <NavbarStyleFullscreen
+        navItems={[
+          { name: "Home", id: "/" },
+          { name: "Features", id: "/#features" },
+          { name: "Pricing", id: "/pricing" },
+          { name: "About", id: "/about" },
+          { name: "Blog", id: "/blog" },
+          { name: "Docs", id: "/documentation" },
+          { name: "Contact", id: "/contact" }
+        ]}
+        brandName="LuminaWrite"
+      />
+      <div className="pt-32 pb-20 text-center"><h1>Contact Us</h1></div>
+      <FooterBase columns={[]} logoText="LuminaWrite" />
+    </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..02c305b
--- /dev/null
+++ b/src/app/dashboard/page.tsx
@@ -0,0 +1,45 @@
+"use client";
+
+import { useState } from 'react';
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import { LayoutDashboard, Key, BarChart3, Settings, User } from 'lucide-react';
+
+export default function DashboardPage() {
+  const [activeTab, setActiveTab] = useState('overview');
+
+  const menuItems = [
+    { id: 'overview', name: 'Overview', icon: LayoutDashboard },
+    { id: 'profile', name: 'User Profile', icon: User },
+    { id: 'api-keys', name: 'API Management', icon: Key },
+    { id: 'analytics', name: 'Usage Analytics', icon: BarChart3 },
+    { id: 'settings', name: 'Settings', icon: Settings },
+  ];
+
+  return (
+    <ThemeProvider>
+      <div className="flex min-h-screen bg-gray-50">
+        <aside className="w-64 border-r bg-white p-6">
+          <h1 className="mb-8 text-xl font-bold">LuminaWrite</h1>
+          <nav className="space-y-2">
+            {menuItems.map((item) => (
+              <button
+                key={item.id}
+                onClick={() => setActiveTab(item.id)}
+                className={`flex w-full items-center gap-3 rounded-lg px-4 py-2.5 transition ${activeTab === item.id ? 'bg-primary text-white' : 'text-gray-600 hover:bg-gray-100'}`}
+              >
+                <item.icon className="h-5 w-5" />
+                {item.name}
+              </button>
+            ))}
+          </nav>
+        </aside>
+        <main className="flex-1 p-8">
+          <h2 className="text-2xl font-semibold capitalize">{activeTab.replace('-', ' ')}</h2>
+          <div className="mt-6 rounded-xl border bg-white p-6 shadow-sm">
+            <p className="text-gray-500">Dashboard section for {activeTab} is currently being configured.</p>
+          </div>
+        </main>
+      </div>
+    </ThemeProvider>
+  );
+}
\ No newline at end of file
diff --git a/src/app/documentation/page.tsx b/src/app/documentation/page.tsx
new file mode 100644
index 0000000..14f4d85
--- /dev/null
+++ b/src/app/documentation/page.tsx
@@ -0,0 +1,26 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import FooterBase from '@/components/sections/footer/FooterBase';
+
+export default function DocumentationPage() {
+  return (
+    <ThemeProvider>
+      <NavbarStyleFullscreen
+        navItems={[
+          { name: "Home", id: "/" },
+          { name: "Features", id: "/#features" },
+          { name: "Pricing", id: "/pricing" },
+          { name: "About", id: "/about" },
+          { name: "Blog", id: "/blog" },
+          { name: "Docs", id: "/documentation" },
+          { name: "Contact", id: "/contact" }
+        ]}
+        brandName="LuminaWrite"
+      />
+      <div className="pt-32 pb-20 text-center"><h1>Documentation</h1></div>
+      <FooterBase columns={[]} logoText="LuminaWrite" />
+    </ThemeProvider>
+  );
+}
\ No newline at end of file
diff --git a/src/app/page.tsx b/src/app/page.tsx
index ca8043d..6a9fcdd 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -12,10 +12,6 @@ import TestimonialCardFifteen from '@/components/sections/testimonial/Testimonia
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 
 export default function LandingPage() {
-  const handlePayment = (planId: string) => {
-    window.location.href = `/api/checkout?plan=${planId}`;
-  };
-
   return (
     <ThemeProvider
         defaultButtonVariant="text-stagger"
@@ -36,6 +32,7 @@ export default function LandingPage() {
         { name: "Features", id: "#features" },
         { name: "Pricing", id: "#pricing" },
         { name: "FAQ", id: "#faq" },
+        { name: "Billing", id: "/billing" },
         { name: "PREVIEW MODE ACTIVE", id: "#" }
       ]}
       brandName="LuminaWrite"
@@ -115,7 +112,7 @@ export default function LandingPage() {
         },
         {
           id: "pro", badge: "Pro", price: "$9/month", subtitle: "Unlock full power", buttons: [
-            { text: "Upgrade to Pro", onClick: () => handlePayment("pro") },
+            { text: "Upgrade to Pro", href: "/billing" },
           ],
           features: [ "Unlimited summaries", "Advanced writing modes", "Priority processing", "Custom export formats" ],
         },
@@ -194,6 +191,7 @@ export default function LandingPage() {
           title: "Legal", items: [
             { label: "Privacy Policy", href: "#" },
             { label: "Terms of Service", href: "#" },
+            { label: "Billing", href: "/billing" },
           ],
         },
       ]}
diff --git a/src/app/pricing/page.tsx b/src/app/pricing/page.tsx
new file mode 100644
index 0000000..bfb5d5c
--- /dev/null
+++ b/src/app/pricing/page.tsx
@@ -0,0 +1,27 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
+import FooterBase from '@/components/sections/footer/FooterBase';
+
+export default function PricingPage() {
+  return (
+    <ThemeProvider>
+      <NavbarStyleFullscreen
+        navItems={[
+          { name: "Home", id: "/" },
+          { name: "Features", id: "/#features" },
+          { name: "Pricing", id: "/pricing" },
+          { name: "About", id: "/about" },
+          { name: "Blog", id: "/blog" },
+          { name: "Docs", id: "/documentation" },
+          { name: "Contact", id: "/contact" }
+        ]}
+        brandName="LuminaWrite"
+      />
+      <PricingCardTwo title="Plans" description="Choose your plan" animationType="slide-up" textboxLayout="default" plans={[]} />
+      <FooterBase columns={[]} logoText="LuminaWrite" />
+    </ThemeProvider>
+  );
+}
\ No newline at end of file