Projeto de website institucional moderno e responsivo desenvolvido com React, TypeScript e Vite, utilizando a biblioteca de componentes shadcn/ui e Tailwind CSS para um design clean e profissional.
O foco deste repositório é servir como vitrine digital para serviços de consultoria, oferecendo uma experiência de usuário fluida e performática.
- Apresentar serviços de consultoria de forma profissional
- Proporcionar uma navegação intuitiva e responsiva
- Demonstrar casos de sucesso e portfólio
- Facilitar o contato com clientes potenciais
- Servir como referência para landing pages corporativas
O projeto utiliza uma organização clara e escalável, separando responsabilidades:
├── src
│ ├── pages
│ │ ├── Home.tsx
│ │ ├── About.tsx
│ │ ├── Services.tsx
│ │ ├── Cases.tsx
│ │ ├── Contact.tsx
│ │ ├── FAQ.tsx
│ │ └── NotFound.tsx
│ │
│ ├── components
│ │ ├── Navigation.tsx
│ │ ├── Footer.tsx
│ │ ├── WhatsAppFloat.tsx
│ │ └── ui/
│ │ └── (shadcn components)
│ │
│ ├── hooks
│ │ ├── use-mobile.tsx
│ │ └── use-toast.ts
│ │
│ └── lib
│ └── utils.ts
│
├── public
│ └── robots.txt
│
└── config files
- Roteamento com React Router DOM
- Componentização reutilizável
- Design System com shadcn/ui
- Responsividade mobile-first
- SEO otimizado
- Performance com Vite
- Integração com WhatsApp
As principais funcionalidades do projeto incluem:
- 🏠 Página inicial apresentando a empresa
- 💼 Serviços detalhados oferecidos
- 📊 Cases de sucesso e portfólio
- 👥 Sobre nós com informações da equipe
- 📞 Formulário de contato integrado
- ❓ FAQ com perguntas frequentes
- 💬 Botão flutuante do WhatsApp para contato rápido
- 📱 Design 100% responsivo
- ⚡ Carregamento otimizado
Primeiro, instale as dependências:
npm installEm seguida, inicie o servidor de desenvolvimento:
npm run devO projeto estará disponível em http://localhost:5173
# Desenvolvimento
npm run dev
# Build de produção
npm run build
# Preview da build
npm run preview
# Linting
npm run lint- React 18 – Biblioteca JavaScript para interfaces
- TypeScript – Superset JavaScript com tipagem estática
- Vite – Build tool moderna e rápida
- Tailwind CSS – Framework CSS utility-first
- shadcn/ui – Componentes acessíveis e customizáveis
- React Router DOM – Roteamento para SPA
- React Hook Form – Gerenciamento de formulários
- Zod – Validação de schemas
- Lucide React – Biblioteca de ícones
- TanStack Query – Gerenciamento de estado assíncrono
- Recharts – Biblioteca de gráficos
- Sonner – Sistema de notificações toast
Projeto pronto para deploy na Vercel ou qualquer plataforma que suporte aplicações React/Vite.
npm run buildOs arquivos otimizados estarão na pasta dist/
