diff --git a/packages/fakeyou.com/public/images/landing/onboarding/room-scene-thumbnail.webp b/packages/fakeyou.com/public/images/landing/onboarding/room-scene-thumbnail.webp
new file mode 100644
index 0000000000..7c2f9f44b5
Binary files /dev/null and b/packages/fakeyou.com/public/images/landing/onboarding/room-scene-thumbnail.webp differ
diff --git a/packages/fakeyou.com/public/images/landing/onboarding/styles/style-2d-anime.webp b/packages/fakeyou.com/public/images/landing/onboarding/styles/style-2d-anime.webp
new file mode 100644
index 0000000000..ee7117b0fc
Binary files /dev/null and b/packages/fakeyou.com/public/images/landing/onboarding/styles/style-2d-anime.webp differ
diff --git a/packages/fakeyou.com/public/images/landing/onboarding/styles/style-3d-cartoon.webp b/packages/fakeyou.com/public/images/landing/onboarding/styles/style-3d-cartoon.webp
new file mode 100644
index 0000000000..823a8dc322
Binary files /dev/null and b/packages/fakeyou.com/public/images/landing/onboarding/styles/style-3d-cartoon.webp differ
diff --git a/packages/fakeyou.com/public/images/landing/onboarding/styles/style-ink-bw.webp b/packages/fakeyou.com/public/images/landing/onboarding/styles/style-ink-bw.webp
new file mode 100644
index 0000000000..1ddc373609
Binary files /dev/null and b/packages/fakeyou.com/public/images/landing/onboarding/styles/style-ink-bw.webp differ
diff --git a/packages/fakeyou.com/public/images/landing/onboarding/styles/style-origami.webp b/packages/fakeyou.com/public/images/landing/onboarding/styles/style-origami.webp
new file mode 100644
index 0000000000..edc2050967
Binary files /dev/null and b/packages/fakeyou.com/public/images/landing/onboarding/styles/style-origami.webp differ
diff --git a/packages/fakeyou.com/src/components/common/SelectionBubblesV2/SelectionBubblesV2.scss b/packages/fakeyou.com/src/components/common/SelectionBubblesV2/SelectionBubblesV2.scss
index f5c1fbdeeb..aa3af4de85 100644
--- a/packages/fakeyou.com/src/components/common/SelectionBubblesV2/SelectionBubblesV2.scss
+++ b/packages/fakeyou.com/src/components/common/SelectionBubblesV2/SelectionBubblesV2.scss
@@ -129,6 +129,7 @@
bottom: 0;
left: 0;
font-size: 14px;
+ text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
}
&::after {
@@ -140,14 +141,12 @@
height: 50%;
background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent);
z-index: 2;
+ height: 35%;
}
&.selected::after {
- background: linear-gradient(
- to top,
- rgba(desaturate(darken($primary, 20%), 30%), 70%),
- transparent
- );
+ background: linear-gradient(to top, rgba(#632323, 90%), transparent);
+ height: 35%;
}
}
diff --git a/packages/fakeyou.com/src/v2/view/pages/landing/LandingPage.tsx b/packages/fakeyou.com/src/v2/view/pages/landing/LandingPage.tsx
index eafc84f8f3..037f31a146 100644
--- a/packages/fakeyou.com/src/v2/view/pages/landing/LandingPage.tsx
+++ b/packages/fakeyou.com/src/v2/view/pages/landing/LandingPage.tsx
@@ -43,6 +43,8 @@ function LandingPage(props: Props) {
const isLoggedIn = props.sessionWrapper.isLoggedIn();
+ const canAccessStudio = props.sessionWrapper.canAccessStudio();
+
return (
<>
{domain.website === Website.StorytellerAi && !isLoggedIn && (
@@ -79,7 +81,7 @@ function LandingPage(props: Props) {
{/* STORYTELLER,AI */}
{!isLoggedIn ? (
<>
-
+ {!canAccessStudio && }
{
- history.push("/studio-intro/");
+ history.push("/studio-intro/m_ejhs95fc5aybp36h4a79k7523ds6an");
},
},
{
text: "Scene 2",
backgroundImage: "",
onClick: () => {
- history.push("/studio-intro/");
+ history.push("/studio-intro");
},
},
{
text: "Scene 3",
backgroundImage: "",
onClick: () => {
- history.push("/studio-intro/");
+ history.push("/studio-intro");
},
},
{
text: "Scene 4",
backgroundImage: "",
onClick: () => {
- history.push("/studio-intro/");
+ history.push("/studio-intro");
},
},
];
diff --git a/packages/fakeyou.com/src/v2/view/pages/storyteller_studio_intro/StudioVST/StudioVSTPage.tsx b/packages/fakeyou.com/src/v2/view/pages/storyteller_studio_intro/StudioVST/StudioVSTPage.tsx
index 88f65b8da2..7a87fb65b2 100644
--- a/packages/fakeyou.com/src/v2/view/pages/storyteller_studio_intro/StudioVST/StudioVSTPage.tsx
+++ b/packages/fakeyou.com/src/v2/view/pages/storyteller_studio_intro/StudioVST/StudioVSTPage.tsx
@@ -75,23 +75,23 @@ export default function PageVSTApp() {
const styleOptions = [
{
- label: "Anime",
- imageUrl: "/images/dummy-image.jpg",
+ label: "2D Anime",
+ imageUrl: "/images/landing/onboarding/styles/style-2d-anime.webp",
token: "weight_yqexh77ntqyawzgh9fzash798",
},
{
- label: "Pixel",
- imageUrl: "/images/dummy-image-2.jpg",
+ label: "3D Cartoon",
+ imageUrl: "/images/landing/onboarding/styles/style-3d-cartoon.webp",
token: "weight_yqexh77ntqyawzgh9fzash798",
},
{
- label: "Painting",
- imageUrl: "/images/dummy-image-3.jpg",
+ label: "Ink B&W",
+ imageUrl: "/images/landing/onboarding/styles/style-ink-bw.webp",
token: "weight_yqexh77ntqyawzgh9fzash798",
},
{
- label: "Ink",
- imageUrl: "/images/dummy-image-4.jpg",
+ label: "Origami",
+ imageUrl: "/images/landing/onboarding/styles/style-origami.webp",
token: "weight_yqexh77ntqyawzgh9fzash798",
},
];