diff --git a/components/landing/FooterSection.vue b/components/landing/FooterSection.vue
index 772d3c3d6..c6367cae4 100644
--- a/components/landing/FooterSection.vue
+++ b/components/landing/FooterSection.vue
@@ -31,10 +31,10 @@
                     <ul class="list-none p-0 m-0">
                         <li class="font-bold mt-5 lg:mt-0 mb-5">Theming</li>
                         <li class="mb-4">
-                            <PrimeVueNuxtLink to="/theming" class="text-secondary font-medium hover:text-primary border-round transition-all transition-duration-300">Styled Mode</PrimeVueNuxtLink>
+                            <PrimeVueNuxtLink to="/theming/styled" class="text-secondary font-medium hover:text-primary border-round transition-all transition-duration-300">Styled Mode</PrimeVueNuxtLink>
                         </li>
                         <li class="mb-4">
-                            <PrimeVueNuxtLink to="/unstyled" class="text-secondary font-medium hover:text-primary border-round transition-all transition-duration-300">Unstyled Mode</PrimeVueNuxtLink>
+                            <PrimeVueNuxtLink to="/theming/unstyled" class="text-secondary font-medium hover:text-primary border-round transition-all transition-duration-300">Unstyled Mode</PrimeVueNuxtLink>
                         </li>
                     </ul>
                 </div>
