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

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

No type

Projects

No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions