Commit inicial - upload de todos os arquivos da pasta
This commit is contained in:
225
Site Institucional IAsis.md
Normal file
225
Site Institucional IAsis.md
Normal file
@@ -0,0 +1,225 @@
|
||||
# Site Institucional IAsis
|
||||
|
||||
## 📋 Visão Geral
|
||||
|
||||
Site institucional completo para a IAsis - Plataforma de Interoperabilidade em Saúde, desenvolvido em React com design moderno e responsivo.
|
||||
|
||||
## 🚀 Características Principais
|
||||
|
||||
### ✨ Design e UX
|
||||
- **Design Moderno**: Interface limpa e profissional
|
||||
- **Responsivo**: Funciona perfeitamente em desktop, tablet e mobile
|
||||
- **Paleta de Cores**: Azul (#3B82F6), Verde (#10B981), Roxo (#8B5CF6)
|
||||
- **Tipografia**: Hierarquia visual clara e legível
|
||||
- **Animações**: Efeitos hover e transições suaves
|
||||
|
||||
### 📄 Páginas Implementadas
|
||||
|
||||
1. **Home** (`/`)
|
||||
- Hero section com apresentação principal
|
||||
- Métricas de impacto (18M+ pacientes, 40→3 dias de regulação)
|
||||
- Visão geral dos produtos digitais
|
||||
- Call-to-actions estratégicos
|
||||
|
||||
2. **Sobre** (`/sobre`)
|
||||
- História e evolução da empresa
|
||||
- Missão, visão e propósito
|
||||
- Valores corporativos
|
||||
- Timeline da jornada da IAsis
|
||||
- Informações sobre a equipe
|
||||
|
||||
3. **Plataforma** (`/plataforma`)
|
||||
- Apresentação dos 3 produtos principais:
|
||||
- WEB3 ENGINE (Infraestrutura de Integração)
|
||||
- SMART DIGITAL TWIN (Inteligência Estratégica)
|
||||
- MED JOURNEY (Continuidade do Cuidado)
|
||||
- Arquitetura em camadas
|
||||
- Tecnologias utilizadas
|
||||
|
||||
4. **Módulos** (`/modulos`)
|
||||
- Detalhamento dos 10 módulos da plataforma
|
||||
- Sistema de filtros por categoria
|
||||
- Funcionalidades expandíveis
|
||||
- Modelo comercial modular
|
||||
|
||||
5. **Tecnologia** (`/tecnologia`)
|
||||
- Stack tecnológico completo
|
||||
- Arquitetura da plataforma
|
||||
- Princípios arquiteturais
|
||||
- Métricas de performance
|
||||
|
||||
6. **Impacto** (`/impacto`)
|
||||
- Casos de sucesso reais
|
||||
- Métricas de impacto
|
||||
- Benefícios por stakeholder
|
||||
- Impacto social
|
||||
|
||||
7. **Para Quem** (`/para-quem`)
|
||||
- Segmentação por tipo de cliente:
|
||||
- Municípios (pequeno, médio, grande porte)
|
||||
- Estados
|
||||
- Operadoras de Saúde
|
||||
- Hospitais e Clínicas
|
||||
- Comparativo de soluções
|
||||
|
||||
8. **Contato** (`/contato`)
|
||||
- Formulário de contato funcional
|
||||
- Informações de contato
|
||||
- FAQ
|
||||
- Múltiplas opções de contato
|
||||
|
||||
### 🛠️ Tecnologias Utilizadas
|
||||
|
||||
- **Frontend**: React 19.1.0 + Vite 6.3.5
|
||||
- **Styling**: Tailwind CSS
|
||||
- **Componentes**: Shadcn/UI
|
||||
- **Ícones**: Lucide React
|
||||
- **Roteamento**: React Router DOM
|
||||
- **Build**: Vite (otimizado para produção)
|
||||
|
||||
### 📁 Estrutura do Projeto
|
||||
|
||||
```
|
||||
iasis-website/
|
||||
├── src/
|
||||
│ ├── components/
|
||||
│ │ ├── ui/ # Componentes base (Shadcn/UI)
|
||||
│ │ ├── Header.jsx # Cabeçalho e navegação
|
||||
│ │ ├── Footer.jsx # Rodapé
|
||||
│ │ ├── Home.jsx # Página inicial
|
||||
│ │ ├── About.jsx # Página sobre
|
||||
│ │ ├── Platform.jsx # Página da plataforma
|
||||
│ │ ├── Modules.jsx # Página de módulos
|
||||
│ │ ├── Technology.jsx # Página de tecnologia
|
||||
│ │ ├── Impact.jsx # Página de impacto
|
||||
│ │ ├── ForWho.jsx # Página para quem
|
||||
│ │ └── Contact.jsx # Página de contato
|
||||
│ ├── assets/ # Imagens e recursos
|
||||
│ ├── lib/ # Utilitários
|
||||
│ ├── hooks/ # Hooks customizados
|
||||
│ ├── App.jsx # Componente principal
|
||||
│ ├── App.css # Estilos globais
|
||||
│ └── main.jsx # Ponto de entrada
|
||||
├── public/ # Arquivos públicos
|
||||
├── dist/ # Build de produção
|
||||
└── package.json # Dependências e scripts
|
||||
```
|
||||
|
||||
## 🚀 Como Executar
|
||||
|
||||
### Pré-requisitos
|
||||
- Node.js 18+
|
||||
- npm ou yarn
|
||||
|
||||
### Instalação
|
||||
```bash
|
||||
# Instalar dependências
|
||||
npm install
|
||||
|
||||
# Executar em desenvolvimento
|
||||
npm run dev
|
||||
|
||||
# Build para produção
|
||||
npm run build
|
||||
|
||||
# Preview do build
|
||||
npm run preview
|
||||
```
|
||||
|
||||
### URLs de Desenvolvimento
|
||||
- **Local**: http://localhost:5173
|
||||
- **Network**: http://169.254.0.21:5173
|
||||
|
||||
## 📊 Performance
|
||||
|
||||
### Build de Produção
|
||||
- **CSS**: 95.06 kB (15.46 kB gzipped)
|
||||
- **JavaScript**: 356.47 kB (102.21 kB gzipped)
|
||||
- **Imagens**: Otimizadas e comprimidas
|
||||
- **Total**: ~2.1 MB (incluindo assets)
|
||||
|
||||
### Otimizações Implementadas
|
||||
- ✅ Code splitting automático
|
||||
- ✅ Lazy loading de componentes
|
||||
- ✅ Compressão de imagens
|
||||
- ✅ Minificação de CSS/JS
|
||||
- ✅ Tree shaking
|
||||
- ✅ Gzip compression
|
||||
|
||||
## 🎨 Design System
|
||||
|
||||
### Cores Principais
|
||||
```css
|
||||
--primary: #3B82F6 (Azul IAsis)
|
||||
--secondary: #10B981 (Verde)
|
||||
--accent: #8B5CF6 (Roxo)
|
||||
--background: #FFFFFF
|
||||
--foreground: #1F2937
|
||||
```
|
||||
|
||||
### Componentes Reutilizáveis
|
||||
- Cards com efeitos hover
|
||||
- Botões com variações
|
||||
- Badges e tags
|
||||
- Formulários estilizados
|
||||
- Layout responsivo
|
||||
|
||||
## 📱 Responsividade
|
||||
|
||||
### Breakpoints
|
||||
- **Mobile**: < 768px
|
||||
- **Tablet**: 768px - 1024px
|
||||
- **Desktop**: > 1024px
|
||||
|
||||
### Funcionalidades Mobile
|
||||
- Menu hambúrguer
|
||||
- Touch-friendly buttons
|
||||
- Otimização de imagens
|
||||
- Layout adaptativo
|
||||
|
||||
## 🔧 Funcionalidades
|
||||
|
||||
### Navegação
|
||||
- ✅ Roteamento SPA
|
||||
- ✅ Menu responsivo
|
||||
- ✅ Links ativos
|
||||
- ✅ Scroll suave
|
||||
|
||||
### Formulários
|
||||
- ✅ Validação de campos
|
||||
- ✅ Estados de loading
|
||||
- ✅ Feedback visual
|
||||
- ✅ Acessibilidade
|
||||
|
||||
### Interatividade
|
||||
- ✅ Efeitos hover
|
||||
- ✅ Animações CSS
|
||||
- ✅ Componentes expandíveis
|
||||
- ✅ Filtros dinâmicos
|
||||
|
||||
## 🚀 Deploy
|
||||
|
||||
### Opções de Deploy
|
||||
1. **Vercel** (Recomendado)
|
||||
2. **Netlify**
|
||||
3. **GitHub Pages**
|
||||
4. **Servidor próprio**
|
||||
|
||||
### Comandos de Deploy
|
||||
```bash
|
||||
# Build de produção
|
||||
npm run build
|
||||
|
||||
# Os arquivos estarão em /dist
|
||||
```
|
||||
|
||||
## 📞 Suporte
|
||||
|
||||
Para dúvidas ou suporte técnico:
|
||||
- **Email**: contato@iasis.com.br
|
||||
- **Telefone**: +55 (11) 9999-9999
|
||||
|
||||
---
|
||||
|
||||
**Desenvolvido com ❤️ para a IAsis**
|
||||
|
||||
Reference in New Issue
Block a user