zoom.energia

Projeto de Empreendedorismo — Turma INF-09 | Técnico de Informática

https://personalizacao-do-site.vercel.app

Sobre o Projeto

O zoom.energia é uma marca de drinks energéticos naturais desenvolvida como parte de um projeto de empreendedorismo da turma INF-09 do Curso Técnico de Informática. O site apresenta a linha de produtos nos sabores Limão, Morango e Kiwi, além de uma linha especial de caipirinhas premium.

O objetivo é aplicar conhecimentos técnicos em desenvolvimento web, design e marketing digital em um projeto prático e inovador, simulando um ambiente real de empreendedorismo digital.

Funcionalidades

• Introdução animada com vídeo promocional
• Vitrine de produtos com design responsivo
• Galeria interativa
• Seção institucional sobre o projeto
• Integração com QR Code
• Tema escuro com identidade visual gold/energy

Tecnologias

• Next.js 16 — Framework React
• TypeScript — Tipagem estática
• Tailwind CSS 4 — Estilização utilitária
• shadcn/ui — Componentes de interface
• Lucide React — Iconografia
• Recharts — Gráficos e visualizações
• Vercel — Deploy e hospedagem

Como Executar

# Instalar dependências
npm install

# Servidor de desenvolvimento
npm run dev

# Build de produção
npm run build

# Iniciar servidor de produção
npm start

Acesse http://localhost:3000 no navegador.

Estrutura

src/
├── app/             # Páginas e layout
├── components/      # Componentes React
│   ├── ui/          # Componentes shadcn/ui
│   └── *.tsx        # Componentes do projeto
├── hooks/           # Hooks personalizados
├── lib/             # Utilitários
├── public/          # Assets estáticos
│   ├── drinks/      # Imagens dos produtos
│   └── images/      # Logos e ícones
└── styles/          # Estilos globais

Deploy

O deploy é feito automaticamente na Vercel a cada push no branch master.

URL de produção: https://personalizacao-do-site.vercel.app

Licença

Projeto educacional — Turma INF-09