Header - ShipFast Docs

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.

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.

Deploy Hero

​Change Navigation Links

​Add Dropdown Menu

​Change Logo & Brand

Change Navigation Links

Add Dropdown Menu

Change Logo & Brand