diff --git a/libs/ui/src/lib/landing/LandingPage.tsx b/libs/ui/src/lib/landing/LandingPage.tsx
index 63e0f048f..2e8bb1ee3 100644
--- a/libs/ui/src/lib/landing/LandingPage.tsx
+++ b/libs/ui/src/lib/landing/LandingPage.tsx
@@ -125,7 +125,7 @@ export function LandingPage({
       />
 
       <main id="main">
-        <Hero primaryHref={primaryHref} isAuthed={isAuthed} />
+        <Hero primaryHref={primaryHref} signupHref={signupHref} isAuthed={isAuthed} />
         <About />
         <QuickAccess />
         <Services />
@@ -257,7 +257,15 @@ const HERO_BADGE_ICONS = {
   tracking: IconActivity,
 } as const;
 
-function Hero({ primaryHref, isAuthed }: { primaryHref: string; isAuthed: boolean }) {
+function Hero({
+  primaryHref,
+  signupHref,
+  isAuthed,
+}: {
+  primaryHref: string;
+  signupHref?: string;
+  isAuthed: boolean;
+}) {
   const { t } = useTranslation();
   const theme = useMantineTheme();
   const badgeKeys = Object.keys(HERO_BADGE_ICONS) as (keyof typeof HERO_BADGE_ICONS)[];
@@ -318,7 +326,7 @@ function Hero({ primaryHref, isAuthed }: { primaryHref: string; isAuthed: boolea
           <Group justify="center">
             <Button
               component={Link}
-              to={isAuthed ? primaryHref : '/signup'}
+              to={isAuthed ? primaryHref : (signupHref ?? '/login')}
               size="lg"
               variant="white"
               color="dark"