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
Acesse a landing e localize a seção de formulário
Verifique a renderização da seção de formulário
Teste a responsividade:
Em mobile/md: conteúdo deve estar em coluna única e centralizado
Em desktop: conteúdo deve estar em duas colunas
Verifique os campos do formulário e o layout do botão de envio
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
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:
Para os ícones:
Tipo de mudança
Como testar
Checklist antes do merge
Ticket relacionado
Refs: Task Ester 27/04 e 28/04