diff --git a/src/website/packages/fakeyou.com/public/images/trump-select/trump-angry.webp b/src/website/packages/fakeyou.com/public/images/trump-select/trump-angry.webp
new file mode 100644
index 0000000000..d251368c2c
Binary files /dev/null and b/src/website/packages/fakeyou.com/public/images/trump-select/trump-angry.webp differ
diff --git a/src/website/packages/fakeyou.com/public/images/trump-select/trump-casual.webp b/src/website/packages/fakeyou.com/public/images/trump-select/trump-casual.webp
new file mode 100644
index 0000000000..f084b7e044
Binary files /dev/null and b/src/website/packages/fakeyou.com/public/images/trump-select/trump-casual.webp differ
diff --git a/src/website/packages/fakeyou.com/public/images/trump-select/trump-sarcastic.webp b/src/website/packages/fakeyou.com/public/images/trump-select/trump-sarcastic.webp
new file mode 100644
index 0000000000..56265cae95
Binary files /dev/null and b/src/website/packages/fakeyou.com/public/images/trump-select/trump-sarcastic.webp differ
diff --git a/src/website/packages/fakeyou.com/public/locales/en/NewTTS.json b/src/website/packages/fakeyou.com/public/locales/en/NewTTS.json
index 4a0b0c4f2b..783fdeff71 100644
--- a/src/website/packages/fakeyou.com/public/locales/en/NewTTS.json
+++ b/src/website/packages/fakeyou.com/public/locales/en/NewTTS.json
@@ -16,7 +16,10 @@
     "output": "Output",
     "search": "Search for a Voice",
     "select": "Select a Voice",
-    "selected": "Selected Voice"
+    "selected": "Selected Voice",
+    "trumpAngry": "angry",
+    "trumpCasual": "casual",
+    "trumpSarcastic": "sarcastic"
   },
   "link": {
     "exploreNewVoices": "Explore Newest Voices",
@@ -50,4 +53,4 @@
     "featuredVoices": "Featured Voices",
     "tts": "Text to Speech"
   }
-}
\ No newline at end of file
+}
diff --git a/src/website/packages/fakeyou.com/src/components/layout/ProfileSidePanel/ProfileSidePanel.scss b/src/website/packages/fakeyou.com/src/components/layout/ProfileSidePanel/ProfileSidePanel.scss
index 8331726191..04d77c8e2d 100644
--- a/src/website/packages/fakeyou.com/src/components/layout/ProfileSidePanel/ProfileSidePanel.scss
+++ b/src/website/packages/fakeyou.com/src/components/layout/ProfileSidePanel/ProfileSidePanel.scss
@@ -2,16 +2,16 @@
 
 /* Toggle Styles */
 
-#wrapper {
-  padding-left: 0;
-  -webkit-transition: all 0.2s ease;
-  -moz-transition: all 0.2s ease;
-  -o-transition: all 0.2s ease;
-  transition: all 0.2s ease;
-}
-
 $topbar-height: 66px;
 
+#wrapper {
+  padding: $topbar-height 0 0;
+  // -webkit-transition: all 0.2s ease;
+  // -moz-transition: all 0.2s ease;
+  // -o-transition: all 0.2s ease;
+  // transition: all 0.2s ease;
+}
+
 #profile-sidebar-wrapper {
   z-index: 999;
   position: fixed;
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 247fdbc495..ce8cfed413 100644
--- a/src/website/packages/fakeyou.com/src/v2/view/PageContainer.tsx
+++ b/src/website/packages/fakeyou.com/src/v2/view/PageContainer.tsx
@@ -70,7 +70,6 @@ import { GetComputedTtsCategoryAssignmentsSuccessResponse } from "@storyteller/c
 import { NewsPage } from "./pages/news/NewsPage";
 import { LandingPage } from "./pages/landing/LandingPage";
 import { ChannelsPage } from "./pages/channels/Channels";
-import { TrumpTtsPage } from "./pages/character/trump/TrumpTtsPage";
 //import { LandingPage } from "./pages/landing/LandingPage";
 // import { VcModelListPage } from "./pages/vc/vc_model_list/VcModelListPage";
 
@@ -113,6 +112,7 @@ import DomainConfigProvider from "context/DomainConfigContext";
 import DevUpload from "./pages/dev_upload/DevUpload";
 import DevMediaInput from "./pages/dev_upload/DevMediaInput";
 import NewTTS from "./pages/audio_gen/tts/NewTTS";
+import NewTrumpTTS from "./pages/audio_gen/tts/NewTrumpTTS";
 import NewVC from "./pages/audio_gen/vc/NewVC";
 import DashboardPage from "./pages/dashboard/DashboardPage";
 import DevUploadAlt from "./pages/dev_upload/DevUploadAlt";
@@ -228,8 +228,6 @@ class PageContainer extends React.Component<
         <SearchProvider>
           <ScrollToTop />
           <div id="wrapper" className="no-padding">
-            <div id="overlay"></div>
-
             <TopNav
               sessionWrapper={this.props.sessionWrapper}
               logoutHandler={this.logout}
@@ -245,78 +243,74 @@ class PageContainer extends React.Component<
                 this.props.sessionSubscriptionsWrapper
               }
             />
+            <Switch>
+              <Route path="/comp-lib">
+                <ComponentsLibrary sessionWrapper={this.props.sessionWrapper} />
+              </Route>
+              <Route path="/firehose">
+                <FirehoseEventListPage
+                  sessionWrapper={this.props.sessionWrapper}
+                />
+              </Route>
 
-            <div id="page-content-wrapper">
-              <Switch>
-                <Route path="/comp-lib">
-                  <ComponentsLibrary
-                    sessionWrapper={this.props.sessionWrapper}
-                  />
-                </Route>
-                <Route path="/firehose">
-                  <FirehoseEventListPage
-                    sessionWrapper={this.props.sessionWrapper}
-                  />
-                </Route>
+              <Route path="/news">
+                <NewsPage
+                  sessionWrapper={this.props.sessionWrapper}
+                  sessionSubscriptionsWrapper={
+                    this.props.sessionSubscriptionsWrapper
+                  }
+                />
+              </Route>
 
-                <Route path="/news">
-                  <NewsPage
-                    sessionWrapper={this.props.sessionWrapper}
-                    sessionSubscriptionsWrapper={
-                      this.props.sessionSubscriptionsWrapper
-                    }
-                  />
-                </Route>
+              <Route path="/channels">
+                <ChannelsPage
+                  sessionWrapper={this.props.sessionWrapper}
+                  sessionSubscriptionsWrapper={
+                    this.props.sessionSubscriptionsWrapper
+                  }
+                />
+              </Route>
 
-                <Route path="/channels">
-                  <ChannelsPage
-                    sessionWrapper={this.props.sessionWrapper}
-                    sessionSubscriptionsWrapper={
-                      this.props.sessionSubscriptionsWrapper
-                    }
-                  />
-                </Route>
+              <Route path="/leaderboard">
+                <LeaderboardPage sessionWrapper={this.props.sessionWrapper} />
+              </Route>
 
-                <Route path="/leaderboard">
-                  <LeaderboardPage sessionWrapper={this.props.sessionWrapper} />
-                </Route>
+              <Route path="/login">
+                <LoginPage
+                  sessionWrapper={this.props.sessionWrapper}
+                  querySessionAction={this.props.querySessionAction}
+                  querySessionSubscriptionsAction={
+                    this.props.querySessionSubscriptionsAction
+                  }
+                />
+              </Route>
 
