From e97fb694265f63886590d2c68fdf9bd66f47b229 Mon Sep 17 00:00:00 2001
From: Sidharth Vinod <sidharthv96@gmail.com>
Date: Tue, 3 Feb 2026 19:37:44 +0530
Subject: [PATCH 1/4] chore: Update banner with new promotion

---
 .../src/docs/.vitepress/components/TopBar.vue | 51 +++++++++++++------
 1 file changed, 36 insertions(+), 15 deletions(-)

diff --git a/packages/mermaid/src/docs/.vitepress/components/TopBar.vue b/packages/mermaid/src/docs/.vitepress/components/TopBar.vue
index c5b464bb6ea..268813c264e 100644
--- a/packages/mermaid/src/docs/.vitepress/components/TopBar.vue
+++ b/packages/mermaid/src/docs/.vitepress/components/TopBar.vue
@@ -4,45 +4,66 @@ import { computed, onMounted, type Ref, ref } from 'vue';
 
 interface Taglines {
   label: string;
-  url: string;
+  campaign: string;
+  button: string;
 }
 
 const taglines: Taglines[] = [
   {
-    label: 'Customize your layout and design in Mermaid Chart’s visual editor!',
-    url: 'https://www.mermaidchart.com/whiteboard?utm_source=mermaid_js&utm_medium=banner_ad&utm_campaign=visual_editor',
+    label: 'Use code NEWYEAR for 10% off Mermaid Advanced Editor (limited time)',
+    campaign: 'variant_a',
+    button: 'Try now',
   },
   {
-    label: 'Replace ChatGPT Pro, Mermaid.live, and Lucid Chart with Mermaid Chart',
-    url: 'https://www.mermaidchart.com/mermaid-ai?utm_source=mermaid_js&utm_medium=banner_ad&utm_campaign=aibundle',
+    label: 'Limited time: 10% off Mermaid Advanced Editor with code NEWYEAR',
+    campaign: 'variant_b',
+    button: 'Claim Discount',
   },
   {
-    label: 'Diagram live with teammates in Mermaid Chart',
-    url: 'https://www.mermaidchart.com/landing?utm_source=mermaid_js&utm_medium=banner_ad&utm_campaign=team_collaboration',
+    label: 'Try Mermaid Advanced Editor — get 10% off with code NEWYEAR',
+    campaign: 'variant_c',
+    button: 'Get started',
   },
 ];
 
+const isRotationEnabled = false;
 const index: Ref<number> = ref(0);
 const isPaused: Ref<boolean> = ref(false);
+const isInitialized: Ref<boolean> = ref(false);
 const route = useRoute();
 
 const isHomePage = computed(() => {
   return route.path === '/';
 });
 
+const currentUrl = computed(() => {
+  const isMermaidAi = window?.location.hostname.endsWith('mermaid.ai');
+  const params = new URLSearchParams({
+    utm_medium: 'banner_ad',
+    utm_campaign: taglines[index.value].campaign,
+    utm_source: isMermaidAi ? 'ai_open_source' : 'mermaid_js',
+  });
+  return `https://mermaid.ai/?${params.toString()}`;
+});
+
 onMounted(() => {
   index.value = Math.floor(Math.random() * taglines.length);
-  setInterval(() => {
-    if (isPaused.value) {
-      return;
-    }
-    index.value = (index.value + 1) % taglines.length;
-  }, 5_000);
+  isInitialized.value = true;
+
+  if (isRotationEnabled) {
+    setInterval(() => {
+      if (isPaused.value) {
+        return;
+      }
+      index.value = (index.value + 1) % taglines.length;
+    }, 5_000);
+  }
 });
 </script>
 
 <template>
   <div
+    v-if="isInitialized"
     class="mb-4 w-full top-bar flex p-2 bg-[#E0095F]"
     @mouseenter="isPaused = true"
     @mouseleave="isPaused = false"
