<Header />

The Header component is used to display the main navigation of the application. It contains the logo, the main navigation links, and the user profile / CTA.

Usage

import {Header} from '@/app/(marketing)/components/header'
 
export default function Layout() {
  return <Header />
}

Customization

To change the logo, replace the Mark and Logo components in the packages/ui/components/icons.tsx file with your own SVG.

To easily convert an SVG to JSX, you can use the following tool: https://svg2jsx.com/