diff --git a/packages/fakeyou.com/src/scss/site-refresh.scss b/packages/fakeyou.com/src/scss/site-refresh.scss index 52460373c0..a5ebdf7c09 100644 --- a/packages/fakeyou.com/src/scss/site-refresh.scss +++ b/packages/fakeyou.com/src/scss/site-refresh.scss @@ -656,7 +656,7 @@ input { transition: 0.2s all; cursor: pointer; border-radius: 8px !important; - max-width: 512px; + max-width: 500px; border-width: 3px !important; &:hover { diff --git a/packages/fakeyou.com/src/v2/nav/TopNav.tsx b/packages/fakeyou.com/src/v2/nav/TopNav.tsx index b1740e3f2d..78e032dad9 100644 --- a/packages/fakeyou.com/src/v2/nav/TopNav.tsx +++ b/packages/fakeyou.com/src/v2/nav/TopNav.tsx @@ -18,6 +18,7 @@ import { faLaptop, faBook, faStar, + faMicrophoneLines, } from "@fortawesome/free-solid-svg-icons"; import { faDiscord, faPatreon } from "@fortawesome/free-brands-svg-icons"; import { Logout } from "@storyteller/components/src/api/session/Logout"; @@ -360,6 +361,16 @@ function TopNav(props: Props) { TTS +
  • + + + {" "} + Voice Conversion + +
  • diff --git a/packages/fakeyou.com/src/v2/view/_common/BackLink.tsx b/packages/fakeyou.com/src/v2/view/_common/BackLink.tsx index 9a6549f72d..67c6467092 100644 --- a/packages/fakeyou.com/src/v2/view/_common/BackLink.tsx +++ b/packages/fakeyou.com/src/v2/view/_common/BackLink.tsx @@ -11,7 +11,8 @@ function BackLink(props: Props) { const linkText = props.text === undefined ? "Back" : props.text; return ( - {linkText} + + {linkText} ); } diff --git a/packages/fakeyou.com/src/v2/view/landing/LandingPage.tsx b/packages/fakeyou.com/src/v2/view/landing/LandingPage.tsx index aedb79edc2..8db54977e5 100644 --- a/packages/fakeyou.com/src/v2/view/landing/LandingPage.tsx +++ b/packages/fakeyou.com/src/v2/view/landing/LandingPage.tsx @@ -6,7 +6,15 @@ import { SessionWrapper } from "@storyteller/components/src/session/SessionWrapp import { SessionSubscriptionsWrapper } from "@storyteller/components/src/session/SessionSubscriptionsWrapper"; import { t } from "i18next"; import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; -import { faUsers, faStar } from "@fortawesome/free-solid-svg-icons"; +import { + faUsers, + faStar, + faShapes, + faMicrophoneAlt, + faPaintBrush, + faPersonRunning, + faMusic, +} from "@fortawesome/free-solid-svg-icons"; import { faDiscord, faTwitter } from "@fortawesome/free-brands-svg-icons"; interface Props { @@ -59,13 +67,13 @@ function LandingPage(props: Props) {
    - + Use FakeYou deep fake technology to say stuff with your favorite characters.
    {upgradeButton} @@ -93,7 +101,7 @@ function LandingPage(props: Props) {
    @@ -111,7 +119,7 @@ function LandingPage(props: Props) {
    @@ -122,12 +130,73 @@ function LandingPage(props: Props) { />

    Voice Conversion

    - Speak as someone else + Speak as your favorite characters
    +
    + +
    +

    Lip Sync Video

    +
    + Generate lip sync videos with your audio +
    +
    + +
    + + + +
    + + + Upcoming Features + + + Some of our features coming soon... + +
    +
    +
    +
    +
    +
    + + Voice Conversion App +
    +
    +
    +
    + + Concept Art Generation +
    +
    +
    +
    + + 3D Animation +
    +
    +
    +
    + + Music Generation +
    +
    +
    +
    +
    diff --git a/packages/fakeyou.com/src/v2/view/tts/tts_model_list/TtsModelListPage.tsx b/packages/fakeyou.com/src/v2/view/tts/tts_model_list/TtsModelListPage.tsx index 7e73dd7b65..65a1000585 100644 --- a/packages/fakeyou.com/src/v2/view/tts/tts_model_list/TtsModelListPage.tsx +++ b/packages/fakeyou.com/src/v2/view/tts/tts_model_list/TtsModelListPage.tsx @@ -48,6 +48,7 @@ import { motion } from "framer-motion"; import { container, panel } from "../../../../data/animation"; import { SessionSubscriptionsWrapper } from "@storyteller/components/src/session/SessionSubscriptionsWrapper"; import { TtsPageHero } from "./TtsPageHero"; +import { BackLink } from "../../_common/BackLink"; export interface EnqueueJobResponsePayload { success: boolean; @@ -307,7 +308,6 @@ function TtsModelListPage(props: Props) { } } - // NB: If the text is too long, don't allow submission let remainingCharactersButtonDisabled = props.textBuffer.trim().length > 1024; @@ -323,7 +323,7 @@ function TtsModelListPage(props: Props) { {twitchTtsNotice} - @@ -401,6 +401,10 @@ function TtsModelListPage(props: Props) {
    + +
    + +
    -
    ); }