docs: restructure documentation and update project links

Author: cwandev

apps/www/README.md

@@ -1,6 +1,6 @@
 # Docs
 
-This is the documentation for [AI Elements Vue](https://github.com/cwandev/ai-elements-vue).
+This is the documentation for [AI Elements Vue](https://github.com/vuepont/ai-elements-vue).
 
 ## Setup
 

apps/www/app.config.ts

@@ -27,17 +27,17 @@ export default defineAppConfig({
         links: [{
           title: 'Getting Started',
           to: '/overview/introduction',
-          description: 'Introduction to AI Elements Vue',
+          description: 'What is AI Elements Vue and why you should use it',
           target: '_self',
         }, {
-          title: 'Setup',
-          to: '/overview/setup',
-          description: 'Follow the step-by-step guide to install AI Elements Vue in your project',
+          title: 'Examples',
+          to: '/examples',
+          description: 'Real-world examples showing how to build applications with AI Elements Vue',
           target: '_self',
         }, {
-          title: 'Usage',
-          to: '/overview/usage',
-          description: 'Learn how to use AI Elements Vue in your project',
+          title: 'Components',
+          to: '/components/chatbot',
+          description: 'Explore the components and usage examples of AI Elements Vue',
           target: '_self',
         }],
       }, {
@@ -57,20 +57,28 @@ export default defineAppConfig({
         title: 'Community',
         links: [{
           title: 'GitHub',
-          to: 'https://github.com/cwandev/ai-elements-vue',
-          description: 'Source code for AI Elements Vue',
+          to: 'https://github.com/vuepont/ai-elements-vue',
+          description: 'View the source code on GitHub',
+          target: '_blank',
+        }, {
+          title: 'Discord',
+          to: 'https://discord.gg/fxBU6M5Jyh',
+          description: 'Join our Discord server to get help and connect with other developers',
           target: '_blank',
         }],
       }],
       links: [{
         icon: 'lucide:github',
-        to: 'https://github.com/cwandev/ai-elements-vue',
+        to: 'https://github.com/vuepont/ai-elements-vue',
         target: '_blank',
       }],
     },
     aside: {
-      useLevel: false,
-      collapse: false,
+      useLevel: true,
+      levelStyle: 'aside',
+      collapse: true,
+      collapseLevel: 1,
+      folderStyle: 'default',
     },
     main: {
       breadCrumb: true,
@@ -80,7 +88,11 @@ export default defineAppConfig({
       credits: 'Copyright © 2025',
       links: [{
         icon: 'lucide:github',
-        to: 'https://github.com/cwandev/ai-elements-vue',
+        to: 'https://github.com/vuepont/ai-elements-vue',
+        target: '_blank',
+      }, {
+        icon: 'simple-icons:discord',
+        to: 'https://discord.gg/fxBU6M5Jyh',
         target: '_blank',
       }],
     },
@@ -89,12 +101,12 @@ export default defineAppConfig({
       links: [{
         title: 'Star on GitHub',
         icon: 'lucide:star',
-        to: 'https://github.com/cwandev/ai-elements-vue',
+        to: 'https://github.com/vuepont/ai-elements-vue',
         target: '_blank',
       }, {
         title: 'Create Issues',
         icon: 'lucide:circle-dot',
-        to: 'https://github.com/cwandev/ai-elements-vue/issues',
+        to: 'https://github.com/vuepont/ai-elements-vue/issues',
         target: '_blank',
       }],
     },

apps/www/components/CodeViewerTab.vue

@@ -94,7 +94,7 @@ function updateImportPaths(code: string) {
     :code="rawString"
   >
     <CodeCopy
-      class="absolute -top-10 right-0"
+      class="absolute -top-12 right-0"
       :code="rawString"
     />
     <code class="min-w-full overflow-auto px-2 leading-4">

apps/www/content/1.overview/1.Introduction.md

@@ -4,7 +4,7 @@ description:
 icon: lucide:info
 ---
 
-[AI Elements Vue](https://github.com/cwandev/ai-elements-vue) is the Vue port of [AI-Elements](https://github.com/vercel/ai-elements), a component library and custom registry built on top of [shadcn-vue](https://shadcn-vue.com/) to help you build AI-native applications faster. It provides pre-built components like conversations, messages and more.
+[AI Elements Vue](https://github.com/vuepont/ai-elements-vue) is the Vue port of [AI-Elements](https://github.com/vercel/ai-elements), a component library and custom registry built on top of [shadcn-vue](https://shadcn-vue.com/) to help you build AI-native applications faster. It provides pre-built components like conversations, messages and more.
 
 You can install it with:
 
@@ -66,4 +66,4 @@ You can install it with:
 :::ComponentLoader{label="CodeBlock" componentName="CodeBlock"}
 :::
 
-View the [source code](https://github.com/cwandev/ai-elements-vue) for all components on GitHub.
+View the [source code](https://github.com/vuepont/ai-elements-vue) for all components on GitHub.

apps/www/content/2.components/_dir.yml

@@ -0,0 +1,3 @@
+title: Examples
+icon: lucide:code
+navigation.redirect: /examples/workflow

apps/www/content/2.examples/_dir.yml

@@ -0,0 +1,3 @@
+title: Chatbot
+icon: lucide:bot
+navigation.redirect: /components/chatbot/actions