-                <Route path="/login">
-                  <LoginPage
-                    sessionWrapper={this.props.sessionWrapper}
-                    querySessionAction={this.props.querySessionAction}
-                    querySessionSubscriptionsAction={
-                      this.props.querySessionSubscriptionsAction
-                    }
-                  />
-                </Route>
+              <Route path="/password-reset/verify">
+                <PasswordResetVerificationPage
+                  sessionWrapper={this.props.sessionWrapper}
+                  querySessionAction={this.props.querySessionAction}
+                  querySessionSubscriptionsAction={
+                    this.props.querySessionSubscriptionsAction
+                  }
+                />
+              </Route>
 
-                <Route path="/password-reset/verify">
-                  <PasswordResetVerificationPage
-                    sessionWrapper={this.props.sessionWrapper}
-                    querySessionAction={this.props.querySessionAction}
-                    querySessionSubscriptionsAction={
-                      this.props.querySessionSubscriptionsAction
-                    }
-                  />
-                </Route>
+              <Route path="/password-reset">
+                <PasswordResetEmailPage
+                  sessionWrapper={this.props.sessionWrapper}
+                />
+              </Route>
 
-                <Route path="/password-reset">
-                  <PasswordResetEmailPage
-                    sessionWrapper={this.props.sessionWrapper}
-                  />
-                </Route>
+              <Route path="/profile/:username/edit">
+                <ProfileEditFc sessionWrapper={this.props.sessionWrapper} />
+              </Route>
 
-                <Route path="/profile/:username/edit">
-                  <ProfileEditFc sessionWrapper={this.props.sessionWrapper} />
-                </Route>
+              <Route path="/profile/:username/ban">
+                <ProfileBanFc sessionWrapper={this.props.sessionWrapper} />
+              </Route>
 
-                <Route path="/profile/:username/ban">
-                  <ProfileBanFc sessionWrapper={this.props.sessionWrapper} />
-                </Route>
-
-                {/* Old Profile Page */}
-                {/* <Route path="/profile/:username">
+              {/* Old Profile Page */}
+              {/* <Route path="/profile/:username">
                     <NewProfilePage
                       sessionWrapper={this.props.sessionWrapper}
                       sessionSubscriptionsWrapper={
@@ -325,332 +319,320 @@ class PageContainer extends React.Component<
                     />
                   </Route> */}
 
-                <Route path="/profile/:username">
-                  <ProfilePageV3
-                    sessionWrapper={this.props.sessionWrapper}
-                    sessionSubscriptionsWrapper={
-                      this.props.sessionSubscriptionsWrapper
-                    }
-                  />
-                </Route>
+              <Route path="/profile/:username">
+                <ProfilePageV3
+                  sessionWrapper={this.props.sessionWrapper}
+                  sessionSubscriptionsWrapper={
+                    this.props.sessionSubscriptionsWrapper
+                  }
+                />
+              </Route>
 
-                <Route path="/signup">
-                  <SignupPage
-                    querySessionCallback={() => {}}
-                    sessionWrapper={this.props.sessionWrapper}
-                    querySessionAction={this.props.querySessionAction}
-                  />
-                </Route>
+              <Route path="/signup">
+                <SignupPage
+                  querySessionCallback={() => {}}
+                  sessionWrapper={this.props.sessionWrapper}
+                  querySessionAction={this.props.querySessionAction}
+                />
+              </Route>
 
-                <Route path="/pricing" exact={true}>
-                  <PricingPage
-                    sessionWrapper={this.props.sessionWrapper}
-                    sessionSubscriptionsWrapper={
-                      this.props.sessionSubscriptionsWrapper
-                    }
-                  />
-                </Route>
+              <Route path="/pricing" exact={true}>
+                <PricingPage
+                  sessionWrapper={this.props.sessionWrapper}
+                  sessionSubscriptionsWrapper={
+                    this.props.sessionSubscriptionsWrapper
+                  }
+                />
+              </Route>
 
-                <Route path="/checkout_success" exact={true}>
-                  <CheckoutSuccessPage
-                    querySessionCallback={() => {}}
-                    sessionWrapper={this.props.sessionWrapper}
-                  />
-                </Route>
-                <Route path="/checkout_cancel" exact={true}>
-                  <CheckoutCancelPage
-                    querySessionCallback={() => {}}
-                    sessionWrapper={this.props.sessionWrapper}
-                  />
-                </Route>
-                <Route path="/portal_success" exact={true}>
-                  <PortalSuccessPage
-                    querySessionCallback={() => {}}
-                    sessionWrapper={this.props.sessionWrapper}
-                  />
-                </Route>
+              <Route path="/checkout_success" exact={true}>
+                <CheckoutSuccessPage
+                  querySessionCallback={() => {}}
+                  sessionWrapper={this.props.sessionWrapper}
+                />
+              </Route>
+              <Route path="/checkout_cancel" exact={true}>
+                <CheckoutCancelPage
+                  querySessionCallback={() => {}}
+                  sessionWrapper={this.props.sessionWrapper}
+                />
+              </Route>
+              <Route path="/portal_success" exact={true}>
+                <PortalSuccessPage
+                  querySessionCallback={() => {}}
+                  sessionWrapper={this.props.sessionWrapper}
+                />
+              </Route>
 
-                <Route path="/media/rename/:media_file_token">
-                  <MediaRenamePage />
-                </Route>
+              <Route path="/media/rename/:media_file_token">
+                <MediaRenamePage />
+              </Route>
 
-                <Route path="/media/:token">
-                  <MediaPageSwitch />
-                </Route>
+              <Route path="/media/:token">
+                <MediaPageSwitch />
+              </Route>
 
-                {/*                <Route path="/media/:token">
+              {/*                <Route path="/media/:token">
                     <MediaPage />
                   </Route>*/}
 
-                {/*                 <Route path="/dev-media/:token">
+              {/*                 <Route path="/dev-media/:token">
                     <DevMediaPage />
                   </Route>*/}
 
-                <Route path="/edit-cover-image/:token">
-                  <EditCoverImage />
-                </Route>
+              <Route path="/edit-cover-image/:token">
+                <EditCoverImage />
+              </Route>
 
-                <Route path="/explore">
-                  <ExplorePage />
-                </Route>
+              <Route path="/explore">
+                <ExplorePage />
+              </Route>
 
-                <Route path="/weight/:weight_token/edit">
-                  <WeightEditPage sessionWrapper={this.props.sessionWrapper} />
-                </Route>
+              <Route path="/weight/:weight_token/edit">
+                <WeightEditPage sessionWrapper={this.props.sessionWrapper} />
+              </Route>
 
-                <Route
-                  path="/weight/:weight_token/:maybe_url_slug?"
-                  render={props => (
-                    <WeightPage
-                      key={props.match.params.weight_token}
-                      sessionSubscriptionsWrapper={
-                        this.props.sessionSubscriptionsWrapper
-                      }
-                    />
-                  )}
+              <Route
+                path="/weight/:weight_token/:maybe_url_slug?"
+                render={props => (
+                  <WeightPage
+                    key={props.match.params.weight_token}
+                    sessionSubscriptionsWrapper={
+                      this.props.sessionSubscriptionsWrapper
+                    }
+                  />
+                )}
+              />
+
+              <Route path="/search/weights">
+                <SearchPage />
+              </Route>
+
+              <Route path="/tts/result/:token/edit">
+                <TtsResultEditPage sessionWrapper={this.props.sessionWrapper} />
+              </Route>
+
+              <Route path="/tts/result/:token/delete">
+                <TtsResultDeletePage
+                  sessionWrapper={this.props.sessionWrapper}
                 />
+              </Route>
 
-                <Route path="/search/weights">
-                  <SearchPage />
-                </Route>
+              <Route path="/tts/result/:token">
+                <TtsResultViewPage sessionWrapper={this.props.sessionWrapper} />
+              </Route>
 
