From fe5385796b7eea06c20bb3ca84b77c2475a80e24 Mon Sep 17 00:00:00 2001
From: Adeeb Shihadeh <adeebshihadeh@gmail.com>
Date: Sun, 23 Nov 2025 15:15:32 -0800
Subject: [PATCH 1/5] setup black friday banner

---
 src/lib/components/HeaderBanner.svelte | 42 ++++++++++++++++++++++++++
 src/routes/+layout.svelte              |  3 ++
 2 files changed, 45 insertions(+)
 create mode 100644 src/lib/components/HeaderBanner.svelte

diff --git a/src/lib/components/HeaderBanner.svelte b/src/lib/components/HeaderBanner.svelte
new file mode 100644
index 00000000..c4b02960
--- /dev/null
+++ b/src/lib/components/HeaderBanner.svelte
@@ -0,0 +1,42 @@
+<a href="/shop/comma-four" target="_blank" class="banner">
+  <div class="wrapper">
+    <strong class="headline">
+      BLACK FRIDAY: INTRODUCING COMMA FOUR
+    </strong>
+  </div>
+</a>
+
+<style>
+  .banner {
+    display: block;
+    text-decoration: none;
+    color: black;
+    background-color: var(--color-red);
+  }
+
+  .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>

From 023c3d1ffe739c968bb78e65ac0eb5a4b3a1c68e Mon Sep 17 00:00:00 2001
From: Adeeb Shihadeh <adeebshihadeh@gmail.com>
Date: Sun, 23 Nov 2025 15:19:03 -0800
Subject: [PATCH 2/5] idk which one makes it more clear there's not a sale

---
 src/lib/components/HeaderBanner.svelte | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/lib/components/HeaderBanner.svelte b/src/lib/components/HeaderBanner.svelte
index c4b02960..fee7e27e 100644
--- a/src/lib/components/HeaderBanner.svelte
+++ b/src/lib/components/HeaderBanner.svelte
@@ -1,7 +1,8 @@
+<!-- Alternative: New: comma four launches this Black Friday -->
 <a href="/shop/comma-four" target="_blank" class="banner">
   <div class="wrapper">
     <strong class="headline">
-      BLACK FRIDAY: INTRODUCING COMMA FOUR
+      Introducing comma four — Available now for Black Friday
     </strong>
   </div>
 </a>

From 3f226bd251fd430a84e0f624c9b60249acff40bf Mon Sep 17 00:00:00 2001
From: Shane Smiskol <shane@smiskol.com>
Date: Mon, 24 Nov 2025 11:45:54 -0800
Subject: [PATCH 3/5] not sure why

---
 src/lib/components/HeaderBanner.svelte | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/lib/components/HeaderBanner.svelte b/src/lib/components/HeaderBanner.svelte
index fee7e27e..61187e5d 100644
--- a/src/lib/components/HeaderBanner.svelte
+++ b/src/lib/components/HeaderBanner.svelte
@@ -13,6 +13,7 @@
     text-decoration: none;
     color: black;
     background-color: var(--color-red);
+    z-index: 1;
   }
 
   .wrapper {

From 5f7a0e2f1f0913ff04096c69a562a1271cee26bb Mon Sep 17 00:00:00 2001
From: Shane Smiskol <shane@smiskol.com>
Date: Mon, 24 Nov 2025 11:46:16 -0800
Subject: [PATCH 4/5] no target

---
 src/lib/components/HeaderBanner.svelte | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/lib/components/HeaderBanner.svelte b/src/lib/components/HeaderBanner.svelte
index 61187e5d..97c32b44 100644
--- a/src/lib/components/HeaderBanner.svelte
+++ b/src/lib/components/HeaderBanner.svelte
@@ -1,5 +1,5 @@
 <!-- Alternative: New: comma four launches this Black Friday -->
-<a href="/shop/comma-four" target="_blank" class="banner">
+<a href="/shop/comma-four" class="banner">
   <div class="wrapper">
     <strong class="headline">
       Introducing comma four — Available now for Black Friday

From df167a2756bb3e09e5a3aef935f5e0e6885a3789 Mon Sep 17 00:00:00 2001
From: Adeeb Shihadeh <adeebshihadeh@gmail.com>
Date: Tue, 25 Nov 2025 08:32:56 -0800
Subject: [PATCH 5/5] try this

---
 src/lib/components/HeaderBanner.svelte | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/lib/components/HeaderBanner.svelte b/src/lib/components/HeaderBanner.svelte
index 97c32b44..2ea85eb0 100644
--- a/src/lib/components/HeaderBanner.svelte
+++ b/src/lib/components/HeaderBanner.svelte
@@ -2,7 +2,7 @@
 <a href="/shop/comma-four" class="banner">
   <div class="wrapper">
     <strong class="headline">
-      Introducing comma four — Available now for Black Friday
+      COMMA FOUR IS HERE! NEW DEVICE, LOWEST PRICE EVER
     </strong>
   </div>
 </a>