diff --git a/src/website/packages/fakeyou.com/src/v2/view/pages/beta_products/BetaLipSyncForm.tsx b/src/website/packages/fakeyou.com/src/v2/view/pages/beta_products/BetaLipSyncForm.tsx index be3ed7d1b6..bd03cdc1d9 100644 --- a/src/website/packages/fakeyou.com/src/v2/view/pages/beta_products/BetaLipSyncForm.tsx +++ b/src/website/packages/fakeyou.com/src/v2/view/pages/beta_products/BetaLipSyncForm.tsx @@ -2,6 +2,7 @@ import React from "react"; import { Widget } from "@typeform/embed-react"; import { useLocation } from "react-router-dom"; import { useDomainConfig } from "context/DomainConfigContext"; +import { usePrefixedDocumentTitle } from "common/UsePrefixedDocumentTitle"; export const BetaLipSyncForm = () => { const location = useLocation(); @@ -17,6 +18,7 @@ export const BetaLipSyncForm = () => { : "typeform-source=storyteller.ai" }&email=${encodeURIComponent(email || "")}`; + usePrefixedDocumentTitle("Beta Lip Sync"); return (
{ + usePrefixedDocumentTitle("Beta Lip Sync"); return ( <>
diff --git a/src/website/packages/fakeyou.com/src/v2/view/pages/beta_products/BetaVideoCompositorForm.tsx b/src/website/packages/fakeyou.com/src/v2/view/pages/beta_products/BetaVideoCompositorForm.tsx index dcec1136b1..c2a0e42438 100644 --- a/src/website/packages/fakeyou.com/src/v2/view/pages/beta_products/BetaVideoCompositorForm.tsx +++ b/src/website/packages/fakeyou.com/src/v2/view/pages/beta_products/BetaVideoCompositorForm.tsx @@ -2,6 +2,7 @@ import React from "react"; import { Widget } from "@typeform/embed-react"; import { useLocation } from "react-router-dom"; import { useDomainConfig } from "context/DomainConfigContext"; +import { usePrefixedDocumentTitle } from "common/UsePrefixedDocumentTitle"; export const BetaVideoCompositorForm = () => { const location = useLocation(); @@ -17,6 +18,8 @@ export const BetaVideoCompositorForm = () => { : "typeform-source=storyteller.ai" }&email=${encodeURIComponent(email || "")}`; + usePrefixedDocumentTitle("Beta Video Compositor"); + return (
{ + usePrefixedDocumentTitle("Beta Video Compositor"); return ( <>
diff --git a/src/website/packages/fakeyou.com/src/v2/view/pages/beta_products/BetaWebcamActingForm.tsx b/src/website/packages/fakeyou.com/src/v2/view/pages/beta_products/BetaWebcamActingForm.tsx index 62fd17ac1d..a4aae82501 100644 --- a/src/website/packages/fakeyou.com/src/v2/view/pages/beta_products/BetaWebcamActingForm.tsx +++ b/src/website/packages/fakeyou.com/src/v2/view/pages/beta_products/BetaWebcamActingForm.tsx @@ -2,6 +2,7 @@ import React from "react"; import { Widget } from "@typeform/embed-react"; import { useLocation } from "react-router-dom"; import { useDomainConfig } from "context/DomainConfigContext"; +import { usePrefixedDocumentTitle } from "common/UsePrefixedDocumentTitle"; export const BetaWebcamActingForm = () => { const location = useLocation(); @@ -17,6 +18,8 @@ export const BetaWebcamActingForm = () => { : "typeform-source=storyteller.ai" }&email=${encodeURIComponent(email || "")}`; + usePrefixedDocumentTitle("Beta Webcam Acting"); + return (
{ + usePrefixedDocumentTitle("Beta Webcam Acting"); return ( <>
diff --git a/src/website/packages/fakeyou.com/src/v2/view/pages/creator_tools/CreatorToolsPage.tsx b/src/website/packages/fakeyou.com/src/v2/view/pages/creator_tools/CreatorToolsPage.tsx index d7ddb19405..e22637e590 100644 --- a/src/website/packages/fakeyou.com/src/v2/view/pages/creator_tools/CreatorToolsPage.tsx +++ b/src/website/packages/fakeyou.com/src/v2/view/pages/creator_tools/CreatorToolsPage.tsx @@ -27,7 +27,24 @@ export default function CreatorToolsPage(props: CreatorToolsPageProps) { usePrefixedDocumentTitle("Creator Tools"); - const videoProducts = [ + type Item = { + to?: string; + externalLink?: string; + title: string; + text: string; + imgSrc?: string; + imgAlt: string; + videoSrc?: string; + videoPosterSrc?: string; + badgeContent?: { + type: string; + icon: any; + label: string; + }; + videoPosition?: "top" | "center"; + }; + + const videoProducts: Item[] = [ // { // to: "/text-to-image", // title: t("productImageGenTitle"), @@ -67,7 +84,6 @@ export default function CreatorToolsPage(props: CreatorToolsPageProps) { label: "NEW", }, }, - { to: "/face-animator", title: t("productLipsyncTitle"), @@ -76,6 +92,31 @@ export default function CreatorToolsPage(props: CreatorToolsPageProps) { videoPosterSrc: "/images/ai-tools/ls_video_poster.jpg", imgAlt: "Lipsync", }, + { + to: "/beta/video-compositor", + title: "2D Video Compositor", + text: "Compose videos and images with AI", + videoSrc: "/videos/ai-tools/vcomp_video.mp4", + videoPosterSrc: "/images/ai-tools/vcomp_video_poster.jpg", + imgAlt: "Video Compositor", + }, + { + to: "/beta/video-compositor", + title: "3D Video Compositor", + text: "Compose videos and images with AI", + videoSrc: "/videos/ai-tools/vcomp_video_2.mp4", + videoPosterSrc: "/images/ai-tools/vcomp_video_poster_2.jpg", + imgAlt: "Video Compositor", + videoPosition: "top", + }, + { + to: "/beta/webcam-acting", + title: "Webcam Acting", + text: "Act as your character through your camera", + videoSrc: "/videos/ai-tools/ca_video.mp4", + videoPosterSrc: "/images/ai-tools/ca_video_poster.jpg", + imgAlt: "Video Compositor", + }, ]; const voiceProducts = [