-                <Route path="/tts/result/:token/edit">
-                  <TtsResultEditPage
-                    sessionWrapper={this.props.sessionWrapper}
-                  />
-                </Route>
+              <Route path="/tts/:token/edit">
+                <TtsModelEditPage sessionWrapper={this.props.sessionWrapper} />
+              </Route>
 
-                <Route path="/tts/result/:token/delete">
-                  <TtsResultDeletePage
-                    sessionWrapper={this.props.sessionWrapper}
-                  />
-                </Route>
+              <Route path="/tts/:token/delete">
+                <TtsModelDeletePage
+                  sessionWrapper={this.props.sessionWrapper}
+                />
+              </Route>
 
-                <Route path="/tts/result/:token">
-                  <TtsResultViewPage
-                    sessionWrapper={this.props.sessionWrapper}
-                  />
-                </Route>
+              <Route path="/tts/:token/categories">
+                <TtsEditCategoriesPage
+                  sessionWrapper={this.props.sessionWrapper}
+                />
+              </Route>
 
-                <Route path="/tts/:token/edit">
-                  <TtsModelEditPage
-                    sessionWrapper={this.props.sessionWrapper}
-                  />
-                </Route>
+              <Route path="/tts/:token">
+                <TtsModelViewPage
+                  sessionSubscriptionsWrapper={
+                    this.props.sessionSubscriptionsWrapper
+                  }
+                  textBuffer={this.props.textBuffer}
+                  setTextBuffer={this.props.setTextBuffer}
+                  clearTextBuffer={this.props.clearTextBuffer}
+                />
+              </Route>
 
-                <Route path="/tts/:token/delete">
-                  <TtsModelDeletePage
-                    sessionWrapper={this.props.sessionWrapper}
-                  />
-                </Route>
+              <Route path="/w2l/result/:token/edit">
+                <W2lResultEditPage sessionWrapper={this.props.sessionWrapper} />
+              </Route>
 
-                <Route path="/tts/:token/categories">
-                  <TtsEditCategoriesPage
-                    sessionWrapper={this.props.sessionWrapper}
-                  />
-                </Route>
+              <Route path="/w2l/result/:token/delete">
+                <W2lResultDeletePage
+                  sessionWrapper={this.props.sessionWrapper}
+                />
+              </Route>
 
-                <Route path="/tts/:token">
-                  <TtsModelViewPage
-                    sessionSubscriptionsWrapper={
-                      this.props.sessionSubscriptionsWrapper
-                    }
-                    textBuffer={this.props.textBuffer}
-                    setTextBuffer={this.props.setTextBuffer}
-                    clearTextBuffer={this.props.clearTextBuffer}
-                  />
-                </Route>
+              <Route path="/w2l/result/:token">
+                <W2lResultViewPage sessionWrapper={this.props.sessionWrapper} />
+              </Route>
 
-                <Route path="/w2l/result/:token/edit">
-                  <W2lResultEditPage
-                    sessionWrapper={this.props.sessionWrapper}
-                  />
-                </Route>
+              <Route path="/w2l/:templateToken/edit">
+                <W2lTemplateEditPage
+                  sessionWrapper={this.props.sessionWrapper}
+                />
+              </Route>
 
-                <Route path="/w2l/result/:token/delete">
-                  <W2lResultDeletePage
-                    sessionWrapper={this.props.sessionWrapper}
-                  />
-                </Route>
+              <Route path="/w2l/:templateToken/approval">
+                <W2lTemplateApprovePage
+                  sessionWrapper={this.props.sessionWrapper}
+                />
+              </Route>
 
-                <Route path="/w2l/result/:token">
-                  <W2lResultViewPage
-                    sessionWrapper={this.props.sessionWrapper}
-                  />
-                </Route>
+              <Route path="/w2l/:templateToken/delete">
+                <W2lTemplateDeletePage
+                  sessionWrapper={this.props.sessionWrapper}
+                />
+              </Route>
 
-                <Route path="/w2l/:templateToken/edit">
-                  <W2lTemplateEditPage
-                    sessionWrapper={this.props.sessionWrapper}
-                  />
-                </Route>
+              <Route path="/video">
+                <W2lTemplateListPage
+                  sessionWrapper={this.props.sessionWrapper}
+                />
+              </Route>
 
-                <Route path="/w2l/:templateToken/approval">
-                  <W2lTemplateApprovePage
-                    sessionWrapper={this.props.sessionWrapper}
-                  />
-                </Route>
+              <Route path="/upload/tts">
+                <UploadTtsModelPage
+                  sessionWrapper={this.props.sessionWrapper}
+                />
+              </Route>
 
-                <Route path="/w2l/:templateToken/delete">
-                  <W2lTemplateDeletePage
-                    sessionWrapper={this.props.sessionWrapper}
-                  />
-                </Route>
+              <Route path="/upload/tts_model">
+                <UploadNewTtsModelPage
+                  sessionWrapper={this.props.sessionWrapper}
+                />
+              </Route>
 
-                <Route path="/video">
-                  <W2lTemplateListPage
-                    sessionWrapper={this.props.sessionWrapper}
-                  />
-                </Route>
+              <Route path="/upload/sd">
+                <UploadSdWeightPage
+                  sessionWrapper={this.props.sessionWrapper}
+                />
+              </Route>
 
-                <Route path="/upload/tts">
-                  <UploadTtsModelPage
-                    sessionWrapper={this.props.sessionWrapper}
-                  />
-                </Route>
+              <Route path="/upload/lora">
+                <UploadLoraWeightPage
+                  sessionWrapper={this.props.sessionWrapper}
+                />
+              </Route>
 
-                <Route path="/upload/tts_model">
-                  <UploadNewTtsModelPage
-                    sessionWrapper={this.props.sessionWrapper}
-                  />
-                </Route>
+              <Route path="/upload/workflow">
+                <UploadWorkflowPage
+                  sessionWrapper={this.props.sessionWrapper}
+                />
+              </Route>
 
-                <Route path="/upload/sd">
-                  <UploadSdWeightPage
-                    sessionWrapper={this.props.sessionWrapper}
-                  />
-                </Route>
+              <Route path="/contribute">
+                <ContributeIndexPage
+                  sessionWrapper={this.props.sessionWrapper}
+                />
+              </Route>
 
-                <Route path="/upload/lora">
-                  <UploadLoraWeightPage
-                    sessionWrapper={this.props.sessionWrapper}
-                  />
-                </Route>
+              <Route path="/moderation/user/list">
+                <ModerationUserListFc
+                  sessionWrapper={this.props.sessionWrapper}
+                />
+              </Route>
 
-                <Route path="/upload/workflow">
-                  <UploadWorkflowPage
-                    sessionWrapper={this.props.sessionWrapper}
-                  />
-                </Route>
+              <Route path="/moderation/user_feature_flags/:username?">
+                <ModerationUserFeatureFlagsPage
+                  sessionWrapper={this.props.sessionWrapper}
+                />
+              </Route>
 
-                <Route path="/contribute">
-                  <ContributeIndexPage
-                    sessionWrapper={this.props.sessionWrapper}
-                  />
-                </Route>
+              <Route path="/moderation/ip_bans/:ipAddress">
+                <ModerationViewIpBanFc
+                  sessionWrapper={this.props.sessionWrapper}
+                />
+              </Route>
 
-                <Route path="/moderation/user/list">
-                  <ModerationUserListFc
-                    sessionWrapper={this.props.sessionWrapper}
-                  />
-                </Route>
+              <Route path="/moderation/ip_bans">
+                <ModerationIpBanListFc
+                  sessionWrapper={this.props.sessionWrapper}
+                />
+              </Route>
 
