diff --git a/docs/content/docs/get-started/meta.json b/docs/content/docs/get-started/meta.json
index ab876eab..f7f9fac2 100644
--- a/docs/content/docs/get-started/meta.json
+++ b/docs/content/docs/get-started/meta.json
@@ -3,5 +3,5 @@
   "description": "Get started with Cua",
   "defaultOpen": true,
   "icon": "Rocket",
-  "pages": ["introduction", "quickstart"]
+  "pages": ["quickstart"]
 }
diff --git a/docs/content/docs/get-started/introduction.mdx b/docs/content/docs/index.mdx
similarity index 99%
rename from docs/content/docs/get-started/introduction.mdx
rename to docs/content/docs/index.mdx
index ac2f411a..9c47c293 100644
--- a/docs/content/docs/get-started/introduction.mdx
+++ b/docs/content/docs/index.mdx
@@ -8,7 +8,7 @@ import { Monitor, Code, BookOpen, Zap, Bot, Boxes, Rocket } from 'lucide-react';
 
 Cua is an open-source framework for building **Computer-Use Agents** - AI systems that see, understand, and interact with desktop applications through vision and action, just like humans do.
 
-<br/>
+<br />
 
 Go from prototype to production with everything you need: multi-provider LLM support, cross-platform sandboxes, and trajectory tracing. Whether you're running locally or deploying to the cloud, Cua gives you the tools to build reliable computer-use agents.
 
diff --git a/docs/content/docs/meta.json b/docs/content/docs/meta.json
index 199556f1..30e90eb3 100644
--- a/docs/content/docs/meta.json
+++ b/docs/content/docs/meta.json
@@ -4,6 +4,7 @@
   "root": true,
   "defaultOpen": true,
   "pages": [
+    "index",
     "---[Rocket]Get Started---",
     "...get-started",
     "---[ChefHat]Cookbook---",
diff --git a/docs/src/app/(home)/[[...slug]]/page.tsx b/docs/src/app/(home)/[[...slug]]/page.tsx
index 3b7cbd24..e5f279a0 100644
--- a/docs/src/app/(home)/[[...slug]]/page.tsx
+++ b/docs/src/app/(home)/[[...slug]]/page.tsx
@@ -8,7 +8,7 @@ import { cn } from 'fumadocs-ui/utils/cn';
 import { ChevronDown, CodeXml, ExternalLink } from 'lucide-react';
 import type { Metadata } from 'next';
 import Link from 'next/link';
-import { notFound, redirect } from 'next/navigation';
+import { notFound } from 'next/navigation';
 import { PageFeedback } from '@/components/page-feedback';
 import { DocActionsMenu } from '@/components/doc-actions-menu';
 
@@ -16,11 +16,6 @@ export default async function Page(props: { params: Promise<{ slug?: string[] }>
   const params = await props.params;
   const slug = params.slug || [];
 
-  // Redirect root to get-started/introduction
-  if (slug.length === 0) {
-    redirect('/get-started/introduction');
-  }
-
   const page = source.getPage(slug);
   if (!page) notFound();
 
@@ -185,9 +180,13 @@ export default async function Page(props: { params: Promise<{ slug?: string[] }>
   };
 
   const tocFooter = () => {
+    // Construct file path from slug
+    // For root index, use 'index.mdx', otherwise join slug parts
+    const filePath = slug.length === 0 ? 'index.mdx' : `${slug.join('/')}.mdx`;
+
     return (
       <div className="mt-4">
-        <DocActionsMenu pageUrl={page.url} pageTitle={page.data.title} filePath={undefined} />
+        <DocActionsMenu pageUrl={page.url} pageTitle={page.data.title} filePath={filePath} />
       </div>
     );
   };