From 52908c19f1ad0ae92570e6c636a6988ac86be736 Mon Sep 17 00:00:00 2001
From: Benjamin Canac <canacb1@gmail.com>
Date: Tue, 8 Jul 2025 15:06:00 +0200
Subject: [PATCH] docs(app): update banner

---
 docs/app/app.vue               |  2 +-
 docs/app/components/Banner.vue | 24 ++++++++++++++----------
 docs/app/error.vue             |  2 +-
 3 files changed, 16 insertions(+), 12 deletions(-)

diff --git a/docs/app/app.vue b/docs/app/app.vue
index 0c9f7d66..be2d15cc 100644
--- a/docs/app/app.vue
+++ b/docs/app/app.vue
@@ -53,7 +53,7 @@ provide('navigation', mappedNavigation)
     <NuxtLoadingIndicator color="var(--ui-primary)" :height="2" />
 
     <template v-if="!route.path.startsWith('/examples')">
-      <!-- <Banner /> -->
+      <Banner />
 
       <Header :links="links" />
     </template>
diff --git a/docs/app/components/Banner.vue b/docs/app/components/Banner.vue
index c9bdcc73..48707f94 100644
--- a/docs/app/components/Banner.vue
+++ b/docs/app/components/Banner.vue
@@ -1,15 +1,19 @@
 <template>
   <UBanner
-    id="ui3-launch"
-    title="Nuxt UI v3 is officially released!"
-    icon="i-lucide-rocket"
-    :actions="[
-      {
-        label: 'Discover Nuxt UI Pro',
-        to: '/pro/pricing',
-        trailingIcon: 'i-lucide-arrow-right'
-      }
-    ]"
+    id="nuxtlabs-join-vercel"
+    title="NuxtLabs is joining Vercel"
+    icon="i-simple-icons-vercel"
+    to="https://nuxtlabs.com/?utm_source=nuxt-ui&utm_medium=banner&utm_campaign=nuxtlabs-vercel"
+    target="_blank"
     close
+    :actions="[{
+      label: 'Read the announcement',
+      color: 'neutral',
+      variant: 'outline',
+      trailingIcon: 'i-lucide-arrow-right',
+      to: 'https://nuxtlabs.com/?utm_source=nuxt-ui&utm_medium=banner&utm_campaign=nuxtlabs-vercel',
+      target: '_blank',
+      class: 'ring-0'
+    }]"
   />
 </template>
diff --git a/docs/app/error.vue b/docs/app/error.vue
index e57f4a6a..644eaf74 100644
--- a/docs/app/error.vue
+++ b/docs/app/error.vue
@@ -59,7 +59,7 @@ provide('navigation', mappedNavigation)
   <UApp>
     <NuxtLoadingIndicator color="#FFF" />
 
-    <!-- <Banner /> -->
+    <Banner />
 
     <Header :links="links" />