Descrição da melhoria:
Implementação do componente NavHeader que será usado nas páginas do portal
Como ela pode ser implementada:
A implementação deve seguir o design proposto no figma. Por ser um componente compartilhado, deve ser criado dentro da pasta src/components. Obs: Se atentar ao comportamento de hover, ao passar o mouse sobre o link, é exibido uma linha abaixo da opção.
Aconselho utilizar um objeto similar a este para popular o header com os seguintes links:
type NavItem = {
label: string;
link: string;
};
const nav: NavItem[] = [
{
label: "SOBRE NÓS",
link: "/",
},
{ label: "NOSSA HISTÓRIA", link: "/nossa-historia" },
{
label: "PROJETOS",
link: "/projetos",
},
{ label: "BLOG", link: "/blog" },
{ label: "A COMUNIDADE", link: "/comunidade" },
{
label: "EVENTOS",
link: "/eventos",
},
];
Imagens:

Contexto adicional:
Link do figma contendo o design completo
Descrição da melhoria:
Implementação do componente NavHeader que será usado nas páginas do portal
Como ela pode ser implementada:
A implementação deve seguir o design proposto no figma. Por ser um componente compartilhado, deve ser criado dentro da pasta src/components. Obs: Se atentar ao comportamento de hover, ao passar o mouse sobre o link, é exibido uma linha abaixo da opção.
Aconselho utilizar um objeto similar a este para popular o header com os seguintes links:
Imagens:

Contexto adicional:
Link do figma contendo o design completo