Navigation: [/sitemap.md](/sitemap.md)

---
type: block
category: "header"
title: "Header 2"
description: "Header 2 block example."
---

```astro live props={{ name: 'header-2' }}
---
import Header2Block from "@/components/blocks/header-2.astro"
---

<Header2Block
  logo={{
    label: "Acme Inc",
    href: "/",
  }}
  navigation={[
    { label: "Products", href: "#" },
    { label: "Solutions", href: "#" },
    { label: "Pricing", href: "#" },
    { label: "Blog", href: "#" },
  ]}
  buttons={[
    { label: "Sign in", href: "#", variant: "ghost" },
    { label: "Get started", href: "#", variant: "default" },
  ]}
/>
```