Skip to content

Commit cb65254

Browse files
feat(web): change mobile CTA from Download to Get reminder (#2148)
- 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: Devin AI <158243242+devin-ai-integration[bot]@users.noreply.github.com>
1 parent e8b1d5c commit cb65254

File tree

1 file changed

+23
-3
lines changed

1 file changed

+23
-3
lines changed

apps/web/src/components/header.tsx

Lines changed: 23 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -392,6 +392,14 @@ function CTAButton({
392392
? "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"
393393
: "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";
394394

395+
if (mobile && platform === "mobile") {
396+
return (
397+
<Link to="/" hash="hero" onClick={scrollToHero} className={baseClass}>
398+
Get reminder
399+
</Link>
400+
);
401+
}
402+
395403
if (platformCTA.action === "download") {
396404
return (
397405
<a href="/download/apple-silicon" download className={baseClass}>
@@ -402,7 +410,7 @@ function CTAButton({
402410

403411
return (
404412
<Link to="/" hash="hero" onClick={scrollToHero} className={baseClass}>
405-
{mobile && platform === "mobile" ? "Get reminder" : platformCTA.label}
413+
{platformCTA.label}
406414
</Link>
407415
);
408416
}
@@ -604,7 +612,19 @@ function MobileMenuCTAs({
604612
>
605613
Get started
606614
</Link>
607-
{platformCTA.action === "download" ? (
615+
{platform === "mobile" ? (
616+
<Link
617+
to="/"
618+
hash="hero"
619+
onClick={() => {
620+
setIsMenuOpen(false);
621+
scrollToHero();
622+
}}
623+
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"
624+
>
625+
Get reminder
626+
</Link>
627+
) : platformCTA.action === "download" ? (
608628
<a
609629
href="/download/apple-silicon"
610630
download
@@ -623,7 +643,7 @@ function MobileMenuCTAs({
623643
}}
624644
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"
625645
>
626-
{platform === "mobile" ? "Get reminder" : platformCTA.label}
646+
{platformCTA.label}
627647
</Link>
628648
)}
629649
</div>

0 commit comments

Comments
 (0)