-                <Route path="/moderation/user_feature_flags/:username?">
-                  <ModerationUserFeatureFlagsPage
-                    sessionWrapper={this.props.sessionWrapper}
-                  />
-                </Route>
+              <Route path="/moderation/voice_stats">
+                <ModerationVoiceStatsFc
+                  sessionWrapper={this.props.sessionWrapper}
+                />
+              </Route>
 
-                <Route path="/moderation/ip_bans/:ipAddress">
-                  <ModerationViewIpBanFc
-                    sessionWrapper={this.props.sessionWrapper}
-                  />
-                </Route>
+              <Route path="/moderation/job_stats">
+                <ModerationJobStatsFc
+                  sessionWrapper={this.props.sessionWrapper}
+                />
+              </Route>
 
-                <Route path="/moderation/ip_bans">
-                  <ModerationIpBanListFc
-                    sessionWrapper={this.props.sessionWrapper}
-                  />
-                </Route>
+              <Route path="/moderation/job_control">
+                <ModerationJobControlPage
+                  sessionWrapper={this.props.sessionWrapper}
+                />
+              </Route>
+              <Route path="/moderation/token_info">
+                <ModerationTokenInfoPage
+                  sessionWrapper={this.props.sessionWrapper}
+                />
+              </Route>
 
-                <Route path="/moderation/voice_stats">
-                  <ModerationVoiceStatsFc
-                    sessionWrapper={this.props.sessionWrapper}
-                  />
-                </Route>
+              <Route path="/moderation/tts_category/list">
+                <ModerationTtsCategoryListPage
+                  sessionWrapper={this.props.sessionWrapper}
+                />
+              </Route>
 
-                <Route path="/moderation/job_stats">
-                  <ModerationJobStatsFc
-                    sessionWrapper={this.props.sessionWrapper}
-                  />
-                </Route>
+              <Route path="/moderation/tts_category/edit/:token">
+                <ModerationTtsCategoryEditPage
+                  sessionWrapper={this.props.sessionWrapper}
+                />
+              </Route>
 
-                <Route path="/moderation/job_control">
-                  <ModerationJobControlPage
-                    sessionWrapper={this.props.sessionWrapper}
-                  />
-                </Route>
-                <Route path="/moderation/token_info">
-                  <ModerationTokenInfoPage
-                    sessionWrapper={this.props.sessionWrapper}
-                  />
-                </Route>
+              <Route path="/moderation/category/delete/:token">
+                <ModerationCategoryDeletePage
+                  sessionWrapper={this.props.sessionWrapper}
+                />
+              </Route>
 
-                <Route path="/moderation/tts_category/list">
-                  <ModerationTtsCategoryListPage
-                    sessionWrapper={this.props.sessionWrapper}
-                  />
-                </Route>
+              <Route path="/moderation/approve/w2l_templates">
+                <ModerationPendingW2lTemplatesFc
+                  sessionWrapper={this.props.sessionWrapper}
+                />
+              </Route>
 
-                <Route path="/moderation/tts_category/edit/:token">
-                  <ModerationTtsCategoryEditPage
-                    sessionWrapper={this.props.sessionWrapper}
-                  />
-                </Route>
+              <Route path="/moderation">
+                <ModerationPage sessionWrapper={this.props.sessionWrapper} />
+              </Route>
 
-                <Route path="/moderation/category/delete/:token">
-                  <ModerationCategoryDeletePage
-                    sessionWrapper={this.props.sessionWrapper}
-                  />
-                </Route>
+              <Route exact={true} path="/clone">
+                <VoiceCloneRequestPage />
+              </Route>
 
-                <Route path="/moderation/approve/w2l_templates">
-                  <ModerationPendingW2lTemplatesFc
-                    sessionWrapper={this.props.sessionWrapper}
-                  />
-                </Route>
+              <Route path="/patrons">
+                <PatronPage sessionWrapper={this.props.sessionWrapper} />
+              </Route>
 
-                <Route path="/moderation">
-                  <ModerationPage sessionWrapper={this.props.sessionWrapper} />
-                </Route>
+              <Route path="/product-usage">
+                <ProductUsageInfoPage
+                  sessionWrapper={this.props.sessionWrapper}
+                />
+              </Route>
 
-                <Route exact={true} path="/clone">
-                  <VoiceCloneRequestPage />
-                </Route>
+              <Route path="/voice-conversion/:token/delete">
+                <VcModelDeletePage sessionWrapper={this.props.sessionWrapper} />
+              </Route>
 
-                <Route path="/patrons">
-                  <PatronPage sessionWrapper={this.props.sessionWrapper} />
-                </Route>
+              <Route path="/voice-conversion/:token/edit">
+                <VcModelEditPage sessionWrapper={this.props.sessionWrapper} />
+              </Route>
 
-                <Route path="/product-usage">
-                  <ProductUsageInfoPage
-                    sessionWrapper={this.props.sessionWrapper}
-                  />
-                </Route>
+              <Route path="/voice-conversion/:token">
+                <VcModelViewPage
+                  sessionWrapper={this.props.sessionWrapper}
+                  sessionSubscriptionsWrapper={
+                    this.props.sessionSubscriptionsWrapper
+                  }
+                  setMaybeSelectedInferenceJob={
+                    this.props.maybeSelectedVoiceConversionModel
+                  }
+                />
+              </Route>
 
-                <Route path="/voice-conversion/:token/delete">
-                  <VcModelDeletePage
-                    sessionWrapper={this.props.sessionWrapper}
-                  />
-                </Route>
-
-                <Route path="/voice-conversion/:token/edit">
-                  <VcModelEditPage sessionWrapper={this.props.sessionWrapper} />
-                </Route>
-
-                <Route path="/voice-conversion/:token">
-                  <VcModelViewPage
-                    sessionWrapper={this.props.sessionWrapper}
-                    sessionSubscriptionsWrapper={
-                      this.props.sessionSubscriptionsWrapper
-                    }
-                    setMaybeSelectedInferenceJob={
-                      this.props.maybeSelectedVoiceConversionModel
-                    }
-                  />
-                </Route>
-
-                {/* <Route path="/voice-conversion">
+              {/* <Route path="/voice-conversion">
                     <VcModelListPage
                       sessionWrapper={this.props.sessionWrapper}
                       sessionSubscriptionsWrapper={
@@ -669,32 +651,32 @@ class PageContainer extends React.Component<
                     />
                   </Route> */}
 
-                <Route path="/dashboard">
-                  <DashboardPage sessionWrapper={this.props.sessionWrapper} />
-                </Route>
+              <Route path="/dashboard">
+                <DashboardPage sessionWrapper={this.props.sessionWrapper} />
+              </Route>
 
-                <Route path="/welcome-to-studio">
-                  <WelcomePage sessionWrapper={this.props.sessionWrapper} />
-                </Route>
+              <Route path="/welcome-to-studio">
+                <WelcomePage sessionWrapper={this.props.sessionWrapper} />
+              </Route>
 
-                <Route path="/about">
-                  <AboutPage />
-                </Route>
+              <Route path="/about">
+                <AboutPage />
+              </Route>
 
-                <Route path="/face-animator/:mediaToken?">
-                  <FaceAnimator
-                    {...{
-                      sessionSubscriptionsWrapper:
-                        this.props.sessionSubscriptionsWrapper,
-                    }}
-                  />
-                </Route>
+              <Route path="/face-animator/:mediaToken?">
+                <FaceAnimator
+                  {...{
+                    sessionSubscriptionsWrapper:
+                      this.props.sessionSubscriptionsWrapper,
+                  }}
+                />
+              </Route>
 