diff --git a/doc/contextmenu/RouterDoc.vue b/doc/contextmenu/RouterDoc.vue
index 69996d01e..3779c5be9 100644
--- a/doc/contextmenu/RouterDoc.vue
+++ b/doc/contextmenu/RouterDoc.vue
@@ -41,7 +41,7 @@ export default {
                 {
                     label: 'Router Link',
                     icon: 'pi pi-palette',
-                    route: '/unstyled'
+                    route: '/theming/unstyled'
                 },
                 {
                     label: 'Programmatic',
@@ -119,7 +119,7 @@ export default {
                 {
                     label: 'Router Link',
                     icon: 'pi pi-palette',
-                    route: '/unstyled'
+                    route: '/theming/unstyled'
                 },
                 {
                     label: 'Programmatic',
@@ -187,7 +187,7 @@ const items = ref([
     {
         label: 'Router Link',
         icon: 'pi pi-palette',
-        route: '/unstyled'
+        route: '/theming/unstyled'
     },
     {
         label: 'Programmatic',
diff --git a/doc/megamenu/RouterDoc.vue b/doc/megamenu/RouterDoc.vue
index 565da1efc..dbbce143b 100644
--- a/doc/megamenu/RouterDoc.vue
+++ b/doc/megamenu/RouterDoc.vue
@@ -60,7 +60,7 @@ export default {
                                 label: 'Router',
                                 items: [
                                     { label: 'Theming', route: '/theming' },
-                                    { label: 'Unstyled', route: '/unstyled' }
+                                    { label: 'Unstyled', route: '/theming/unstyled' }
                                 ]
                             }
                         ],
@@ -136,7 +136,7 @@ const items = ref([
                     label: 'Router',
                     items: [
                         { label: 'Theming', route: '/theming' },
-                        { label: 'Unstyled', route: '/unstyled' }
+                        { label: 'Unstyled', route: '/theming/unstyled' }
                     ]
                 }
             ],
diff --git a/doc/menu/RouterDoc.vue b/doc/menu/RouterDoc.vue
index 2a0702174..5cb52ec5d 100644
--- a/doc/menu/RouterDoc.vue
+++ b/doc/menu/RouterDoc.vue
@@ -32,7 +32,7 @@ export default {
                         {
                             label: 'Router Link',
                             icon: 'pi pi-palette',
-                            route: '/unstyled'
+                            route: '/theming/unstyled'
                         },
                         {
                             label: 'Programmatic',
@@ -94,7 +94,7 @@ export default {
                 {
                     label: 'Router Link',
                     icon: 'pi pi-palette',
-                    route: '/unstyled'
+                    route: '/theming/unstyled'
                 },
                 {
                     label: 'Programmatic',
@@ -144,7 +144,7 @@ const items = ref([
     {
         label: 'Router Link',
         icon: 'pi pi-palette',
-        route: '/unstyled'
+        route: '/theming/unstyled'
     },
     {
         label: 'Programmatic',
diff --git a/doc/menubar/RouterDoc.vue b/doc/menubar/RouterDoc.vue
index f3f8643f6..9c1043bf2 100644
--- a/doc/menubar/RouterDoc.vue
+++ b/doc/menubar/RouterDoc.vue
@@ -37,7 +37,7 @@ export default {
                         },
                         {
                             label: 'Unstyled',
-                            route: '/unstyled'
+                            route: '/theming/unstyled'
                         }
                     ]
                 },
@@ -117,7 +117,7 @@ export default {
                         },
                         {
                             label: 'Unstyled',
-                            route: '/unstyled'
+                            route: '/theming/unstyled'
                         }
                     ]
                 },
@@ -186,7 +186,7 @@ const items = ref([
             },
             {
                 label: 'Unstyled',
-                route: '/unstyled'
+                route: '/theming/unstyled'
             }
         ]
     },
diff --git a/doc/panelmenu/RouterDoc.vue b/doc/panelmenu/RouterDoc.vue
index 0c08d398a..656452f50 100644
--- a/doc/panelmenu/RouterDoc.vue
+++ b/doc/panelmenu/RouterDoc.vue
@@ -39,7 +39,7 @@ export default {
                         {
                             label: 'Unstyled',
                             icon: 'pi pi-heart',
-                            route: '/unstyled'
+                            route: '/theming/unstyled'
                         }
                     ]
                 },
@@ -123,7 +123,7 @@ export default {
                         {
                             label: 'Unstyled',
                             icon: 'pi pi-heart',
-                            route: '/unstyled'
+                            route: '/theming/unstyled'
                         }
                     ]
                 },
@@ -196,7 +196,7 @@ const items = ref([
             {
                 label: 'Unstyled',
                 icon: 'pi pi-heart',
-                route: '/unstyled'
+                route: '/theming/unstyled'
             }
         ]
     },
diff --git a/doc/tabmenu/RouterDoc.vue b/doc/tabmenu/RouterDoc.vue
index d9fcd81be..da365eca3 100644
--- a/doc/tabmenu/RouterDoc.vue
+++ b/doc/tabmenu/RouterDoc.vue
@@ -31,7 +31,7 @@ export default {
                     label: 'Programmatic',
                     icon: 'pi pi-palette',
                     command: () => {
-                        this.$router.push('/unstyled');
+                        this.$router.push('/theming/unstyled');
                     }
                 },
                 { label: 'External', icon: 'pi pi-link', url: 'https://vuejs.org/' }
@@ -83,7 +83,7 @@ export default {
                     label: 'Programmatic',
                     icon: 'pi pi-palette',
                     command: () => {
-                        this.$router.push('/unstyled');
+                        this.$router.push('/theming/unstyled');
                     }
                 },
                 { label: 'External', icon: 'pi pi-link', url: 'https://vuejs.org/' }
@@ -122,7 +122,7 @@ const items = ref([
         label: 'Programmatic',
         icon: 'pi pi-palette',
         command: () => {
-            this.$router.push('/unstyled');
+            this.$router.push('/theming/unstyled');
         }
     },
     { label: 'External', icon: 'pi pi-link', url: 'https://vuejs.org/' }
diff --git a/doc/tieredmenu/RouterDoc.vue b/doc/tieredmenu/RouterDoc.vue
index 02264186d..d7ad9f322 100644
--- a/doc/tieredmenu/RouterDoc.vue
+++ b/doc/tieredmenu/RouterDoc.vue
@@ -37,7 +37,7 @@ export default {
                         },
                         {
                             label: 'Unstyled',
-                            route: '/unstyled'
+                            route: '/theming/unstyled'
                         }
                     ]
                 },
@@ -117,7 +117,7 @@ export default {
                         },
                         {
                             label: 'Unstyled',
-                            route: '/unstyled'
+                            route: '/theming/unstyled'
                         }
                     ]
                 },
@@ -186,7 +186,7 @@ const items = ref([
             },
             {
                 label: 'Unstyled',
-                route: '/unstyled'
+                route: '/theming/unstyled'
             }
         ]
     },