diff --git a/src/lib/components/Navbar.svelte b/src/lib/components/Navbar.svelte
index bf4fb597..55fa3ecf 100644
--- a/src/lib/components/Navbar.svelte
+++ b/src/lib/components/Navbar.svelte
@@ -62,7 +62,7 @@
 
 {#if activePromotion}
   <div
-    class="top-bar z-10 flex w-full items-center justify-center bg-gradient-to-r from-[#bd34fe] to-[#ff3670] p-1 text-center text-white">
+    class="top-bar z-10 flex h-fit w-full items-center justify-center bg-gradient-to-r from-[#bd34fe] to-[#ff3670] p-1 text-center text-white">
     <div
       class="flex flex-grow"
       role="button"
diff --git a/src/lib/util/promos/Jan2024.svelte b/src/lib/util/promos/Jan2024.svelte
new file mode 100644
index 00000000..d55898be
--- /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="flex flex-grow justify-center gap-6 align-middle tracking-wide">
+  {taglines[Math.floor(Math.random() * taglines.length)]}
+  <button class="rounded bg-gray-800 p-1 px-4 text-sm font-light">Try it now</button>
+</a>
diff --git a/src/lib/util/promos/promo.ts b/src/lib/util/promos/promo.ts
index 150fcfa0..6b0ff914 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-9'),
     component: Holiday2023
+  },
+  {
+    id: 'jan-2024',
+    startDate: new Date('2024-01-10'),
+    endDate: new Date('2024-06-01'),
+    component: Jan2024
   }
 ];
 
diff --git a/yarn.lock b/yarn.lock
index 4ba4a881..a89df7e3 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1233,9 +1233,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.30001572"
+  resolved "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001572.tgz"
+  integrity sha512-1Pbh5FLmn5y4+QhNyJE9j3/7dK44dGB83/ZMjv/qJk86TvDbjk0LosiZo0i0WB0Vx607qMX9jYrn1VLHCkN4rw==
 
 caniuse-lite@^1.0.30001565:
   version "1.0.30001576"