-                <Route path="/fbx-to-gltf/:mediaToken?">
-                  <FbxToGltfPage />
-                </Route>
+              <Route path="/fbx-to-gltf/:mediaToken?">
+                <FbxToGltfPage />
+              </Route>
 
-                {/*
+              {/*
                   // <Route path="/studio/:mediaToken?">
                   //   <StorytellerStudioListPage
                   //     sessionWrapper={this.props.sessionWrapper}
@@ -705,212 +687,207 @@ class PageContainer extends React.Component<
                   // </Route>
                     */}
 
-                <Route path="/commissions">
-                  <CommunityCommissionsPage />
-                </Route>
+              <Route path="/commissions">
+                <CommunityCommissionsPage />
+              </Route>
 
-                <Route path="/terms">
-                  <TermsPage />
-                </Route>
+              <Route path="/terms">
+                <TermsPage />
+              </Route>
 
-                <Route path="/privacy">
-                  <PrivacyPage />
-                </Route>
+              <Route path="/privacy">
+                <PrivacyPage />
+              </Route>
 
-                <Route path="/guide">
-                  <GuidePage />
-                </Route>
+              <Route path="/guide">
+                <GuidePage />
+              </Route>
 
-                <Route path="/old">
-                  <VocodesPage />
-                </Route>
+              <Route path="/old">
+                <VocodesPage />
+              </Route>
 
-                <Route path="/dev-upload">
-                  <DevUpload />
-                </Route>
+              <Route path="/dev-upload">
+                <DevUpload />
+              </Route>
 
-                <Route path="/dev-upload-alt">
-                  <DevUploadAlt />
-                </Route>
+              <Route path="/dev-upload-alt">
+                <DevUploadAlt />
+              </Route>
 
-                <Route path="/dev-media-input">
-                  <DevMediaInput />
-                </Route>
+              <Route path="/dev-media-input">
+                <DevMediaInput />
+              </Route>
 
-                {/* NEW TTS PAGE */}
-                <Route exact path="/tts">
-                  <NewTTS
-                    sessionSubscriptionsWrapper={
-                      this.props.sessionSubscriptionsWrapper
-                    }
-                  />
-                </Route>
+              {/* NEW TTS PAGE */}
+              <Route exact path="/tts">
+                <NewTTS
+                  sessionSubscriptionsWrapper={
+                    this.props.sessionSubscriptionsWrapper
+                  }
+                />
+              </Route>
 
-                {/* NEW VC PAGE */}
-                <Route exact path="/voice-conversion">
-                  <NewVC
-                    sessionSubscriptionsWrapper={
-                      this.props.sessionSubscriptionsWrapper
-                    }
-                  />
-                </Route>
+              {/* NEW VC PAGE */}
+              <Route exact path="/voice-conversion">
+                <NewVC
+                  sessionSubscriptionsWrapper={
+                    this.props.sessionSubscriptionsWrapper
+                  }
+                />
+              </Route>
 
-                {/* NEW LIVE PORTRAIT PAGE */}
-                <Route exact path="/ai-live-portrait">
-                  <LivePortrait
-                    sessionSubscriptionsWrapper={
-                      this.props.sessionSubscriptionsWrapper
-                    }
-                  />
-                </Route>
+              {/* NEW LIVE PORTRAIT PAGE */}
+              <Route exact path="/ai-live-portrait">
+                <LivePortrait
+                  sessionSubscriptionsWrapper={
+                    this.props.sessionSubscriptionsWrapper
+                  }
+                />
+              </Route>
 
-                <Route exact path="/ai-lip-sync">
-                  <Lipsync
-                    sessionSubscriptionsWrapper={
-                      this.props.sessionSubscriptionsWrapper
-                    }
-                  />
-                </Route>
+              <Route exact path="/ai-lip-sync">
+                <Lipsync
+                  sessionSubscriptionsWrapper={
+                    this.props.sessionSubscriptionsWrapper
+                  }
+                />
+              </Route>
 
-                <Route exact path="/webcam-acting">
-                  <CameraLivePortrait />
-                </Route>
+              <Route exact path="/webcam-acting">
+                <CameraLivePortrait />
+              </Route>
 
-                {/* Route for initial voice creation */}
-                <Route exact path="/voice-designer/create">
-                  <VoiceDesignerFormPage
-                    {...{
-                      sessionWrapper: this.props.sessionWrapper,
-                      sessionSubscriptionsWrapper:
-                        this.props.sessionSubscriptionsWrapper,
-                    }}
-                  />
-                </Route>
+              {/* Route for initial voice creation */}
+              <Route exact path="/voice-designer/create">
+                <VoiceDesignerFormPage
+                  {...{
+                    sessionWrapper: this.props.sessionWrapper,
+                    sessionSubscriptionsWrapper:
+                      this.props.sessionSubscriptionsWrapper,
+                  }}
+                />
+              </Route>
 
-                {/* Route for editing the dataset details */}
-                <Route exact path="/voice-designer/dataset/:dataset_token/edit">
-                  <VoiceDesignerFormPage
-                    {...{
-                      sessionWrapper: this.props.sessionWrapper,
-                      sessionSubscriptionsWrapper:
-                        this.props.sessionSubscriptionsWrapper,
-                    }}
-                  />
-                </Route>
+              {/* Route for editing the dataset details */}
+              <Route exact path="/voice-designer/dataset/:dataset_token/edit">
+                <VoiceDesignerFormPage
+                  {...{
+                    sessionWrapper: this.props.sessionWrapper,
+                    sessionSubscriptionsWrapper:
+                      this.props.sessionSubscriptionsWrapper,
+                  }}
+                />
+              </Route>
 
-                {/* Route for handling dataset token for uploading samples */}
-                <Route
-                  exact
-                  path="/voice-designer/dataset/:dataset_token/upload"
-                >
-                  <VoiceDesignerFormPage
-                    {...{
-                      sessionWrapper: this.props.sessionWrapper,
-                      sessionSubscriptionsWrapper:
-                        this.props.sessionSubscriptionsWrapper,
-                    }}
-                  />
-                </Route>
+              {/* Route for handling dataset token for uploading samples */}
+              <Route exact path="/voice-designer/dataset/:dataset_token/upload">
+                <VoiceDesignerFormPage
+                  {...{
+                    sessionWrapper: this.props.sessionWrapper,
+                    sessionSubscriptionsWrapper:
+                      this.props.sessionSubscriptionsWrapper,
+                  }}
+                />
+              </Route>
 
-                <Route path="/voice-designer/voice/:voice_token/edit">
-                  <VoiceDesignerVoiceEditPage />
-                </Route>
+              <Route path="/voice-designer/voice/:voice_token/edit">
+                <VoiceDesignerVoiceEditPage />
+              </Route>
 
-                <Route path="/voice-designer/voice/:voice_token">
-                  <VoiceDesignerUseVoicePage
-                    sessionWrapper={this.props.sessionWrapper}
-                    sessionSubscriptionsWrapper={
-                      this.props.sessionSubscriptionsWrapper
-                    }
-                  />
-                </Route>
+              <Route path="/voice-designer/voice/:voice_token">
+                <VoiceDesignerUseVoicePage
+                  sessionWrapper={this.props.sessionWrapper}
+                  sessionSubscriptionsWrapper={
+                    this.props.sessionSubscriptionsWrapper
+                  }
+                />
+              </Route>
 
-                <Route path="/inference-jobs-list">
-                  <InferenceJobsPage />
-                </Route>
+              <Route path="/inference-jobs-list">
+                <InferenceJobsPage />
+              </Route>
 
-                <Route path="/voice-designer">
-                  <VoiceDesignerMainPage />
-                </Route>
+              <Route path="/voice-designer">
+                <VoiceDesignerMainPage />
+              </Route>
 
