Updating Navigation

How to add, remove, or reorder links in the sidebar and mobile menu.

Last updated:

Navigation links are defined in src/components/NavBar.tsx as the navLinks array. To add or remove links, edit this array:

src/components/NavBar.tsx
const navLinks = [
  { href: '#why', label: 'Why BloggFast' },
  { href: '#demo', label: 'Demo' },
  { href: '#pricing', label: 'Pricing' },
  { href: '/docs', label: 'Documentation' },  // ← add new links here
  { href: '/blog', label: 'Blog' },
]

Both the desktop sidebar and mobile menu render from this same array — update it once and both are updated.

CTA buttons

The Contact and Get Started buttons at the bottom of the sidebar are hardcoded in NavBar.tsx. Find the button elements near the bottom of the component and update the href values.

Footer navigation is in src/components/Footer.tsx. Update the links object (or similar) to add your own pages, social links, and legal pages.