<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" }}
/>