Merge branch 'master' into develop

* master:
  update whiteboard tagline
  remove august promo
  update dates
  update taglines
  remove product hunt promo
  add and update product hunt promo for whiteboard
  add product hunt badge to navbar

Author: sidharthv96

src/lib/util/promos/August2024.svelte renamed to src/lib/util/promos/October2024.svelte

@@ -8,17 +8,21 @@
   }
 
   const taglines: Taglines[] = [
+    {
+      label: 'Explore the Mermaid Whiteboard from the creators of Mermaid',
+      url: 'https://www.mermaidchart.com/whiteboard?utm_source=mermaid_live_editor&utm_medium=banner_ad&utm_campaign=whiteboard'
+    },
     {
       label: 'Use the Visual Editor in Mermaid Chart to design and build diagrams',
-      url: 'https://www.mermaidchart.com/landing?utm_source=mermaid_live_editor&utm_medium=banner_ad&utm_campaign=visual_editor'
+      url: 'https://www.mermaidchart.com/play?utm_source=mermaid_live_editor&utm_medium=banner_ad&utm_campaign=visual_editor'
     },
     {
       label: 'Diagram live with teammates in Mermaid Chart',
-      url: 'https://www.mermaidchart.com/landing?utm_source=mermaid_live_editor&utm_medium=banner_ad&utm_campaign=teams'
+      url: 'https://www.mermaidchart.com/play?utm_source=mermaid_live_editor&utm_medium=banner_ad&utm_campaign=teams'
     },
     {
-      label: 'Skip the rough draft with Mermaid AI in Mermaid Chart',
-      url: 'https://www.mermaidchart.com/mermaid-ai?utm_source=mermaid_live_editor&utm_medium=banner_ad&utm_campaign=mermaid_ai'
+      label: 'Replace ChatGPT Pro, Mermaid.live, and LucidChart with Mermaid Pro',
+      url: 'https://www.mermaidchart.com/play?utm_source=mermaid_live_editor&utm_medium=banner_ad&utm_campaign=AIbundle'
     }
   ];
 
@@ -28,7 +32,7 @@
   const interval = setInterval(() => {
     index = (index + 1) % taglines.length;
     currentTagline = taglines[index];
-  }, 60_000);
+  }, 40_000);
 
   onDestroy(() => {
     clearInterval(interval);
@@ -45,7 +49,7 @@
       out:fade={{ duration: 1000 }}>
       <span class="text-sm tracking-wider">{currentTagline.label}</span>
       <button class="rounded bg-[#111113] p-1 px-2 text-sm font-semibold tracking-wide"
-        >Try it now</button>
+        >Try now</button>
     </a>
   {/key}
 </div>

src/lib/util/promos/promo.ts

@@ -1,6 +1,6 @@
 import { writable, type Writable, get } from 'svelte/store';
 import { persist, localStorage } from '../persist';
-import August2024 from './August2024.svelte';
+import October2024 from './October2024.svelte';
 import { env } from '$lib/util/env';
 
 interface Promotion {
@@ -12,10 +12,10 @@ interface Promotion {
 
 const promotions: Promotion[] = [
   {
-    id: 'promo-2024',
-    startDate: new Date('2024-08-01'),
+    id: 'promo-october-2024',
+    startDate: new Date('2024-10-22'),
     endDate: new Date('2024-12-31'),
-    component: August2024
+    component: October2024
   }
 ];