diff --git a/packages/fakeyou.com/src/v2/view/tts/tts_model_list/TtsPageHero.tsx b/packages/fakeyou.com/src/v2/view/tts/tts_model_list/TtsPageHero.tsx
index 9948815d9d..c7edd43270 100644
--- a/packages/fakeyou.com/src/v2/view/tts/tts_model_list/TtsPageHero.tsx
+++ b/packages/fakeyou.com/src/v2/view/tts/tts_model_list/TtsPageHero.tsx
@@ -5,7 +5,11 @@ import { Link } from "react-router-dom";
import { Trans } from "react-i18next";
import { t } from "i18next";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { faStar } from "@fortawesome/free-solid-svg-icons";
+import {
+ faStar,
+ faUser,
+ faArrowRight,
+} from "@fortawesome/free-solid-svg-icons";
import { item, image } from "../../../../data/animation";
import { motion } from "framer-motion";
import { Analytics } from "../../../../common/Analytics";
@@ -35,17 +39,32 @@ export function TtsPageHero(props: Props) {
}, []);
let signUpButton = <>>;
+ let viewPricingButton = <>>;
let upgradeButton = <>>;
+ let myProfileButton = <>>;
if (!props.sessionWrapper.isLoggedIn()) {
signUpButton = (
<>
- { Analytics.ttsClickHeroSignup() } }
- >
+ {
+ Analytics.ttsClickHeroSignup();
+ }}
+ >
+
+ >
+ );
+ viewPricingButton = (
+ <>
+
+
>
@@ -53,13 +72,27 @@ export function TtsPageHero(props: Props) {
}
if (props.sessionWrapper.isLoggedIn()) {
+ let displayName = props.sessionWrapper.getDisplayName();
+ let url = `/profile/${displayName}`;
+ myProfileButton = (
+ <>
+
+
+
+ >
+ );
if (!props.sessionSubscriptionsWrapper.hasPaidFeatures()) {
upgradeButton = (
<>
- { Analytics.ttsClickHeroUpgradePlan() } }
- >
+ {
+ Analytics.ttsClickHeroUpgradePlan();
+ }}
+ >