Open in a new tab
View code
tsx
<SiteHeader
	variant="floating"
	collapseAt="lg"
	brand={<a href="/" aria-label="Beacon home"><BeaconLogo /></a>}
	items={[
		{ label: "Features", href: "/features" },
		{ label: "Pricing", href: "/pricing", current: true },
		{ label: "Changelog", href: "/changelog" },
	]}
	actions={[{ label: "Log in", href: "/login" }]}
	cta={{ label: "Start free", href: "/signup" }}
/>