diff --git a/src/website/packages/fakeyou.com/public/images/landing/select-board.webp b/src/website/packages/fakeyou.com/public/images/landing/select-board.webp new file mode 100644 index 0000000000..b6e3ae7b4f Binary files /dev/null and b/src/website/packages/fakeyou.com/public/images/landing/select-board.webp differ diff --git a/src/website/packages/fakeyou.com/public/videos/board/storyteller-board-demo.mp4 b/src/website/packages/fakeyou.com/public/videos/board/storyteller-board-demo.mp4 new file mode 100644 index 0000000000..b1bcb0485c Binary files /dev/null and b/src/website/packages/fakeyou.com/public/videos/board/storyteller-board-demo.mp4 differ diff --git a/src/website/packages/fakeyou.com/src/components/marketing/AITools/AITools.tsx b/src/website/packages/fakeyou.com/src/components/marketing/AITools/AITools.tsx index b2f399e019..1aa4977e1f 100644 --- a/src/website/packages/fakeyou.com/src/components/marketing/AITools/AITools.tsx +++ b/src/website/packages/fakeyou.com/src/components/marketing/AITools/AITools.tsx @@ -140,13 +140,20 @@ export default function AITools() { imgSrc: "/images/landing/select-cogvideo.webp", imgAlt: "Text and image to video generation", }, + { + to: "/board", + title: "Storyteller Board", + text: "Create visual stories on our intelligent canvas", + imgSrc: "/images/landing/select-board.webp", + imgAlt: "Create visual stories on our intelligent canvas", + }, ]; if ( currentPath.includes("/style-video") || currentPath.includes("/ai-face-mirror") || currentPath.includes("/ai-live-portrait") || - currentPath.includes("/voice-conversion") || + currentPath.includes("/voice-conversio n") || currentPath.includes("/tts") || currentPath.includes("/live-portrait") || currentPath.includes("/dev-lp") || diff --git a/src/website/packages/fakeyou.com/src/v2/view/PageContainer.tsx b/src/website/packages/fakeyou.com/src/v2/view/PageContainer.tsx index 762d1e9422..1f3a59137f 100644 --- a/src/website/packages/fakeyou.com/src/v2/view/PageContainer.tsx +++ b/src/website/packages/fakeyou.com/src/v2/view/PageContainer.tsx @@ -445,6 +445,10 @@ const routes = [ path: "/f5-tts", component: lazy(() => import("./pages/f5_tts/F5TTS")), }, + { + path: "/board", + component: lazy(() => import("./pages/board/Board")), + }, { path: "/seed-vc", component: lazy(() => import("./pages/seed_vc/SeedVC")), diff --git a/src/website/packages/fakeyou.com/src/v2/view/pages/board/Board.tsx b/src/website/packages/fakeyou.com/src/v2/view/pages/board/Board.tsx new file mode 100644 index 0000000000..3c9dd79155 --- /dev/null +++ b/src/website/packages/fakeyou.com/src/v2/view/pages/board/Board.tsx @@ -0,0 +1,59 @@ +import React from "react"; +import { usePrefixedDocumentTitle } from "common/UsePrefixedDocumentTitle"; +import { Button, Container, Panel } from "components/common"; +import { faArrowRight, faSparkles } from "@fortawesome/pro-solid-svg-icons"; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; + +export default function Board() { + usePrefixedDocumentTitle("Storyteller Board"); + + return ( +
+ Create stunning visual stories on our intelligent canvas.
+
+ Compose scenes, remove backgrounds, apply AI styles and render
+ videos in minutes.
+
+ (You can log in with your FakeYou account) +
+