Zentry Clone

Este projeto é um clone da landing page da Zentry, desenvolvido com React, TypeScript, Vite e Tailwind CSS.

Demonstração

Veja o vídeo do Zentry Clone

Versão live: https://zentry-clone-olive-one.vercel.app/

🤖 AI Code Review

Este projeto inclui um sistema automatizado de code review usando GitHub Models que roda automaticamente em Pull Requests e commits diretos nos branches main e developer. Veja um exemplo aqui: Pull request #1

Funcionalidades:

• ✅ Análise automática de código a cada alteração
• ✅ Feedback técnico sobre qualidade, bugs e boas práticas
• ✅ Comentários automáticos no PR com timestamp
• ✅ Filtro inteligente de arquivos relevantes

Para mais detalhes sobre configuração e uso, consulte: 📋 AI Code Review - Documentação Completa

📦 Estrutura do Projeto (detalhada)

src/
├── App.tsx                   # Componente raiz
├── main.tsx                  # Ponto de entrada do React
├── index.css                 # Estilos globais (Tailwind)
├── vite-env.d.ts             # Tipagens do Vite
└── components/
   ├── hero.tsx
   ├── intro.tsx
   ├── navbar.tsx
   ├── productGrid.tsx
   ├── information.tsx
   └── ui/
      ├── accordionScrool.tsx
      ├── animatedText.tsx
      ├── button.tsx
      ├── divWithMouseInteractionEffects.tsx
      └── gridItem.tsx

🚀 Tecnologias Utilizadas

• React
• TypeScript
• Vite
• TailwindCSS
• GSAP (animações)

🛠️ Como rodar o projeto

1. Instale as dependências:

pnpm install

2. Inicie o servidor de desenvolvimento:

pnpm dev

3. Abra o navegador em http://localhost:5173

🏗️ Scripts úteis

• dev — inicia o servidor de desenvolvimento.
• build — gera a build de produção.
• preview — serve a build de produção localmente.
• lint — executa o ESLint.

📁 Principais Componentes (descrição)

• src/components/hero.tsx — seção hero com animações e vídeo.
• src/components/intro.tsx — bloco de introdução com textos animados.
• src/components/navbar.tsx — navegação superior responsiva.
• src/components/productGrid.tsx — grid de cards/produtos.
• src/components/information.tsx — seção com vídeo e detalhes do produto.

🎨 Estilos

TailwindCSS com classes utilitárias e customizações em src/index.css.

📄 Licença

Uso educacional. Este projeto não tem vínculo oficial com a Zentry.

---

Desenvolvido por Wellington