diff --git a/packages/fakeyou.com/src/v2/view/pages/landing/storyteller/PostlaunchLanding/PostlaunchLanding.tsx b/packages/fakeyou.com/src/v2/view/pages/landing/storyteller/PostlaunchLanding/PostlaunchLanding.tsx index d79ffbddfe..6bdf52d6fa 100644 --- a/packages/fakeyou.com/src/v2/view/pages/landing/storyteller/PostlaunchLanding/PostlaunchLanding.tsx +++ b/packages/fakeyou.com/src/v2/view/pages/landing/storyteller/PostlaunchLanding/PostlaunchLanding.tsx @@ -120,42 +120,43 @@ export default function PostlaunchLanding(props: PostlaunchLandingProps) { const moveSecondDown = useTransform(scrollYProgress2, [0, 1], [-300, 100]); const moveThirdUp = useTransform(scrollYProgress2, [0, 1], [0, -300]); - const ctaButton = props.sessionWrapper.canAccessStudio() ? ( -
-
- ) : ( -
-
+ let ctaButton; + + if (props.sessionWrapper.canAccessStudio()) { + // Logged in + can access studio + ctaButton = ( +
- -
- Have a beta key? + ); + } else if (!props.sessionWrapper.isLoggedIn()) { + // User is not logged in. For now, we can give them + // immediate access if they sign up. This will only be a + // brief state. + ctaButton = ( +
-
- ); + ); + } else { + // Logged in + cannot access studio - let's waitlist them + // This is typically the default secondary state. + ctaButton = ; + } return ( <> @@ -680,6 +681,36 @@ export default function PostlaunchLanding(props: PostlaunchLandingProps) { ); } +interface WaitlistHeroButtonProps { + openModal: () => void, +} + +function WaitlistHeroButton(props: WaitlistHeroButtonProps) { + return (
+
+
+ +
+ Have a beta key? +
+
); +} + //const firstTitle = "Control Your Movie"; const firstTitle = "Tell Your Story"; //"Effortlessly create your movie in any style you want with AI.";