Velocity é uma landing page desenvolvida especialmente para apresentar um produto de SaaS de inteligência artificial de forma impactante e profissional.

O projeto combina design minimalista com animações fluidas, oferecendo uma experiência de usuário incrível em qualquer dispositivo.

Demonstração

Clique aqui para ver a versão final

Tecnologias

Este projeto foi construído com as seguintes tecnologias:

• React - Biblioteca para construção de interfaces de usuário.

• JavaScript - Linguagem de programação.

• Vite - Build tool e dev server de última geração.

• Tailwind CSS - Framework CSS utility-first.

• Tailwind Merge - Mescla inteligente de classes Tailwind.

• Clsx - Utilitário para construção condicional de classes.

• Lucide React - Biblioteca de ícones moderna e consistente.

• Biome - Linter e formatador de código rápido.

• Bun - Runtime JavaScript de alta performance.

• Git - Controle de versão.

Funcionalidades

Técnicas

• Tailwind Merge & Clsx: Sistema inteligente de mesclagem de classes CSS para evitar conflitos.
• Mobile First: Abordagem que prioriza a experiência mobile, garantindo compatibilidade perfeita em todos os dispositivos.
• Customização Avançada: Configuração estendida do Tailwind com classes, cores e animações personalizadas.
• Arquitetura em Componentes: Estrutura modular que facilita manutenção e reaproveitamento de código.

Visual

• Responsividade Total: Adapta-se fluidamente a qualquer tamanho de tela.
• Animações de Entrada: Efeitos visuais que tornam a navegação mais envolvente.
• Design System Consistente: Padronização visual em toda a aplicação.

Design

O design original foi criado no Figma e você pode ver mais clicando aqui.

Note

Algumas alterações foram implementadas durante o desenvolvimento para otimizar a experiência do usuário.

Licença

Este projeto está sob a licença MIT, veja o arquivo LICENSE para mais detalhes.