diff --git a/apps/web/src/scenes/ContentPages/PostsFeaturePage.tsx b/apps/web/src/scenes/ContentPages/PostsFeaturePage.tsx index 970f8351b8..96dab3711b 100644 --- a/apps/web/src/scenes/ContentPages/PostsFeaturePage.tsx +++ b/apps/web/src/scenes/ContentPages/PostsFeaturePage.tsx @@ -6,7 +6,7 @@ import { Button } from '~/components/core/Button/Button'; import GalleryLink from '~/components/core/GalleryLink/GalleryLink'; import Markdown from '~/components/core/Markdown/Markdown'; import { VStack } from '~/components/core/Spacer/Stack'; -import { TitleCondensed, TitleDiatypeL } from '~/components/core/Text/Text'; +import { TitleCondensed, TitleDiatypeL, TitleXS } from '~/components/core/Text/Text'; import { contexts, flows } from '~/shared/analytics/constants'; import colors from '~/shared/theme/colors'; @@ -35,11 +35,16 @@ export function PostsFeaturePageContent({ pageContent }: Props) { - - Introducing - - Posts - + + + Introducing + + Posts + + + + BETA + {pageContent.introText} @@ -126,6 +131,13 @@ const StyledHeading = styled(TitleCondensed)` } `; +const StyledBetaPill = styled.div` + width: fit-content; + border-radius: 24px; + padding: 4px 12px; + border: 1px solid ${colors.activeBlue}; +`; + const StyledSubheading = styled(TitleDiatypeL)` font-size: 16px; line-height: 20px;