@@ -51,7 +72,7 @@ onMounted(() => {
       <transition name="fade" mode="out-in">
         <a
           :key="index"
-          :href="taglines[index].url"
+          :href="currentUrl"
           target="_blank"
           class="unstyled flex justify-center items-center gap-4 no-tooltip text-white tracking-wide plausible-event-name=bannerClick"
         >
@@ -60,7 +81,7 @@ onMounted(() => {
             class="bg-[#1E1A2E] shrink-0 rounded-lg p-1.5 px-4 font-semibold tracking-wide"
             :class="isHomePage ? 'text-lg' : 'text-sm'"
           >
-            Try now
+            {{ taglines[index].button }}
           </button>
         </a>
       </transition>

From efb3d797074bb1ddb5548e254c91308b258a99d3 Mon Sep 17 00:00:00 2001
From: Sidharth Vinod <sidharthv96@gmail.com>
Date: Tue, 3 Feb 2026 19:51:24 +0530
Subject: [PATCH 2/4] test: fix getHeaderLogoLink

---
 packages/mermaid/src/docs/.vitepress/headerDomainRules.spec.ts | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/packages/mermaid/src/docs/.vitepress/headerDomainRules.spec.ts b/packages/mermaid/src/docs/.vitepress/headerDomainRules.spec.ts
index 870bb95e045..5b467f4e87e 100644
--- a/packages/mermaid/src/docs/.vitepress/headerDomainRules.spec.ts
+++ b/packages/mermaid/src/docs/.vitepress/headerDomainRules.spec.ts
@@ -1,5 +1,4 @@
 import { describe, expect, it } from 'vitest';
-
 import {
   getHeaderLogo,
   getHeaderLogoLink,
@@ -45,7 +44,7 @@ describe('headerDomainRules', () => {
     });
 
     it('returns https://mermaid.ai for other domains', () => {
-      expect(getHeaderLogoLink('mermaid.ai')).toBe('https://mermaid.ai');
+      expect(getHeaderLogoLink('mermaid.ai')).toBe({ link: 'https://mermaid.ai', target: '_self' });
     });
   });
 });

From 885e2419c28fa8b4b1c12aaca2a955037d3212df Mon Sep 17 00:00:00 2001
From: Sidharth Vinod <sidharthv96@gmail.com>
Date: Tue, 3 Feb 2026 19:54:23 +0530
Subject: [PATCH 3/4] test: fix getHeaderLogoLink

---
 .../mermaid/src/docs/.vitepress/headerDomainRules.spec.ts    | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/packages/mermaid/src/docs/.vitepress/headerDomainRules.spec.ts b/packages/mermaid/src/docs/.vitepress/headerDomainRules.spec.ts
index 5b467f4e87e..6e31a0868ee 100644
--- a/packages/mermaid/src/docs/.vitepress/headerDomainRules.spec.ts
+++ b/packages/mermaid/src/docs/.vitepress/headerDomainRules.spec.ts
@@ -44,7 +44,10 @@ describe('headerDomainRules', () => {
     });
 
     it('returns https://mermaid.ai for other domains', () => {
-      expect(getHeaderLogoLink('mermaid.ai')).toBe({ link: 'https://mermaid.ai', target: '_self' });
+      expect(getHeaderLogoLink('mermaid.ai')).toStrictEqual({
+        link: 'https://mermaid.ai',
+        target: '_self',
+      });
     });
   });
 });

From ea17a61d557a7c96a9c34b47968da128e855e497 Mon Sep 17 00:00:00 2001
From: Sidharth Vinod <sidharthv96@gmail.com>
Date: Tue, 3 Feb 2026 19:56:44 +0530
Subject: [PATCH 4/4] chore: Update import

---
 packages/mermaid/src/docs/.vitepress/headerDomainRules.spec.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/mermaid/src/docs/.vitepress/headerDomainRules.spec.ts b/packages/mermaid/src/docs/.vitepress/headerDomainRules.spec.ts
index 6e31a0868ee..91345f032f4 100644
--- a/packages/mermaid/src/docs/.vitepress/headerDomainRules.spec.ts
+++ b/packages/mermaid/src/docs/.vitepress/headerDomainRules.spec.ts
@@ -4,7 +4,7 @@ import {
   getHeaderLogoLink,
   HOME_NAV_ITEM,
   withConditionalHomeNav,
-} from './headerDomainRules.ts';
+} from './headerDomainRules.js';
 
 describe('headerDomainRules', () => {
   describe('withConditionalHomeNav', () => {