Merge branch 'develop' into playground

* develop:
  fix: Add fallback for state
  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

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
   }
 ];