-                <Route path="/style-video/:mediaToken?">
-                  <StyleVideo />
-                </Route>
+              <Route path="/style-video/:mediaToken?">
+                <StyleVideo />
+              </Route>
 
-                <Route path="/generate-speech">
-                  <GenerateSpeechPage />
-                </Route>
+              <Route path="/generate-speech">
+                <GenerateSpeechPage />
+              </Route>
 
-                <Route path="/video-mocap/:mediaToken?">
-                  <VideoMocap
-                    {...{
-                      sessionWrapper: this.props.sessionWrapper,
-                    }}
-                  />
-                </Route>
+              <Route path="/video-mocap/:mediaToken?">
+                <VideoMocap
+                  {...{
+                    sessionWrapper: this.props.sessionWrapper,
+                  }}
+                />
+              </Route>
 
-                <Route path="/video-workflow">
-                  <VideoWorkflowPage
-                    {...{
-                      sessionWrapper: this.props.sessionWrapper,
-                    }}
-                  />
-                </Route>
+              <Route path="/video-workflow">
+                <VideoWorkflowPage
+                  {...{
+                    sessionWrapper: this.props.sessionWrapper,
+                  }}
+                />
+              </Route>
 
-                <Route path="/text-to-image">
-                  <TextToImagePage
-                    sessionSubscriptionsWrapper={
-                      this.props.sessionSubscriptionsWrapper
-                    }
-                    sessionWrapper={this.props.sessionWrapper}
-                  />
-                </Route>
+              <Route path="/text-to-image">
+                <TextToImagePage
+                  sessionSubscriptionsWrapper={
+                    this.props.sessionSubscriptionsWrapper
+                  }
+                  sessionWrapper={this.props.sessionWrapper}
+                />
+              </Route>
 
-                <Route path="/character/donald-trump">
-                  <TrumpTtsPage
-                    sessionWrapper={this.props.sessionWrapper}
-                    sessionSubscriptionsWrapper={
-                      this.props.sessionSubscriptionsWrapper
-                    }
-                    textBuffer={this.props.textBuffer}
-                    setTextBuffer={this.props.setTextBuffer}
-                    clearTextBuffer={this.props.clearTextBuffer}
-                    ttsModels={this.props.ttsModels}
-                    setTtsModels={this.props.setTtsModels}
-                    allTtsCategories={this.props.allTtsCategories}
-                    setAllTtsCategories={this.props.setAllTtsCategories}
-                    allTtsCategoriesByTokenMap={
-                      this.props.allTtsCategoriesByTokenMap
-                    }
-                    computedTtsCategoryAssignments={
-                      this.props.computedTtsCategoryAssignments
-                    }
-                    setComputedTtsCategoryAssignments={
-                      this.props.setComputedTtsCategoryAssignments
-                    }
-                    allTtsModelsByTokenMap={this.props.allTtsModelsByTokenMap}
-                    ttsModelsByCategoryToken={
-                      this.props.ttsModelsByCategoryToken
-                    }
-                    dropdownCategories={this.props.dropdownCategories}
-                    setDropdownCategories={this.props.setDropdownCategories}
-                    selectedCategories={this.props.selectedCategories}
-                    setSelectedCategories={this.props.setSelectedCategories}
-                    maybeSelectedTtsModel={this.props.maybeSelectedTtsModel}
-                    setMaybeSelectedTtsModel={
-                      this.props.setMaybeSelectedTtsModel
-                    }
-                    selectedTtsLanguageScope={
-                      this.props.selectedTtsLanguageScope
-                    }
-                    setSelectedTtsLanguageScope={
-                      this.props.setSelectedTtsLanguageScope
-                    }
-                  />
-                </Route>
+              <Route path="/character/donald-trump">
+                <NewTrumpTTS />
+              </Route>
 
-                {/* OLD TTS PAGE */}
-                {/* <Route path="/tts" exact={true}>
+              {/*              <Route path="/character/donald-trump">
+                <TrumpTtsPage
+                  sessionWrapper={this.props.sessionWrapper}
+                  sessionSubscriptionsWrapper={
+                    this.props.sessionSubscriptionsWrapper
+                  }
+                  textBuffer={this.props.textBuffer}
+                  setTextBuffer={this.props.setTextBuffer}
+                  clearTextBuffer={this.props.clearTextBuffer}
+                  ttsModels={this.props.ttsModels}
+                  setTtsModels={this.props.setTtsModels}
+                  allTtsCategories={this.props.allTtsCategories}
+                  setAllTtsCategories={this.props.setAllTtsCategories}
+                  allTtsCategoriesByTokenMap={
+                    this.props.allTtsCategoriesByTokenMap
+                  }
+                  computedTtsCategoryAssignments={
+                    this.props.computedTtsCategoryAssignments
+                  }
+                  setComputedTtsCategoryAssignments={
+                    this.props.setComputedTtsCategoryAssignments
+                  }
+                  allTtsModelsByTokenMap={this.props.allTtsModelsByTokenMap}
+                  ttsModelsByCategoryToken={this.props.ttsModelsByCategoryToken}
+                  dropdownCategories={this.props.dropdownCategories}
+                  setDropdownCategories={this.props.setDropdownCategories}
+                  selectedCategories={this.props.selectedCategories}
+                  setSelectedCategories={this.props.setSelectedCategories}
+                  maybeSelectedTtsModel={this.props.maybeSelectedTtsModel}
+                  setMaybeSelectedTtsModel={this.props.setMaybeSelectedTtsModel}
+                  selectedTtsLanguageScope={this.props.selectedTtsLanguageScope}
+                  setSelectedTtsLanguageScope={
+                    this.props.setSelectedTtsLanguageScope
+                  }
+                />
+              </Route>*/}
+
+              {/* OLD TTS PAGE */}
+              {/* <Route path="/tts" exact={true}>
                     <TtsModelListPage
                       sessionWrapper={this.props.sessionWrapper}
                       sessionSubscriptionsWrapper={
@@ -976,92 +953,90 @@ class PageContainer extends React.Component<
                     />
                   </Route> */}
 
-                <Route path="/beta/webcam-acting/form">
-                  <BetaWebcamActingForm />
-                </Route>
+              <Route path="/beta/webcam-acting/form">
+                <BetaWebcamActingForm />
+              </Route>
 
-                <Route path="/beta/webcam-acting">
-                  <BetaWebcamActingPage />
-                </Route>
+              <Route path="/beta/webcam-acting">
+                <BetaWebcamActingPage />
+              </Route>
 
-                <Route path="/beta/3d-video-compositor/form">
-                  <Beta3DVideoCompositorForm />
-                </Route>
+              <Route path="/beta/3d-video-compositor/form">
+                <Beta3DVideoCompositorForm />
+              </Route>
 
-                <Route path="/beta/3d-video-compositor">
-                  <Beta3DVideoCompositorPage />
-                </Route>
+              <Route path="/beta/3d-video-compositor">
+                <Beta3DVideoCompositorPage />
+              </Route>
 
-                <Route path="/beta/2d-video-compositor/form">
-                  <BetaVideoCompositorForm />
-                </Route>
+              <Route path="/beta/2d-video-compositor/form">
+                <BetaVideoCompositorForm />
+              </Route>
 
-                <Route path="/beta/2d-video-compositor">
-                  <BetaVideoCompositorPage />
-                </Route>
+              <Route path="/beta/2d-video-compositor">
+                <BetaVideoCompositorPage />
+              </Route>
 
-                <Route path="/beta/lip-sync/form">
-                  <BetaLipSyncForm />
-                </Route>
+              <Route path="/beta/lip-sync/form">
+                <BetaLipSyncForm />
+              </Route>
 
