Feat/login

[gustavo-lola]

Reformulação da Interface e Novas Funcionalidades (UI/UX)

O ecossistema visual do projeto foi completamente recriado do zero, saindo de um design genérico para uma estética Cyberpunk/Tech Dark Mode de alta fidelidade. O foco principal foi garantir uma experiência de usuário (UX) fluida, tipografia legível e componentes altamente interativos.

---

1. Painel Principal (Dashboard de Vagas)

A página de listagem de vagas foi otimizada para legibilidade e organização de dados em larga escala.

• Paleta de Cores e Contraste: Uso de um fundo grafite profundo (#0B0F19) combinado com superfícies de cards levemente mais claras, criando uma hierarquia visual por elevação.
• Badges Dinâmicas: Categorias, portais de origem (LinkedIn, etc.) e palavras-chave utilizam tags com fundos semi-transparentes e bordas coloridas atenuadas para não poluir a leitura.
• Ações Rápidas: Botão de execução do scraper (Run Scraper) destacado no topo com a identidade visual do projeto, facilitando a atualização dos dados com um único clique.

Dashboard Principal Reformulado

---

2. Área de Time (Carrossel Interativo de Membros)

Para exibir os contribuidores do projeto de forma elegante e dinâmica, foi desenvolvido um componente customizado de Carrossel de Equipe.

• Cartões de Contribuidores: Cada card renderiza dinamicamente o avatar oficial do GitHub do usuário dentro de uma moldura circular com efeito de brilho (glow).
• Métricas do Git: Exibição em tempo real do volume de engajamento de cada membro (ex: contagem de commits de desenvolvimento e tags de funções como QA).
• Botão de Ação "Ver Perfil": Um botão estilizado com um gradiente moderno (do Azul Royal ao Roxo Neon) que integra o ícone oficial do GitHub, direcionando o usuário de forma externa e segura para o perfil do dev.
• Navegação Fluida: Layout responsivo em grid deslizante que se adapta perfeitamente a telas mobile e desktops de alta resolução.

Área do Time - Carrossel Dinâmico de Membros

---

3. Fluxo de Autenticação (Telas de Login e Cadastro)

As páginas de acesso foram projetadas seguindo os padrões mais modernos de segurança e design de interfaces SaaS (Software as a Service).

• Estrutura Split-Screen (Tela Dividida):
  • Lado Esquerdo (Branding): Uma seção imersiva que exibe o logotipo e a proposta de valor do projeto sobre um fundo com gradiente radial neon abstrato, reforçando a identidade de IA e automação.
  • Lado Direito (Formulário): Um formulário limpo, centralizado e focado na conversão do usuário.
• Inputs Modernos: Campos de texto com bordas finas que se iluminam ao receber foco (focus state) e textos de ajuda em tons suaves de cinza.
• Autenticação Social (OAuth): Botão nativo integrado para login rápido via GitHub, posicionado de forma estratégica acima do formulário tradicional para incentivar o login em um clique.
• Alternância de Fluxo: Links sutis e bem posicionados na base ("Não tem uma conta? Cadastre-se" / "Já tem uma conta? Entre") garantem uma transição perfeita entre as telas sem quebras de estado.

Página de Autenticação (Login)

[vercel]

@gustavo-lola is attempting to deploy a commit to the Bene Tesla's projects Team on Vercel.

A member of the Team first needs to authorize it.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
painel-vagas	Ready	Preview, Comment	Jun 7, 2026 9:39pm