Marketing

Hero

The opening of a page: announcement pill, display title, description, actions, footnote and a visual. Centered or split, on the page, a soft wash or a dark band.
import { Hero } from "pleate/marketing/hero";

Centered wash and dark split

Your next trip to Lisbon

Plan together, split costs and keep every booking in one place, on any device.

Free for up to 4 travellers · No card needed

An assistant that actually listens

Ask for a plan and get one, with sources, prices and a map. It even reacts to your voice.

Props

title / description / eyebrow / footnote

Copy (title takes RotatingText, GradientText…).

ReactNode

actions / media

Buttons and the visual.

ReactNode

layout

Arrangement.

"center" | "split"default "center"

background

Backdrop; dark pins its own theme.

"plain" | "wash" | "dark"default "plain"

size

Type scale and padding.

"md" | "lg"default "lg"