-                <Route path="/beta/lip-sync">
-                  <BetaLipSyncPage />
-                </Route>
+              <Route path="/beta/lip-sync">
+                <BetaLipSyncPage />
+              </Route>
 
-                <Route path="/beta/lip-sync/form">
-                  <BetaLipSyncForm />
-                </Route>
+              <Route path="/beta/lip-sync/form">
+                <BetaLipSyncForm />
+              </Route>
 
-                <Route path="/studio-mobile-check">
-                  <StudioMobileCheckPage />
-                </Route>
+              <Route path="/studio-mobile-check">
+                <StudioMobileCheckPage />
+              </Route>
 
-                <Route path="/category/create">
-                  <CreateCategoryPage
-                    sessionWrapper={this.props.sessionWrapper}
-                  />
-                </Route>
+              <Route path="/category/create">
+                <CreateCategoryPage
+                  sessionWrapper={this.props.sessionWrapper}
+                />
+              </Route>
 
-                <Route path="/creator-onboarding">
-                  <CreatorTypeformPage />
-                </Route>
+              <Route path="/creator-onboarding">
+                <CreatorTypeformPage />
+              </Route>
 
-                <Route path="/welcome">
-                  <SignUpSuccessPage />
-                </Route>
+              <Route path="/welcome">
+                <SignUpSuccessPage />
+              </Route>
 
-                <Route path="/beta-key/create">
-                  <CreateBetaKeyPage />
-                </Route>
+              <Route path="/beta-key/create">
+                <CreateBetaKeyPage />
+              </Route>
 
-                <Route path="/beta-key/redeem/success">
-                  <RedeemSuccessPage />
-                </Route>
+              <Route path="/beta-key/redeem/success">
+                <RedeemSuccessPage />
+              </Route>
 
-                <Route path="/beta-key/redeem/:token?">
-                  <RedeemBetaKeyPage />
-                </Route>
+              <Route path="/beta-key/redeem/:token?">
+                <RedeemBetaKeyPage />
+              </Route>
 
-                <Route path="/beta-key/list">
-                  <BetaKeysListPage />
-                </Route>
+              <Route path="/beta-key/list">
+                <BetaKeysListPage />
+              </Route>
 
-                {/* test page for tools */}
-                <Route path="/dev/tools">
-                  <ToolsTestPage />
-                </Route>
+              {/* test page for tools */}
+              <Route path="/dev/tools">
+                <ToolsTestPage />
+              </Route>
 
-                <Route path="/tools">
-                  <CreatorToolsPage
-                    sessionWrapper={this.props.sessionWrapper}
-                  />
-                </Route>
+              <Route path="/tools">
+                <CreatorToolsPage sessionWrapper={this.props.sessionWrapper} />
+              </Route>
 
-                <Route path="/waitlist-next-steps">
-                  <WaitlistNextStepsPage />
-                </Route>
+              <Route path="/waitlist-next-steps">
+                <WaitlistNextStepsPage />
+              </Route>
 
-                {/* <Route path="/ai-live-portrait">
+              {/* <Route path="/ai-live-portrait">
                     <AIFaceMirror
                       {...{
                         sessionSubscriptionsWrapper:
@@ -1070,7 +1045,7 @@ class PageContainer extends React.Component<
                     />
                   </Route> */}
 
-                {/*
+              {/*
                   // <Route path="/engine-compositor">
                   //   <EngineCompositor
                   //     sessionWrapper={this.props.sessionWrapper}
@@ -1078,16 +1053,15 @@ class PageContainer extends React.Component<
                   // </Route>
                     */}
 
-                <Route path="/" exact={true}>
-                  <LandingPage
-                    sessionWrapper={this.props.sessionWrapper}
-                    sessionSubscriptionsWrapper={
-                      this.props.sessionSubscriptionsWrapper
-                    }
-                  />
-                </Route>
-              </Switch>
-            </div>
+              <Route path="/" exact={true}>
+                <LandingPage
+                  sessionWrapper={this.props.sessionWrapper}
+                  sessionSubscriptionsWrapper={
+                    this.props.sessionSubscriptionsWrapper
+                  }
+                />
+              </Route>
+            </Switch>
           </div>
         </SearchProvider>
       </DomainConfigProvider>
diff --git a/src/website/packages/fakeyou.com/src/v2/view/pages/audio_gen/AudioGen.scss b/src/website/packages/fakeyou.com/src/v2/view/pages/audio_gen/AudioGen.scss
index 21d42e1dea..dde6132d4d 100644
--- a/src/website/packages/fakeyou.com/src/v2/view/pages/audio_gen/AudioGen.scss
+++ b/src/website/packages/fakeyou.com/src/v2/view/pages/audio_gen/AudioGen.scss
@@ -97,3 +97,60 @@
   display: flex;
   height: min-content;
 }
