Hero Component

The Hero component is used at the top of pages to display a prominent title, subtitle, description, image, and call-to-action buttons.

Financial Services

Reliable AI for finding what your firm knows and automating what it does

Get instant access to all your firm's knowledge with natural language search and grounded answers you can trust.

Instant answers from your knowledge base

Reduce response times and improve customer satisfaction with AI-powered support.

Scale your operations with intelligent automation

Transform how your teams work with AI that understands your business.

Sometimes you just need a title section

The Hero component works great without an image too.

replace with image

Clean and minimal

Set showButtons to false to hide the call-to-action buttons.

replace with image

Prop	Type	Default	Description
`title`	string	required	The main heading text
`subtitle`	string	-	Secondary heading inside content box
`description`	string	-	Body text inside content box
`image`	string	-	URL of image to display
`buttons`	array	default buttons	Array of button objects
`showButtons`	boolean	true	Whether to show CTA buttons