NovaAI Landing Page

Landing page moderna desenvolvida com React, Vite e Tailwind CSS para a empresa fictícia NovaAI.

O projeto foi criado com foco em:

• componentização
• design SaaS moderno
• responsividade
• animações suaves
• arquitetura escalável

---

Tecnologias utilizadas

• React
• Vite
• Tailwind CSS
• JavaScript
• Lucide React

---

Preview do projeto

Seções da landing page

• Navbar
• Hero
• Features
• About
• Pricing
• Contact
• Footer

---

Estrutura do projeto

src/
│
├── components/
│   ├── Navbar.jsx
│   ├── FeatureCard.jsx
│   └── PricingCard.jsx
│
├── sections/
│   ├── Hero.jsx
│   ├── Features.jsx
│   ├── About.jsx
│   ├── Pricing.jsx
│   ├── Contact.jsx
│   └── Footer.jsx
│
├── App.jsx
├── main.jsx
└── index.css

---

Como executar o projeto

1. Clonar o repositório

git clone URL_DO_REPOSITORIO

---

2. Entrar na pasta

cd landing-page

---

3. Instalar as dependências

npm install

---

4. Rodar o projeto

npm run dev

---

Tailwind CSS

O projeto utiliza Tailwind CSS para estilização moderna e responsiva.

---

Responsividade

A landing page foi construída para funcionar em:

• Desktop
• Tablet
• Mobile

---

Funcionalidades

• Navegação suave entre seções
• Cards reutilizáveis
• Layout responsivo
• Pricing cards dinâmicos
• Formulário de contato
• Hover animations
• Estrutura escalável

---

Componentização

O projeto utiliza componentes reutilizáveis para:

• Features Cards
• Pricing Cards
• Navbar

---

Objetivo do projeto

Este projeto foi desenvolvido para prática de:

• React
• Tailwind CSS
• Estruturação de projetos frontend
• Componentização
• Criação de landing pages SaaS modernas

---

Melhorias futuras

Possíveis melhorias:

• Dark Mode
• Integração com backend
• Envio real do formulário
• Framer Motion
• Menu mobile animado
• Dashboard animado
• Testemunhos de clientes
• FAQ interativo

---

Autor

Desenvolvido por José Lima utilizando React + Tailwind CSS.