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) ? ( +
+ {description.map((paragraph) => ( +

+ {paragraph} +

+ ))} +
+ ) : ( +

+ {description} +

+ )}
diff --git a/apps/sim/app/(landing)/components/hero/hero.tsx b/apps/sim/app/(landing)/components/hero/hero.tsx index cb91350ab03..717b08233ba 100644 --- a/apps/sim/app/(landing)/components/hero/hero.tsx +++ b/apps/sim/app/(landing)/components/hero/hero.tsx @@ -90,7 +90,10 @@ export function Hero() { and Managing AI Agents. } - description='Open source, with 1,000+ integrations and every major LLM. Build, deploy, and manage agents visually, conversationally, or with code.' + description={[ + 'Sim is an AI agent and workflow builder for teams creating agents that automate real work. Design workflows visually, describe what you need in natural language, or use code for complete control.', + 'Connect your agents to 1,000+ integrations and every major LLM, then deploy, monitor, and improve them from one collaborative workspace.', + ]} />