Open in a new tab
View code
tsx
<LandingHeader layout="split" eyebrow="Observability" description="…">
	Know what every function did, and why
</LandingHeader>

<LandingHeader tone="statement" subtitle="Every page in under a second.">
	<strong>Status pages that load first.</strong> Even when your app is down.
</LandingHeader>

<LandingHeader action={<LinkButton href="/courses" variant="ghost">See all</LinkButton>}>
	Flagship training
</LandingHeader>