From 323fa6130ac6b0012686d053c2d04c4fa5e92af2 Mon Sep 17 00:00:00 2001
From: Hugo Montenegro <h@hugo0.com>
Date: Mon, 29 Jun 2026 03:41:16 -0700
Subject: [PATCH 1/2] fix(card): bring launch CTA in line with the activation
 CTAs
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Launch-day design review (Konrad): the banner was off-system — pink (pink=clickable in Peanut), a black drop-shadow that misaligned the bounding box, and a black CTA used nowhere else. Now a white card, no drop shadow, standard purple primary CTA — matching the other activation CTAs. Copy + /shhhhh routing + gating unchanged; cosmetic only.
---
 .../Home/CardLaunchCTA/CardLaunchCTABanner.tsx         | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/Home/CardLaunchCTA/CardLaunchCTABanner.tsx b/src/components/Home/CardLaunchCTA/CardLaunchCTABanner.tsx
index 4c56d0d0c..9c831bf45 100644
--- a/src/components/Home/CardLaunchCTA/CardLaunchCTABanner.tsx
+++ b/src/components/Home/CardLaunchCTA/CardLaunchCTABanner.tsx
@@ -17,9 +17,9 @@ interface CardLaunchCTABannerProps {
  * Presentational only — gating + persistence live in the `CardLaunchCTA`
  * container so this can be force-rendered in the /dev/home-ctas preview.
  *
- * Tone matches the /shhhhh teaser: pink, hard black border + shadow, extra-black
- * uppercase headline, provocative "maybe it's for you" framing. The whole card
- * is a tap target (parity with CarouselCTA); the X stops propagation.
+ * In line with the other activation CTAs: white card, black border, no drop
+ * shadow, standard purple primary CTA. The whole card is a tap target (parity
+ * with CarouselCTA); the X stops propagation.
  */
 export default function CardLaunchCTABanner({ onTryDoor, onDismiss }: CardLaunchCTABannerProps) {
     const { triggerHaptic } = useHaptic()
@@ -39,7 +39,7 @@ export default function CardLaunchCTABanner({ onTryDoor, onDismiss }: CardLaunch
             role="button"
             tabIndex={0}
             onClick={handleTryDoor}
-            className="relative mb-3 cursor-pointer overflow-hidden rounded-sm border-2 border-n-1 bg-primary-1 p-5 shadow-[4px_4px_0_#000]"
+            className="relative mb-3 cursor-pointer overflow-hidden rounded-sm border-2 border-n-1 bg-white p-5"
         >
             <button
                 type="button"
@@ -54,7 +54,7 @@ export default function CardLaunchCTABanner({ onTryDoor, onDismiss }: CardLaunch
                 <h3 className="font-roboto-flex-extrabold text-4xl font-extraBlack leading-[1.02] text-n-1">shhh</h3>
                 <p className="text-sm font-bold leading-snug text-n-1">Tap to find out if you&apos;re in</p>
                 <Button
-                    variant="dark"
+                    variant="purple"
                     shadowSize="4"
                     className="mt-1 w-full"
                     disableHaptics

From 8d7839577f3835ff2371dc4d4a15956c92112884 Mon Sep 17 00:00:00 2001
From: Hugo Montenegro <h@hugo0.com>
Date: Mon, 29 Jun 2026 03:47:07 -0700
Subject: [PATCH 2/2] fix(card): match activation-CTA border weight (1px) +
 spell shhhh
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Border was border-2 (2px) vs the activation CTAs' 1px (Global Card = border border-black); drop to 1px. Title shhh → shhhh (one more h).
---
 src/components/Home/CardLaunchCTA/CardLaunchCTABanner.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/Home/CardLaunchCTA/CardLaunchCTABanner.tsx b/src/components/Home/CardLaunchCTA/CardLaunchCTABanner.tsx
index 9c831bf45..fae5b136f 100644
--- a/src/components/Home/CardLaunchCTA/CardLaunchCTABanner.tsx
+++ b/src/components/Home/CardLaunchCTA/CardLaunchCTABanner.tsx
@@ -39,7 +39,7 @@ export default function CardLaunchCTABanner({ onTryDoor, onDismiss }: CardLaunch
             role="button"
             tabIndex={0}
             onClick={handleTryDoor}
-            className="relative mb-3 cursor-pointer overflow-hidden rounded-sm border-2 border-n-1 bg-white p-5"
+            className="relative mb-3 cursor-pointer overflow-hidden rounded-sm border border-n-1 bg-white p-5"
         >
             <button
                 type="button"
@@ -51,7 +51,7 @@ export default function CardLaunchCTABanner({ onTryDoor, onDismiss }: CardLaunch
             </button>
 
             <div className="relative z-[1] flex flex-col gap-3 pr-6">
-                <h3 className="font-roboto-flex-extrabold text-4xl font-extraBlack leading-[1.02] text-n-1">shhh</h3>
+                <h3 className="font-roboto-flex-extrabold text-4xl font-extraBlack leading-[1.02] text-n-1">shhhh</h3>
                 <p className="text-sm font-bold leading-snug text-n-1">Tap to find out if you&apos;re in</p>
                 <Button
                     variant="purple"