Skip to content

Componente - NavHeader #2

Description

@jessescn

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:
Captura de Tela 2023-10-19 às 22 43 23

Contexto adicional:
Link do figma contendo o design completo

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

No type

Fields

No fields configured for issues without a type.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions