From ac6d63fd8534ceabd5a6ff131c223a4742b93c7c Mon Sep 17 00:00:00 2001 From: Kamil Kisiela Date: Thu, 7 Sep 2023 13:40:09 +0200 Subject: [PATCH] Add Trusted By section (#2791) --- packages/web/docs/src/components/hero.tsx | 15 ++ .../web/docs/src/components/landing-page.tsx | 27 ++- packages/web/docs/src/components/logos.tsx | 203 ++++++++++++++++++ 3 files changed, 243 insertions(+), 2 deletions(-) create mode 100644 packages/web/docs/src/components/logos.tsx diff --git a/packages/web/docs/src/components/hero.tsx b/packages/web/docs/src/components/hero.tsx index 0092d5178..590c0c1d9 100644 --- a/packages/web/docs/src/components/hero.tsx +++ b/packages/web/docs/src/components/hero.tsx @@ -24,6 +24,21 @@ export function HeroLinks(props: { children: ReactNode }) { ); } +export function HereTrustedBy(props: { children: ReactNode }) { + return ( +
+
+

+ Trusted by global enterprises and fast-moving startups. +

+
+ {props.children} +
+
+
+ ); +} + export function Hero(props: { children: ReactNode }) { return (
diff --git a/packages/web/docs/src/components/landing-page.tsx b/packages/web/docs/src/components/landing-page.tsx index 29455f139..fc77da293 100644 --- a/packages/web/docs/src/components/landing-page.tsx +++ b/packages/web/docs/src/components/landing-page.tsx @@ -5,8 +5,9 @@ import { FiGithub, FiGlobe, FiLogIn, FiPackage, FiServer, FiTruck } from 'react- import * as Tooltip from '@radix-ui/react-tooltip'; import { cn } from '../lib'; import { BookIcon } from './book-icon'; -import { Hero, HeroLinks, HeroSubtitle, HeroTitle } from './hero'; +import { HereTrustedBy, Hero, HeroLinks, HeroSubtitle, HeroTitle } from './hero'; import { Highlights, HighlightTextLink } from './highlights'; +import { AligentLogo, KarrotLogo, LinktreeLogo, MeetupLogo, SoundYXZLogo } from './logos'; import { Page } from './page'; import { Pricing } from './pricing'; import { StatsItem, StatsList } from './stats'; @@ -318,13 +319,35 @@ export function IndexPage(): ReactElement { + + + + + + +
- + diff --git a/packages/web/docs/src/components/logos.tsx b/packages/web/docs/src/components/logos.tsx new file mode 100644 index 000000000..babd77056 --- /dev/null +++ b/packages/web/docs/src/components/logos.tsx @@ -0,0 +1,203 @@ +import { cn } from '../lib'; + +type LogoProps = { + height: number; + className?: string; +}; + +export function MeetupLogo(props: LogoProps) { + return ( + + + + ); +} + +export function LinktreeLogo(props: LogoProps) { + return ( + + + + + + ); +} + +export function AligentLogo(props: LogoProps) { + return ( + + + + + + + + + + + + + + + + + + ); +} + +export function SoundYXZLogo(props: LogoProps) { + return ( + + + + + + + + + + + + + ); +} + +export function KarrotLogo(props: LogoProps) { + return ( + + + + + + + + + + + + + + + + + + + ); +}