#11 feat(IGAL-EST): adicionar secao de formulario

Zlúčené
joycekepler mergnuté 3 commitov z joycekepler/feature/IGAL-adicionar-secao-formulario do joycekepler/development 3 dní pred
Ester okomentoval 3 dní pred

O que foi feito

Adicionada a seção de formulário na página, composta por duas colunas: uma coluna de informações e outra contendo o formulário.

A coluna da esquerda inclui elementos como logo, título, descrição, informações de contato, status do evento e parceiros. Já a coluna da direita contém os campos de entrada (nome, e-mail, WhatsApp e mensagem) e o botão de envio com estilização baseada no layout do Figma.

A implementação foi feita com foco em responsividade:

  • Mobile e md: layout em coluna única, com conteúdos centralizados
  • Desktop: layout em duas colunas, mantendo alinhamento à esquerda conforme o design

Para os ícones:

  • Foram utilizados ícones do Lucide para elementos de UI
  • Simple Icons (via Iconify) para ícones de marcas (Instagram e LinkedIn)
  • Para o ícone de status, foi utilizado um PNG, pois não foi encontrado um equivalente adequado nas bibliotecas utilizadas

Tipo de mudança

  • Nova feature
  • Correção de bug
  • Refatoração
  • Documentação
  • Outro: ___

Como testar

  1. Acesse a landing e localize a seção de formulário
  2. Verifique a renderização da seção de formulário
  3. Teste a responsividade:
    • Em mobile/md: conteúdo deve estar em coluna única e centralizado
    • Em desktop: conteúdo deve estar em duas colunas
  4. Verifique os campos do formulário e o layout do botão de envio
  5. Validar exibição dos ícones e imagens

Checklist antes do merge

  • Testei localmente
  • Não quebrei nenhum fluxo existente
  • Adicionei/atualizei testes se necessário
  • Variáveis de ambiente documentadas
  • Sem console.log ou código de debug

Ticket relacionado

Refs: Task Ester 27/04 e 28/04

## O que foi feito Adicionada a seção de formulário na página, composta por duas colunas: uma coluna de informações e outra contendo o formulário. A coluna da esquerda inclui elementos como logo, título, descrição, informações de contato, status do evento e parceiros. Já a coluna da direita contém os campos de entrada (nome, e-mail, WhatsApp e mensagem) e o botão de envio com estilização baseada no layout do Figma. A implementação foi feita com foco em responsividade: - Mobile e md: layout em coluna única, com conteúdos centralizados - Desktop: layout em duas colunas, mantendo alinhamento à esquerda conforme o design Para os ícones: - Foram utilizados ícones do Lucide para elementos de UI - Simple Icons (via Iconify) para ícones de marcas (Instagram e LinkedIn) - Para o ícone de status, foi utilizado um PNG, pois não foi encontrado um equivalente adequado nas bibliotecas utilizadas ## Tipo de mudança - [x] Nova feature - [ ] Correção de bug - [ ] Refatoração - [ ] Documentação - [ ] Outro: ___ ## Como testar 1. Acesse a landing e localize a seção de formulário 2. Verifique a renderização da seção de formulário 3. Teste a responsividade: - Em mobile/md: conteúdo deve estar em coluna única e centralizado - Em desktop: conteúdo deve estar em duas colunas 4. Verifique os campos do formulário e o layout do botão de envio 5. Validar exibição dos ícones e imagens ## Checklist antes do merge - [x] Testei localmente - [x] Não quebrei nenhum fluxo existente - [ ] Adicionei/atualizei testes se necessário - [ ] Variáveis de ambiente documentadas - [x] Sem console.log ou código de debug ## Ticket relacionado Refs: Task Ester 27/04 e 28/04
Tento pull request bol úspešne zlúčený!
Prihláste sa pre zapojenie do konverzácie.
Žiadne štítky
Žiadny míľnik
Žiadny priradený
1 účastníkov
Načítavanie...
Zrušiť
Uložiť
Zatiaľ neexistuje žiadny obsah.