Skip to main content
Header component preview Open /components/Header.tsx and edit the menu: 
const DEFAULT_MENU: MenuItem[] = [
  { title: "Features", url: "/#features" },
  { title: "Pricing", url: "/#pricing" },
  { title: "Blog", url: "/blog" },
]
Add or remove items as needed.

​
Add Dropdown Menu

const DEFAULT_MENU: MenuItem[] = [
  {
    title: "Resources",
    url: "/#resources",
    items: [
      {
        title: "Documentation",
        description: "Learn how to use the product",
        icon: <Book className="size-5" />,
        url: "/docs",
      },
      {
        title: "Blog",
        description: "Latest updates and guides",
        icon: <FileText className="size-5" />,
        url: "/blog",
      },
    ],
  },
]

​
Change Logo & Brand

Logo and brand name come from /config.ts:
/config.ts
export const config = {
  name: "YourApp",
  logoUrl: "/logo.svg",
  // ...
}
Replace /public/logo.svg with your logo.
Keep 3-5 links max. Too many options = decision paralysis.
Always include a “Pricing” link. People look for it first.