diff --git a/src/lib/components/HeaderBanner.svelte b/src/lib/components/HeaderBanner.svelte
new file mode 100644
index 00000000..2ea85eb0
--- /dev/null
+++ b/src/lib/components/HeaderBanner.svelte
@@ -0,0 +1,44 @@
+<!-- Alternative: New: comma four launches this Black Friday -->
+<a href="/shop/comma-four" class="banner">
+  <div class="wrapper">
+    <strong class="headline">
+      COMMA FOUR IS HERE! NEW DEVICE, LOWEST PRICE EVER
+    </strong>
+  </div>
+</a>
+
+<style>
+  .banner {
+    display: block;
+    text-decoration: none;
+    color: black;
+    background-color: var(--color-red);
+    z-index: 1;
+  }
+
+  .wrapper {
+    padding: 1rem 0;
+    margin-left: auto;
+    margin-right: auto;
+    width: 85%;
+    max-width: 90rem;
+    font-size: 0.875rem;
+    line-height: 1.2;
+    text-align: center;
+
+    display: flex;
+    flex-direction: column;
+    grid-row-gap: 0.5rem;
+  }
+
+  strong {
+    display: block;
+    margin: 0 0.5rem;
+    font-family: JetBrains Mono, monospace;
+    text-decoration: none;
+  }
+
+  .headline {
+    font-size: 1.25rem;
+  }
+</style>
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index bf56d231..5fedbde7 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -12,6 +12,7 @@
   import Badge from "$lib/components/Badge.svelte";
   import Grid from "$lib/components/Grid.svelte";
   import SocialIcons from "$lib/components/SocialIcons.svelte";
+  import HeaderBanner from "$lib/components/HeaderBanner.svelte";
   import MailingListForm from "$lib/components/MailingListForm.svelte";
 
   import CommaIcon from "$lib/icons/comma.svg?raw";
@@ -130,6 +131,8 @@
   />
 {/if}
 
+<HeaderBanner />
+
 <main>
   <slot></slot>
 </main>