diff --git a/apps/www/src/lib/registry/default/example/NavigationMenuDemo.vue b/apps/www/src/lib/registry/default/example/NavigationMenuDemo.vue
index 56222541..1d5682f5 100644
--- a/apps/www/src/lib/registry/default/example/NavigationMenuDemo.vue
+++ b/apps/www/src/lib/registry/default/example/NavigationMenuDemo.vue
@@ -12,36 +12,36 @@ import {
 const components: { title: string, href: string, description: string }[] = [
   {
     title: 'Alert Dialog',
-    href: '/docs/primitives/alert-dialog',
+    href: '/docs/components/alert-dialog',
     description:
       'A modal dialog that interrupts the user with important content and expects a response.',
   },
   {
     title: 'Hover Card',
-    href: '/docs/primitives/hover-card',
+    href: '/docs/components/hover-card',
     description:
       'For sighted users to preview content available behind a link.',
   },
   {
     title: 'Progress',
-    href: '/docs/primitives/progress',
+    href: '/docs/components/progress',
     description:
       'Displays an indicator showing the completion progress of a task, typically displayed as a progress bar.',
   },
   {
     title: 'Scroll-area',
-    href: '/docs/primitives/scroll-area',
+    href: '/docs/components/scroll-area',
     description: 'Visually or semantically separates content.',
   },
   {
     title: 'Tabs',
-    href: '/docs/primitives/tabs',
+    href: '/docs/components/tabs',
     description:
       'A set of layered sections of content—known as tab panels—that are displayed one at a time.',
   },
   {
     title: 'Tooltip',
-    href: '/docs/primitives/tooltip',
+    href: '/docs/components/tooltip',
     description:
       'A popup that displays information related to an element when the element receives keyboard focus or the mouse hovers over it.',
   },
@@ -76,7 +76,7 @@ const components: { title: string, href: string, description: string }[] = [
             <li>
               <NavigationMenuLink as-child>
                 <a
-                  href="/docs"
+                  href="/docs/introduction"
                   class="block select-none space-y-1 rounded-md p-3 leading-none no-underline outline-none transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground"
                 >
                   <div class="text-sm font-medium leading-none">Introduction</div>
@@ -102,7 +102,7 @@ const components: { title: string, href: string, description: string }[] = [
             <li>
               <NavigationMenuLink as-child>
                 <a
-                  href="/docs/primitives/typography"
+                  href="/docs/typography"
                   class="block select-none space-y-1 rounded-md p-3 leading-none no-underline outline-none transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground"
                 >
                   <div class="text-sm font-medium leading-none">Typography</div>
@@ -136,7 +136,7 @@ const components: { title: string, href: string, description: string }[] = [
         </NavigationMenuContent>
       </NavigationMenuItem>
       <NavigationMenuItem>
-        <NavigationMenuLink href="/docs" :class="navigationMenuTriggerStyle()">
+        <NavigationMenuLink href="/docs/introduction" :class="navigationMenuTriggerStyle()">
           Documentation
         </NavigationMenuLink>
       </NavigationMenuItem>
diff --git a/apps/www/src/lib/registry/new-york/example/NavigationMenuDemo.vue b/apps/www/src/lib/registry/new-york/example/NavigationMenuDemo.vue
index 0a9a458e..aa44735a 100644
--- a/apps/www/src/lib/registry/new-york/example/NavigationMenuDemo.vue
+++ b/apps/www/src/lib/registry/new-york/example/NavigationMenuDemo.vue
@@ -12,36 +12,36 @@ import {
 const components: { title: string, href: string, description: string }[] = [
   {
     title: 'Alert Dialog',
-    href: '/docs/primitives/alert-dialog',
+    href: '/docs/components/alert-dialog',
     description:
       'A modal dialog that interrupts the user with important content and expects a response.',
   },
   {
     title: 'Hover Card',
-    href: '/docs/primitives/hover-card',
+    href: '/docs/components/hover-card',
     description:
       'For sighted users to preview content available behind a link.',
   },
   {
     title: 'Progress',
-    href: '/docs/primitives/progress',
+    href: '/docs/components/progress',
     description:
       'Displays an indicator showing the completion progress of a task, typically displayed as a progress bar.',
   },
   {
     title: 'Scroll-area',
-    href: '/docs/primitives/scroll-area',
+    href: '/docs/components/scroll-area',
     description: 'Visually or semantically separates content.',
   },
   {
     title: 'Tabs',
-    href: '/docs/primitives/tabs',
+    href: '/docs/components/tabs',
     description:
       'A set of layered sections of content—known as tab panels—that are displayed one at a time.',
   },
   {
     title: 'Tooltip',
-    href: '/docs/primitives/tooltip',
+    href: '/docs/components/tooltip',
     description:
       'A popup that displays information related to an element when the element receives keyboard focus or the mouse hovers over it.',
   },
@@ -72,10 +72,11 @@ const components: { title: string, href: string, description: string }[] = [
                 </a>
               </NavigationMenuLink>
             </li>
+
             <li>
               <NavigationMenuLink as-child>
                 <a
-                  href="/docs"
+                  href="/docs/introduction"
                   class="block select-none space-y-1 rounded-md p-3 leading-none no-underline outline-none transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground"
                 >
                   <div class="text-sm font-medium leading-none">Introduction</div>
@@ -101,7 +102,7 @@ const components: { title: string, href: string, description: string }[] = [
             <li>
               <NavigationMenuLink as-child>
                 <a
-                  href="/docs/primitives/typography"
+                  href="/docs/typography"
                   class="block select-none space-y-1 rounded-md p-3 leading-none no-underline outline-none transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground"
                 >
                   <div class="text-sm font-medium leading-none">Typography</div>
@@ -135,7 +136,7 @@ const components: { title: string, href: string, description: string }[] = [
         </NavigationMenuContent>
       </NavigationMenuItem>
       <NavigationMenuItem>
-        <NavigationMenuLink href="/docs" :class="navigationMenuTriggerStyle()">
+        <NavigationMenuLink href="/docs/introduction" :class="navigationMenuTriggerStyle()">
           Documentation
         </NavigationMenuLink>
       </NavigationMenuItem>