> For the complete documentation index, see [llms.txt](https://docs.shipped.club/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.shipped.club/components/header.md).

# Header

<figure><img src="/files/Up2ONIAt4DxMG4eoIHhI" alt=""><figcaption></figcaption></figure>

The header section is used on the pages of your marketing (public) website.

It includes your logo and brand, and the navigation menus.

The navigation menu can point to another page or to a section of the current page.

Component: `<Header />`

File: `src/components/Header/Header.tsx`

{% code title="page.tsx" %}

```typescript
import { Header } from "@/components/Header/Header";
```

{% endcode %}

{% hint style="info" %}
To use your own logo, place it here `/public/logo.png`
{% endhint %}

***

{% hint style="info" %}
If you need basic components like buttons, inputs, etc, they are all available with [ChakraUI](https://chakra-ui.com/).
{% endhint %}