diff --git a/packages/fakeyou.com/src/scss/site-refresh.scss b/packages/fakeyou.com/src/scss/site-refresh.scss index 65f8940ed3..409986a865 100644 --- a/packages/fakeyou.com/src/scss/site-refresh.scss +++ b/packages/fakeyou.com/src/scss/site-refresh.scss @@ -689,6 +689,18 @@ styles with important tags: } } + .badge-new { + font-weight: 600; + font-size: 12px; + padding: 2px 6px; + border: none; + border-radius: 0.3rem; + opacity: 0.85; + max-height: 18px; + background-color: #fff3d0; + color: #833c00; + } + .rounded-circle { border-radius: 50px; } diff --git a/packages/fakeyou.com/src/v2/view/pages/landing/LandingPage.tsx b/packages/fakeyou.com/src/v2/view/pages/landing/LandingPage.tsx index e7f064ba12..f77e1a2940 100644 --- a/packages/fakeyou.com/src/v2/view/pages/landing/LandingPage.tsx +++ b/packages/fakeyou.com/src/v2/view/pages/landing/LandingPage.tsx @@ -2,7 +2,7 @@ import React, { useMemo } from "react"; import { Link } from "react-router-dom"; import { SessionWrapper } from "@storyteller/components/src/session/SessionWrapper"; import { SessionSubscriptionsWrapper } from "@storyteller/components/src/session/SessionSubscriptionsWrapper"; -import { useLocalize } from 'hooks'; +import { useLocalize } from "hooks"; import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; import { faStar, @@ -11,7 +11,7 @@ import { } from "@fortawesome/free-solid-svg-icons"; import { faDiscord, faTwitter } from "@fortawesome/free-brands-svg-icons"; import { WebUrl } from "../../../../common/WebUrl"; -import { faFileArrowUp } from "@fortawesome/pro-solid-svg-icons"; +import { faFileArrowUp, faSparkles } from "@fortawesome/pro-solid-svg-icons"; import { PosthogClient } from "@storyteller/components/src/analytics/PosthogClient"; // import { // faFileArrowUp, @@ -171,11 +171,10 @@ function LandingPage(props: Props) {
- {t2('hero.bottom')} - + {t2("hero.bottom")}
