From 5a864e8d6f20dbfeb62668cc1700f87dad42b223 Mon Sep 17 00:00:00 2001
From: Benjamin Canac <canacb1@gmail.com>
Date: Wed, 19 Mar 2025 13:07:26 +0100
Subject: [PATCH] docs(app): add banner

---
 docs/app.vue               |  2 +-
 docs/components/Banner.vue | 10 +++++-----
 docs/error.vue             |  2 ++
 3 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/docs/app.vue b/docs/app.vue
index c2fe0504..76efac9b 100644
--- a/docs/app.vue
+++ b/docs/app.vue
@@ -3,7 +3,7 @@
   <div>
     <NuxtLoadingIndicator />
 
-    <!-- <Banner v-if="!$route.path.startsWith('/examples')" /> -->
+    <Banner v-if="!$route.path.startsWith('/examples')" />
 
     <Header v-if="!$route.path.startsWith('/examples')" :links="links" />
 
diff --git a/docs/components/Banner.vue b/docs/components/Banner.vue
index 25fd059d..846df174 100644
--- a/docs/components/Banner.vue
+++ b/docs/components/Banner.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-const id = 'nuxt-ui-banner-3'
-const to = '/pro/pricing'
+const id = 'nuxt-ui-banner-4'
+const to = 'https://ui.nuxt.com'
 
 const hideBanner = () => {
   localStorage.setItem(id, 'true')
@@ -28,8 +28,8 @@ if (import.meta.server) {
       <NuxtLink
         v-if="to"
         :to="to"
+        target="_blank"
         class="focus:outline-none"
-        aria-label="20% off on all Nuxt UI Pro products for Black Friday week"
         tabindex="-1"
       >
         <span class="absolute inset-0 " aria-hidden="true" />
@@ -39,8 +39,8 @@ if (import.meta.server) {
         <div class="lg:flex-1 hidden lg:flex items-center" />
 
         <p class="text-sm font-medium text-white dark:text-gray-900 truncate">
-          <UIcon name="i-ri-discount-percent-fill" class="size-5 align-top flex-shrink-0 pointer-events-none mr-2" />
-          <span class="font-bold">Black Friday Week</span>: <UBadge label="20% off" color="white" class="ring-0 font-semibold" /> on all Nuxt UI Pro products from <span class="font-semibold">Nov 25</span> to <span class="font-semibold">Dec 2</span>!
+          <UIcon name="i-lucide-rocket" class="size-5 align-top flex-shrink-0 pointer-events-none mr-1.5" />
+          <span class="font-bold">Nuxt UI v3</span> is officially released!
         </p>
 
         <!-- <UButton
diff --git a/docs/error.vue b/docs/error.vue
index 9ebca8c2..80b703f3 100644
--- a/docs/error.vue
+++ b/docs/error.vue
@@ -3,6 +3,8 @@
   <div>
     <NuxtLoadingIndicator />
 
+    <Banner />
+
     <Header :links="links" />
 
     <UContainer>