diff --git a/apps/www/.vitepress/theme/components/LandingPage.vue b/apps/www/.vitepress/theme/components/LandingPage.vue
index dd3db7ea..ea6bab61 100644
--- a/apps/www/.vitepress/theme/components/LandingPage.vue
+++ b/apps/www/.vitepress/theme/components/LandingPage.vue
@@ -3,6 +3,7 @@ import PageHeader from '../components/PageHeader.vue'
 import PageHeaderHeading from '../components/PageHeaderHeading.vue'
 import PageHeaderDescription from '../components/PageHeaderDescription.vue'
 import ExamplesNav from '../components/ExamplesNav.vue'
+import { announcementConfig } from '../config/site'
 import ArrowRightIcon from '~icons/radix-icons/arrow-right'
 import GitHubIcon from '~icons/radix-icons/github-logo'
 
@@ -16,12 +17,12 @@ import DashboardExample from '@/examples/dashboard/Example.vue'
 <template>
   <PageHeader class="page-header pb-8">
     <a
-      href="/docs/components/form"
+      :href="announcementConfig.link"
       class="inline-flex items-center rounded-lg bg-muted px-3 py-1 text-sm font-medium"
     >
-      🎉   <Separator class="mx-2 h-4" orientation="vertical" />
-      <span class="sm:hidden">New form & pagination component</span>
-      <span class="hidden sm:inline">New form & pagination component
+      {{ announcementConfig.icon }}   <Separator class="mx-2 h-4" orientation="vertical" />
+      <span class="sm:hidden">{{ announcementConfig.title }}</span>
+      <span class="hidden sm:inline">{{ announcementConfig.title }}
       </span>
       <!-- <ArrowRightIcon class="ml-1 h-4 w-4" /> -->
     </a>
diff --git a/apps/www/.vitepress/theme/config/docs.ts b/apps/www/.vitepress/theme/config/docs.ts
index 46c76ba9..52cddca3 100644
--- a/apps/www/.vitepress/theme/config/docs.ts
+++ b/apps/www/.vitepress/theme/config/docs.ts
@@ -216,7 +216,6 @@ export const docsConfig: DocsConfig = {
         {
           title: 'Form',
           href: '/docs/components/form',
-          label: 'New',
           items: [],
         },
         {
@@ -247,7 +246,6 @@ export const docsConfig: DocsConfig = {
         {
           title: 'Pagination',
           href: '/docs/components/pagination',
-          label: 'New',
           items: [],
         },
         {
@@ -318,6 +316,7 @@ export const docsConfig: DocsConfig = {
         {
           title: 'Toast',
           href: '/docs/components/toast',
+          label: 'New',
           items: [],
         },
         {
diff --git a/apps/www/.vitepress/theme/config/site.ts b/apps/www/.vitepress/theme/config/site.ts
index b4ce6775..9d7860b5 100644
--- a/apps/www/.vitepress/theme/config/site.ts
+++ b/apps/www/.vitepress/theme/config/site.ts
@@ -12,3 +12,9 @@ export const siteConfig = {
   },
   keywords: 'shadcn,Vue,Nuxt,Vue Components,TailwindCSS,Radix Vue',
 }
+
+export const announcementConfig = {
+  icon: '✨',
+  title: 'New Toast compoent',
+  link: '/docs/components/toast',
+}
diff --git a/apps/www/.vitepress/theme/layout/ExamplesLayout.vue b/apps/www/.vitepress/theme/layout/ExamplesLayout.vue
index dbdd458e..c81a3f9f 100644
--- a/apps/www/.vitepress/theme/layout/ExamplesLayout.vue
+++ b/apps/www/.vitepress/theme/layout/ExamplesLayout.vue
@@ -3,6 +3,7 @@ import PageHeader from '../components/PageHeader.vue'
 import PageHeaderHeading from '../components/PageHeaderHeading.vue'
 import PageHeaderDescription from '../components/PageHeaderDescription.vue'
 import ExamplesNav from '../components/ExamplesNav.vue'
+import { announcementConfig } from '../config/site'
 import ArrowRightIcon from '~icons/radix-icons/arrow-right'
 
 import { buttonVariants } from '@/lib/registry/new-york/ui/button'
@@ -14,13 +15,13 @@ import { cn } from '@/lib/utils'
   <div class="container relative">
     <PageHeader class="page-header pb-8">
       <a
-        href="/docs/components/form"
+        :href="announcementConfig.link"
         class="inline-flex items-center rounded-lg bg-muted px-3 py-1 text-sm font-medium"
       >
-        🎉 <Separator class="mx-2 h-4" orientation="vertical" />
-        <span class="sm:hidden">New form & pagination component</span>
+        {{ announcementConfig.icon }} <Separator class="mx-2 h-4" orientation="vertical" />
+        <span class="sm:hidden">{{ announcementConfig.title }}</span>
         <span class="hidden sm:inline">
-          New form & pagination component
+          {{ announcementConfig.title }}
         </span>
         <ArrowRightIcon class="ml-1 h-4 w-4" />
       </a>