diff --git a/apps/sim/app/(landing)/components/hero/components/hero-header/hero-header.tsx b/apps/sim/app/(landing)/components/hero/components/hero-header/hero-header.tsx index c2e9b566956..54f4cca065b 100644 --- a/apps/sim/app/(landing)/components/hero/components/hero-header/hero-header.tsx +++ b/apps/sim/app/(landing)/components/hero/components/hero-header/hero-header.tsx @@ -5,7 +5,8 @@ import { HeroCta } from '@/app/(landing)/components/hero-cta' import { LANDING_HERO_CTA_GAP } from '@/app/(landing)/components/landing-layout' interface LandingHeroHeaderProps { - description: string + /** A single paragraph, or an array of paragraphs rendered stacked within the same measure. */ + description: string | string[] eyebrow?: ReactNode heading: ReactNode headingId: string @@ -33,9 +34,22 @@ export function LandingHeroHeader({ {heading} -
- {description} -
+ {Array.isArray(description) ? ( ++ {paragraph} +
+ ))} ++ {description} +
+ )}