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 = [