Landing page desenvolvida em Angular 22 para divulgação de evento tecnológico.
- Menu de Navegação: Header fixo com links de navegação suave
- Hero Section: Seção principal com título, subtítulo, informações do evento e CTA
- Cronograma: Grade horária completa do evento (08h30 às 17h30)
- FAQ: Perguntas frequentes com accordion interativo
- Formulário de Inscrição: Formulário completo com validação (nome, email, telefone, CPF, empresa, cargo, área, observação)
- Footer: Informações de contato e redes sociais
- Design Responsivo: Otimizado para desktop, tablet e mobile
- Animações: Transições e efeitos suaves
- Node.js 18+
- npm ou yarn
- Angular CLI 22
# Instalar dependências
npm install
# Iniciar servidor de desenvolvimento
npm startA aplicação estará disponível em http://localhost:4200/
ng buildOs arquivos otimizados estarão na pasta dist/
src/app/
├── components/
│ ├── header/ # Menu de navegação
│ ├── hero/ # Seção principal com CTA
│ ├── schedule/ # Cronograma do evento
│ ├── faq/ # Perguntas frequentes
│ ├── registration-form/ # Formulário de inscrição
│ └── footer/ # Rodapé
├── app.ts # Componente principal
├── app.html # Template principal
└── app.css # Estilos do app- Integrar formulário com backend/API
- Adicionar validação de CPF
- Implementar máscara para telefone
- Adicionar Google Analytics
- Criar página de confirmação de inscrição
- Implementar envio de email de confirmação
- Angular 22
- TypeScript
- CSS3
- Reactive Forms
Desenvolvido com Angular CLI version 22.0.5
ng e2eAngular CLI does not come with an end-to-end testing framework by default. You can choose one that suits your needs.
For more information on using the Angular CLI, including detailed command references, visit the Angular CLI Overview and Command Reference page.