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

Đã hợp nhất
joycekepler đã nhập 3 commit từ joycekepler/feature/IGAL-adicionar-secao-formulario vào [3]s 3 ngày trước cách đây

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
Yêu cầu kéo này đã được sáp nhập thành công!
Đăng nhập để tham gia bình luận.
Không có nhãn
Không có Milestone
Không có người được phân công
1 tham gia
Đang tải...
Hủy bỏ
Lưu
Ở đây vẫn chưa có nội dung nào.