diff --git a/packages/fakeyou.com/src/scss/site-refresh.scss b/packages/fakeyou.com/src/scss/site-refresh.scss index 65f8940ed3..409986a865 100644 --- a/packages/fakeyou.com/src/scss/site-refresh.scss +++ b/packages/fakeyou.com/src/scss/site-refresh.scss @@ -689,6 +689,18 @@ styles with important tags: } } + .badge-new { + font-weight: 600; + font-size: 12px; + padding: 2px 6px; + border: none; + border-radius: 0.3rem; + opacity: 0.85; + max-height: 18px; + background-color: #fff3d0; + color: #833c00; + } + .rounded-circle { border-radius: 50px; } 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 e7f064ba12..f77e1a2940 100644 --- a/packages/fakeyou.com/src/v2/view/pages/landing/LandingPage.tsx +++ b/packages/fakeyou.com/src/v2/view/pages/landing/LandingPage.tsx @@ -2,7 +2,7 @@ import React, { useMemo } from "react"; import { Link } from "react-router-dom"; import { SessionWrapper } from "@storyteller/components/src/session/SessionWrapper"; import { SessionSubscriptionsWrapper } from "@storyteller/components/src/session/SessionSubscriptionsWrapper"; -import { useLocalize } from 'hooks'; +import { useLocalize } from "hooks"; import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; import { faStar, @@ -11,7 +11,7 @@ import { } from "@fortawesome/free-solid-svg-icons"; import { faDiscord, faTwitter } from "@fortawesome/free-brands-svg-icons"; import { WebUrl } from "../../../../common/WebUrl"; -import { faFileArrowUp } from "@fortawesome/pro-solid-svg-icons"; +import { faFileArrowUp, faSparkles } from "@fortawesome/pro-solid-svg-icons"; import { PosthogClient } from "@storyteller/components/src/analytics/PosthogClient"; // import { // faFileArrowUp, @@ -171,11 +171,10 @@ function LandingPage(props: Props) {

- {t2('hero.top')} + {t2("hero.top")}

- {t2('hero.bottom')} - + {t2("hero.bottom")}

{upgradeButton} @@ -251,14 +250,14 @@ function LandingPage(props: Props) { to="/tts" className="panel panel-select d-flex flex-column align-items-center" > -
+

Text to Speech

Generate audio from text
- +
@@ -275,14 +274,14 @@ function LandingPage(props: Props) { to="/voice-conversion" className="panel panel-select d-flex flex-column align-items-center" > -
+

Voice to Voice

Speak as someone else
- +
@@ -296,17 +295,23 @@ function LandingPage(props: Props) {
-
+
-

Video Lip Sync

+

+ + + NEW + + Face Animation +

- Lip sync video to audio + Create videos from audio
- +
@@ -318,6 +323,24 @@ function LandingPage(props: Props) { />
+
+ +
+
+

Video Lip Sync

+
+ Lip sync video to audio +
+
+ + + +
+ +