+
+.fy-trump-select {
+  // background-color: red;
+  height: 10rem;
+  margin-bottom: 1rem;
+  display: flex;
+
+  // display: grid;
+  grid-template-columns: 1fr 1fr 1fr;
+  gap: 1rem;
+
+  button {
+    flex-grow: 1;
+    background: $secondary;
+    appearance: none;
+    color: #fff;
+    outline: none;
+    border-radius: 0.5rem;
+    border: 2px solid $secondary;
+    overflow: hidden;
+    padding: 0;
+    display: flex;
+    // justify-content: center;
+    // align-items: center;
+    position: relative;
+
+    &.fy-selected-trump {
+      border-color: $primary;
+    }
+
+    img {
+      border-radius: 0.25rem;
+      width: 100%;
+      height: auto;
+      position: absolute;
+      top: 50%;
+      left: 50%;
+      opacity: 0.45;
+      transform: translate(-50%, -50%);
+      transition: 0.25s all;
+    }
+
+    &:hover img {
+      transform: translate(-50%, -50%) scale(1.05);
+      opacity: 0.66;
+    }
+
+    b {
+      position: absolute;
+      color: rgba(#fff, 0.66);
+      font-size: 1.125rem;
+      height: 1em;
+      line-height: 1em;
+      margin: 0.5rem auto auto 0.5rem;
+    }
+  }
+}
diff --git a/src/website/packages/fakeyou.com/src/v2/view/pages/audio_gen/tts/NewTrumpTTS.tsx b/src/website/packages/fakeyou.com/src/v2/view/pages/audio_gen/tts/NewTrumpTTS.tsx
new file mode 100644
index 0000000000..743477000f
--- /dev/null
+++ b/src/website/packages/fakeyou.com/src/v2/view/pages/audio_gen/tts/NewTrumpTTS.tsx
@@ -0,0 +1,181 @@
+import React, { useState } from "react";
+import { Button, Container, Label, Panel, TextArea } from "components/common";
+import { useInferenceJobs, useLocalize, useSession } from "hooks";
+import {
+  faVolumeHigh,
+  faDeleteLeft,
+  faWaveformLines,
+} from "@fortawesome/pro-solid-svg-icons";
+import "../AudioGen.scss";
+import { SessionTtsInferenceResultList } from "v2/view/_common/SessionTtsInferenceResultsList";
+import { usePrefixedDocumentTitle } from "common/UsePrefixedDocumentTitle";
+import {
+  GenerateTtsAudio,
+  GenerateTtsAudioRequest,
+  GenerateTtsAudioResponse,
+  GenerateTtsAudioIsOk,
+} from "@storyteller/components/src/api/tts/GenerateTtsAudio";
+import { v4 as uuidv4 } from "uuid";
+import { FrontendInferenceJobType } from "@storyteller/components/src/jobs/InferenceJob";
+import { isMobile } from "react-device-detect";
+import { useTtsStore } from "hooks";
+import { AITools } from "components/marketing";
+import { getLocalStorageItem, setLocalStorageItem } from "utils/localStorage";
+import PageHeaderWithImage from "components/layout/PageHeaderWithImage";
+import TrumpSelect, { TrumpOption } from "./TrumpSelect";
+
+export default function NewTTS() {
+  const { enqueueInferenceJob } = useInferenceJobs();
+  const { loggedIn, loggedInOrModal, sessionSubscriptions } = useSession();
+  const [trumpOption, trumpOptionSet] = useState<TrumpOption>({
+    trump: "angry",
+    token: "weight_x6r5w2tsxgcrrsgweva6dkrqj",
+  });
+  const { text, setText } = useTtsStore();
+  const textChange = ({ target }: { target: any }) => {
+    setText(target.value);
+  };
+  const [isGenerating, setIsGenerating] = useState(false);
+  usePrefixedDocumentTitle("FakeYou. Deep Fake Text to Speech.");
+
+  const { t } = useLocalize("NewTTS");
+
+  const cap = (string: string) =>
+    string.charAt(0).toUpperCase() + string.slice(1);
+
+  const handleSpeak = async (ev: React.FormEvent<HTMLFormElement>) => {
+    ev.preventDefault();
+
+    const generationCountKey = "generationCountTTS";
+    const promptShownKey = "promptShownTTS";
+    const ttl = 2 * 60 * 1000; // 2 minutes in milliseconds
+    let generationCount = parseInt(
+      getLocalStorageItem(generationCountKey) || "0"
+    );
+    const promptShown = getLocalStorageItem(promptShownKey);
+
+    // Show sign up prompt after 2 generations, and dont show again until local storage expires
+    if (!loggedIn && generationCount >= 2 && !promptShown) {
+      loggedInOrModal({
+        loginMessage: "Login to keep your generated audio history",
+        signupMessage: "Sign up to keep your generated audio history",
+      });
+      setLocalStorageItem(promptShownKey, "true", ttl);
+    }
+
+    if (!text) return;
+
+    setIsGenerating(true);
+
+    const request: GenerateTtsAudioRequest = {
+      uuid_idempotency_token: uuidv4(),
+      tts_model_token: trumpOption.token,
+      inference_text: text,
+    };
+
+    try {
+      const response: GenerateTtsAudioResponse =
+        await GenerateTtsAudio(request);
+      if (GenerateTtsAudioIsOk(response)) {
+        console.log("TTS queued successfully:", response.inference_job_token);
+        enqueueInferenceJob(
+          response.inference_job_token,
+          FrontendInferenceJobType.TextToSpeech
+        );
+        setIsGenerating(false);
+      } else {
+        console.error("Error queuing TTS:", response.error);
+        setIsGenerating(false);
+      }
+    } catch (error) {
+      // @ts-ignore
+      window.dataLayer.push({
+        event: "enqueue_failure",
+        page: "/tts",
+        user_id: "$user_id",
+      });
+      console.error("Unexpected error:", error);
+      setIsGenerating(false);
+    }
+
+    generationCount += 1;
+    setLocalStorageItem(generationCountKey, generationCount.toString(), ttl);
+  };
+
+  return (
+    <>
+      <Container type="panel" className="mt-3 mt-lg-5">
+        <PageHeaderWithImage
+          headerImage="/mascot/trump.webp"
+          titleIcon={faVolumeHigh}
+          title="Donald Trump TTS"
+          subText="FakeYou has the very best Donald Trump AI voice on the internet. Use deep
+        fake Donald Trump to say your favorite memes."
+          yOffset="60%"
+        />
+        <Panel padding={true}>
+          <Label {...{ label: "Select a trump voice" }} />
+          <TrumpSelect {...{ cap, t, trumpOptionSet, value: trumpOption }} />
+          <form onSubmit={handleSpeak}>
+            <div className="d-flex flex-column gap-3">
+              <div className="row">
+                <div className="d-flex flex-column gap-3 col-12 col-lg-6">
+                  <TextArea
+                    autoFocus={true}
+                    label={t("label.enterText")}
+                    onChange={textChange}
+                    value={text}
+                    rows={isMobile ? 5 : 13}
+                    placeholder={t("input.textPlaceholder", {
+                      character: `${t(
+                        "label.trump" + cap(trumpOption.trump)
+                      )} Trump`,
+                    })}
+                    resize={false}
+                  />
+                  <div className="d-flex justify-content-end gap-2">
+                    <Button
+                      icon={faDeleteLeft}
+                      label={t("button.clear")}
+                      disabled={!text}
+                      variant="secondary"
+                      onClick={() => setText("")}
+                    />
+                    <Button
+                      icon={faWaveformLines}
+                      label={t("button.speak")}
+                      type="submit"
+                      disabled={!text}
+                      isLoading={isGenerating}
+                    />
+                  </div>
+                </div>
+                <div className="col-12 col-lg-6">
+                  <div className="d-flex flex-column">
+                    <Label label={t("label.output")} />
+                    <div className="d-flex flex-column session-tts-section">
+                      {sessionSubscriptions ? (
+                        <SessionTtsInferenceResultList
+                          sessionSubscriptionsWrapper={sessionSubscriptions}
+                        />
+                      ) : null}
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </form>
+        </Panel>
+      </Container>
+
+      <Container type="panel" className="pt-5 mt-5">
+        <Panel clear={true}>
+          <h2 className="fw-bold mb-3">Try our other AI tools</h2>
+          <AITools />
+        </Panel>
+        {/* <MentionsSection /> */}
+        {/* <StorytellerStudioCTA /> */}
+      </Container>
+    </>
+  );
+}
diff --git a/src/website/packages/fakeyou.com/src/v2/view/pages/audio_gen/tts/TrumpSelect.tsx b/src/website/packages/fakeyou.com/src/v2/view/pages/audio_gen/tts/TrumpSelect.tsx
new file mode 100644
index 0000000000..4db2b7fd92
--- /dev/null
+++ b/src/website/packages/fakeyou.com/src/v2/view/pages/audio_gen/tts/TrumpSelect.tsx
@@ -0,0 +1,64 @@
+import React from "react";
+import { TFunction } from "i18next";
+
+export interface TrumpOption {
+  trump: string;
+  token: string;
+}
+
+interface TrumpSelectProps {
+  cap: (string: string) => string;
+  t: TFunction;
+  trumpOptionSet: (trumpOption: TrumpOption) => void;
+  value: TrumpOption;
+}
+
+export default function TrumpSelect({
+  cap,
+  t,
+  trumpOptionSet,
+  value,
+}: TrumpSelectProps) {
+  const trumpOptions: TrumpOption[] = [
+    {
+      trump: "angry",
+      token: "weight_x6r5w2tsxgcrrsgweva6dkrqj",
+    },
+    {
+      trump: "casual",
+      token: "weight_vrx7j407cxk45jenkrd769h9b",
+    },
+    {
+      trump: "sarcastic",
+      token: "weight_jazc270pdr3qe0yer61a5cvh5",
+    },
+  ];
+
+  return (
+    <div
+      {...{
+        className: "fy-trump-select",
+      }}
+    >
+      {trumpOptions.map((trumpOption: TrumpOption) => (
+        <button
+          {...{
+            className:
+              trumpOption.token === value.token ? "fy-selected-trump" : "",
+            onClick: () => trumpOptionSet(trumpOption),
+          }}
+        >
+          <img
+            {...{
+              alt: `Trump ${trumpOption.trump} voice`,
+              height: 640,
+              width: 640,
+              src: `/images/trump-select/trump-${trumpOption.trump}.webp`,
+            }}
+          />
+          <b>{cap(t("label.trump" + cap(trumpOption.trump)))}</b>
+        </button>
+      ))}
+    </div>
+  );
+}