From 22706dd9bf5eddbfbd9c4329e3976547efe6d470 Mon Sep 17 00:00:00 2001
From: Devin AI <158243242+devin-ai-integration[bot]@users.noreply.github.com>
Date: Fri, 5 Dec 2025 11:01:56 +0000
Subject: [PATCH] feat(web): change mobile CTA from Download to Get reminder

- Update CTAButton to show 'Get reminder' for mobile users
- Update MobileMenuCTAs to show 'Get reminder' for mobile users
- Both buttons now redirect to home hero section with email form

Co-Authored-By: john@hyprnote.com <john@hyprnote.com>
---
 apps/web/src/components/header.tsx | 26 +++++++++++++++++++++++---
 1 file changed, 23 insertions(+), 3 deletions(-)

diff --git a/apps/web/src/components/header.tsx b/apps/web/src/components/header.tsx
index c4b73918c7..bb8ecfe990 100644
--- a/apps/web/src/components/header.tsx
+++ b/apps/web/src/components/header.tsx
@@ -392,6 +392,14 @@ function CTAButton({
     ? "px-4 h-8 flex items-center text-sm bg-linear-to-t from-stone-600 to-stone-500 text-white rounded-full shadow-md active:scale-[98%] transition-all"
     : "px-4 h-8 flex items-center text-sm bg-linear-to-t from-stone-600 to-stone-500 text-white rounded-full shadow-md hover:shadow-lg hover:scale-[102%] active:scale-[98%] transition-all";
 
+  if (mobile && platform === "mobile") {
+    return (
+      <Link to="/" hash="hero" onClick={scrollToHero} className={baseClass}>
+        Get reminder
+      </Link>
+    );
+  }
+
   if (platformCTA.action === "download") {
     return (
       <a href="/download/apple-silicon" download className={baseClass}>
@@ -402,7 +410,7 @@ function CTAButton({
 
   return (
     <Link to="/" hash="hero" onClick={scrollToHero} className={baseClass}>
-      {mobile && platform === "mobile" ? "Get reminder" : platformCTA.label}
+      {platformCTA.label}
     </Link>
   );
 }
@@ -604,7 +612,19 @@ function MobileMenuCTAs({
       >
         Get started
       </Link>
-      {platformCTA.action === "download" ? (
+      {platform === "mobile" ? (
+        <Link
+          to="/"
+          hash="hero"
+          onClick={() => {
+            setIsMenuOpen(false);
+            scrollToHero();
+          }}
+          className="block w-full px-4 py-3 text-center text-sm bg-linear-to-t from-stone-600 to-stone-500 text-white rounded-lg shadow-md active:scale-[98%] transition-all"
+        >
+          Get reminder
+        </Link>
+      ) : platformCTA.action === "download" ? (
         <a
           href="/download/apple-silicon"
           download
@@ -623,7 +643,7 @@ function MobileMenuCTAs({
           }}
           className="block w-full px-4 py-3 text-center text-sm bg-linear-to-t from-stone-600 to-stone-500 text-white rounded-lg shadow-md active:scale-[98%] transition-all"
         >
-          {platform === "mobile" ? "Get reminder" : platformCTA.label}
+          {platformCTA.label}
         </Link>
       )}
     </div>