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

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

```astro live props={{ name: 'header-5' }}
---
import Header5Block from "@/components/blocks/header-5.astro"
import placeholderImage from "@/assets/placeholder.webp"
---

<Header5Block
  logo={{
    label: "Northstar",
    href: "/",
  }}
  navigation={[
    {
      label: "Platform",
      href: "#",
      description: "A shared workspace for strategy, delivery, and insight.",
      image: { src: placeholderImage, alt: "Platform navigation preview" },
      links: [
        {
          label: "Roadmaps",
          href: "#",
          description: "Sequence initiatives and communicate priorities.",
          icon: "map",
        },
        {
          label: "Dashboards",
          href: "#",
          description: "Keep performance, adoption, and risk visible.",
          icon: "layout-dashboard",
        },
        {
          label: "AI briefs",
          href: "#",
          description: "Summarize research, feedback, and meeting notes.",
          icon: "sparkles",
        },
        {
          label: "Permissions",
          href: "#",
          description: "Control access for teams, clients, and partners.",
          icon: "shield-check",
        },
      ],
    },
    {
      label: "Resources",
      href: "#",
      description: "Guides and references for better operating cadence.",
      links: [
        {
          label: "Playbooks",
          href: "#",
          description: "Reusable operating patterns for product teams.",
          icon: "book-open",
        },
        {
          label: "Templates",
          href: "#",
          description: "Kickstart planning, reporting, and retrospectives.",
          icon: "copy-check",
        },
      ],
    },
    { label: "Enterprise", href: "#" },
    { label: "Pricing", href: "#" },
  ]}
  buttons={[
    { label: "Contact sales", href: "#", variant: "ghost" },
    { label: "Get started", href: "#", variant: "default" },
  ]}
/>
```