From a4638c7d1e6e5747e97b2b02ebeeb224d8cc355f Mon Sep 17 00:00:00 2001
From: GitHub Action <action@github.com>
Date: Fri, 15 Dec 2023 02:22:38 +0000
Subject: [PATCH 1/3] build: update Browserslist db

---
 yarn.lock | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/yarn.lock b/yarn.lock
index e72ceef7..3f773a45 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1254,9 +1254,9 @@ caniuse-api@^3.0.0:
     lodash.uniq "^4.5.0"
 
 caniuse-lite@^1.0.0, caniuse-lite@^1.0.30001517, caniuse-lite@^1.0.30001538:
-  version "1.0.30001565"
-  resolved "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001565.tgz"
-  integrity sha512-xrE//a3O7TP0vaJ8ikzkD2c2NgcVUvsEe2IvFTntV4Yd1Z9FVzh+gW+enX96L0psrbaFMcVcH2l90xNuGDWc8w==
+  version "1.0.30001570"
+  resolved "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001570.tgz"
+  integrity sha512-+3e0ASu4sw1SWaoCtvPeyXp+5PsjigkSt8OXZbF9StH5pQWbxEjLAZE3n8Aup5udop1uRiKA7a4utUk/uoSpUw==
 
 caseless@~0.12.0:
   version "0.12.0"

From c278f200b97d6825ff6792bdc7079622f66726fa Mon Sep 17 00:00:00 2001
From: GitHub Action <action@github.com>
Date: Mon, 1 Jan 2024 02:26:31 +0000
Subject: [PATCH 2/3] build: update Browserslist db

---
 yarn.lock | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/yarn.lock b/yarn.lock
index 3f773a45..accef822 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1254,9 +1254,9 @@ caniuse-api@^3.0.0:
     lodash.uniq "^4.5.0"
 
 caniuse-lite@^1.0.0, caniuse-lite@^1.0.30001517, caniuse-lite@^1.0.30001538:
-  version "1.0.30001570"
-  resolved "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001570.tgz"
-  integrity sha512-+3e0ASu4sw1SWaoCtvPeyXp+5PsjigkSt8OXZbF9StH5pQWbxEjLAZE3n8Aup5udop1uRiKA7a4utUk/uoSpUw==
+  version "1.0.30001572"
+  resolved "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001572.tgz"
+  integrity sha512-1Pbh5FLmn5y4+QhNyJE9j3/7dK44dGB83/ZMjv/qJk86TvDbjk0LosiZo0i0WB0Vx607qMX9jYrn1VLHCkN4rw==
 
 caseless@~0.12.0:
   version "0.12.0"

From 65587a6c7d9f269ec00861b96b883bad0c17db2a Mon Sep 17 00:00:00 2001
From: Sidharth Vinod <sidharthv96@gmail.com>
Date: Thu, 11 Jan 2024 21:32:46 +0530
Subject: [PATCH 3/3] feat: Jan 2024 Promo

---
 src/lib/components/Navbar.svelte   |  2 +-
 src/lib/util/promos/Jan2024.svelte | 15 +++++++++++++++
 src/lib/util/promos/promo.ts       |  9 ++++++++-
 3 files changed, 24 insertions(+), 2 deletions(-)
 create mode 100644 src/lib/util/promos/Jan2024.svelte

diff --git a/src/lib/components/Navbar.svelte b/src/lib/components/Navbar.svelte
index 775db8a3..fbfe2af0 100644
--- a/src/lib/components/Navbar.svelte
+++ b/src/lib/components/Navbar.svelte
@@ -62,7 +62,7 @@
 
 {#if activePromotion}
   <div
-    class="z-10 w-full top-bar bg-gradient-to-r from-[#bd34fe] to-[#ff3670] flex items-center text-center justify-center p-1 text-white">
+    class="z-10 w-full h-fit top-bar bg-gradient-to-r from-[#bd34fe] to-[#ff3670] flex items-center text-center justify-center p-1 text-white">
     <div class="flex flex-grow" on:click={trackBannerClick} on:keypress={trackBannerClick}>
       <svelte:component this={activePromotion.component} />
     </div>
diff --git a/src/lib/util/promos/Jan2024.svelte b/src/lib/util/promos/Jan2024.svelte
new file mode 100644
index 00000000..462d4c85
--- /dev/null
+++ b/src/lib/util/promos/Jan2024.svelte
@@ -0,0 +1,15 @@
+<script lang="ts">
+  const taglines = [
+    'Try diagramming with ChatGPT at Mermaid Chart',
+    "Try Mermaid's Visual Editor at Mermaid Chart",
+    'Enjoy live collaboration with teammates at Mermaid Chart'
+  ];
+</script>
+
+<a
+  href="https://www.mermaidchart.com/"
+  target="_blank"
+  class="tracking-wide flex-grow justify-center align-middle flex gap-6">
+  {taglines[Math.floor(Math.random() * taglines.length)]}
+  <button class="font-light text-sm p-1 rounded bg-gray-800 px-4">Try it now</button>
+</a>
diff --git a/src/lib/util/promos/promo.ts b/src/lib/util/promos/promo.ts
index 150fcfa0..5781ccc6 100644
--- a/src/lib/util/promos/promo.ts
+++ b/src/lib/util/promos/promo.ts
@@ -1,6 +1,7 @@
 import { writable, type Writable, get } from 'svelte/store';
 import { persist, localStorage } from '../persist';
 import Holiday2023 from './Holiday2023.svelte';
+import Jan2024 from './Jan2024.svelte';
 
 interface Promotion {
   id: string;
@@ -13,8 +14,14 @@ const promotions: Promotion[] = [
   {
     id: 'holiday-2023',
     startDate: new Date('2023-11-27'),
-    endDate: new Date('2024-01-01'),
+    endDate: new Date('2024-01-10'),
     component: Holiday2023
+  },
+  {
+    id: 'jan-2024',
+    startDate: new Date('2024-01-10'),
+    endDate: new Date('2024-06-01'),
+    component: Jan2024
   }
 ];