From c0b80df1cbd75ab28f151ff20b2f21184ccfda34 Mon Sep 17 00:00:00 2001
From: Steph <35910788+huynhicode@users.noreply.github.com>
Date: Mon, 27 Nov 2023 11:36:56 -0800
Subject: [PATCH] update announcement bar verbiage

---
 .../src/docs/.vitepress/components/TopBar.vue | 19 +++++++++++--------
 .../src/docs/.vitepress/theme/index.ts        |  6 +++---
 2 files changed, 14 insertions(+), 11 deletions(-)

diff --git a/packages/mermaid/src/docs/.vitepress/components/TopBar.vue b/packages/mermaid/src/docs/.vitepress/components/TopBar.vue
index d0a202c58..16da73c91 100644
--- a/packages/mermaid/src/docs/.vitepress/components/TopBar.vue
+++ b/packages/mermaid/src/docs/.vitepress/components/TopBar.vue
@@ -2,13 +2,16 @@
   <div
     class="w-full top-bar bg-gradient-to-r from-[#bd34fe] to-[#ff3670] flex items-center text-center justify-center p-1 text-white"
   >
-    <a
-      href="https://www.producthunt.com/posts/mermaid-chart?utm_source=badge-featured&amp;utm_medium=badge&amp;utm_souce=badge-mermaid-chart"
-      target="_blank"
-    >
-      We've made our Product Hunt debut! &nbsp;
-      <span class="underline">Show us some love and help spread the word</span>, plus receive 25%
-      off on annual Pro subscription!</a
-    >
+    <p class="flex-grow text-center tracking-wide text-text">
+      Happy Holidays! Get AI, team collaboration, storage, and more with
+      <strong>Mermaid Chart Pro</strong>. Use promo code: <strong>HOLIDAYS2023 </strong>to get
+      <strong>25%</strong> off.<a
+        href="https://www.mermaidchart.com/holiday-promo"
+        target="_blank"
+        rel="noopener noreferrer"
+        class="unstyled ml-2 text-white underline"
+        >View more details here.</a
+      >
+    </p>
   </div>
 </template>
diff --git a/packages/mermaid/src/docs/.vitepress/theme/index.ts b/packages/mermaid/src/docs/.vitepress/theme/index.ts
index 656157810..344d602bd 100644
--- a/packages/mermaid/src/docs/.vitepress/theme/index.ts
+++ b/packages/mermaid/src/docs/.vitepress/theme/index.ts
@@ -6,8 +6,8 @@ import Mermaid from './Mermaid.vue';
 import Contributors from '../components/Contributors.vue';
 // @ts-ignore
 import HomePage from '../components/HomePage.vue';
-// // @ts-ignore
-// import TopBar from '../components/TopBar.vue';
+// @ts-ignore
+import TopBar from '../components/TopBar.vue';
 
 import { getRedirect } from './redirect.js';
 
@@ -22,7 +22,7 @@ export default {
   Layout() {
     return h(Theme.Layout, null, {
       // Keeping this as comment as it took a lot of time to figure out how to add a component to the top bar.
-      // 'home-hero-before': () => h(TopBar),
+      'home-hero-before': () => h(TopBar),
       'home-features-after': () => h(HomePage),
     });
   },