FASCODE - Site Institucional de Alta Conversão

Site institucional e comercial desenvolvido com React, TypeScript, Tailwind CSS e Vite. Design profissional em roxo → azul ciano → preto, com animações suaves, dark mode e performance otimizada.

🚀 Demo

Ver site ao vivo

✨ Características

Design & UI/UX

• 🎨 Design System Completo - Tokens centralizados para cores, tipografia e espaçamentos
• 🌈 Gradientes Premium - Roxo profundo → Azul ciano com animações suaves
• 💎 Glassmorphism - Efeitos de vidro fosco modernos
• 🌙 Dark Mode Default - Com alternância para light mode
• ✨ Microinterações - Animações sutis e profissionais
• 📱 Mobile-First - Totalmente responsivo

Performance & SEO

• ⚡ Lighthouse Score 90+ - Performance, acessibilidade e SEO otimizados
• 🔍 SEO Completo - Meta tags, Open Graph, Schema.org
• ♿ WCAG AA - Acessibilidade garantida
• 🚀 Lazy Loading - Imagens e componentes otimizados
• 💨 Vite - Build ultrarrápido

Funcionalidades

• 📧 Formulário de Contato - Com validação completa
• 💬 WhatsApp Widget - Chat rápido flutuante
• 📊 Analytics Ready - Preparado para Google Analytics
• 🎯 CTA Sticky Bar - Barra de conversão ao rolar
• 🌐 Multi-seção - Hero, Serviços, Portfólio, Equipe, FAQ, etc.

🛠️ Tecnologias

• React 18 - Biblioteca UI
• TypeScript - Type safety
• Vite - Build tool
• Tailwind CSS - Styling
• shadcn/ui - Componentes UI
• Lucide React - Ícones
• React Router - Navegação
• React Hook Form - Formulários

📦 Instalação

# Clone o repositório
git clone https://github.com/seu-usuario/fascode.git

# Entre no diretório
cd fascode

# Instale as dependências
npm install

# Inicie o servidor de desenvolvimento
npm run dev

O site estará disponível em http://localhost:8080

⚡ Performance

• Lighthouse Performance: 90-100
• Lighthouse Accessibility: 95-100
• Lighthouse Best Practices: 95-100
• Lighthouse SEO: 95-100
• First Contentful Paint: < 1.5s
• Time to Interactive: < 3.5s

♿ Acessibilidade

• Contraste WCAG AA
• Navegação por teclado
• ARIA labels
• Suporte a prefers-reduced-motion
• Validação acessível de formulários

📱 Responsividade

Testado e otimizado para:

• 📱 Mobile (320px+)
• 📱 Tablet (768px+)
• 💻 Desktop (1024px+)
• 🖥️ Large Desktop (1920px+)

🤝 Equipe FASCODE

• Victor Seifert - Founder / Product & Frontend
• Lucas Fogaça - Founder / UX & Design
• Felipe Flor - Founder / Backend & DevOps
• Lucas Silva - Senior Developer

📄 Licença

Este projeto foi desenvolvido para a FASCODE.

📞 Contato

• Email: contato@fascode.com.br
• WhatsApp: +55 (54) 99162-4605
• Website: fascode.com.br

---

Desenvolvido com ❤️ pela FASCODE