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 ( + + + + + + + + + + + + + + + + + + + ); +}