Landing page responsiva e de alta performance desenvolvida para promover a solução BlackArrow no mercado digital. Este projeto foi projetado com foco em escalabilidade, modularidade e impacto visual.
- Estrutura semântica e acessível (HTML5)
- Estilos modernos com Tailwind CSS configurado via CDN
- Arquitetura de código modular (JS e CSS separados por propósito)
- Design responsivo para diferentes tamanhos de tela
- Componentes interativos com animações suaves via GSAP
- Carrossel de features com autoplay, indicadores e suporte a swipe
- Cards do tipo "bento grid" com hover animado e gradientes reativos
- Seções com entrada animada e efeito de revelação por scroll
- Modal com iframe e efeito
backdrop-filterpara captura de leads - Estilo dark-mode com tipografia personalizada (Archivo e Inter)
- Estilização avançada com
@keyframes, sombras internas e gradientes - Animações de interface baseadas em interação do usuário (mouse, toque, scroll)
landing-page/
├── index.html
├── preview.png
├── scripts/
│ ├── main.js
│ └── tailwind-config.js
├── styles/
│ ├── main.css
│ ├── reset.css
│ └── tailwind.css (opcional)
└── README.md
