Criação da hero section do site, onde será mostrada os textos de apresentação junto com as imagens dos integrantes
Desenvolvimento
Use o componente Image do NextJS para a imagem do background. Use o atributo fill. A imagem deve cobrir todo o componente. Se necessário, adicione classes ao componente de estilo
Os componentes de estilização devem ter nomes descritivos exemplo <TechnologyContainer/>
O arquivo de estilização precisa utilizar um HTML descritivo para a criação de componentes de estilo, evite usar div para todos os componentes
Os arquivos de imagem devem conter a propriedade alt com um texto curto e/ou com palavras chaves
O componente pai deve ter um id de acordo com a sessão da navbar
Evite escrever componentes repetidos, utilize os componentes disponíveis em themes/global.ts
Versão mobile
Na versão mobile os itens são dispostos em forma de coluna. Caso esteja usando display: flex, adicione flex-direction: column
Contexto
Desenvolvimento
<TechnologyContainer/>
div
para todos os componentesalt
com um texto curto e/ou com palavras chavesid
de acordo com a sessão da navbarVersão mobile
display: flex
, adicioneflex-direction: column
Links uteis
Roteiro de testes