Vite + React
-
-
-
+
- Edit src/App.tsx and save to test HMR
-
+ {/* Header */}
+
+
+
+
+ );
+}
diff --git a/src/pages/area-cliente/UeaProdem.tsx b/src/pages/area-cliente/UeaProdem.tsx
new file mode 100644
index 00000000..182c5091
--- /dev/null
+++ b/src/pages/area-cliente/UeaProdem.tsx
@@ -0,0 +1,424 @@
+import { useState } from 'react';
+import { Link } from 'react-router-dom';
+import { ArrowLeft, Shield, FileText, Users, BarChart3, BookOpen, Award, Globe, ChevronRight, CheckCircle } from 'lucide-react';
+
+const UEA_PRODEM = {
+ name: 'UEA-PRODEM-ANGOLA',
+ fullName: 'Uniao dos Empresarios de Angola - PRODEM',
+ slogan: 'Juntos por uma Angola Melhor',
+ logo1: '/uea-logo-1.jpg',
+ logo2: '/uea-logo-2.jpg',
+ colors: {
+ primary: '#C41E3A',
+ secondary: '#1a1a1a',
+ accent: '#D4AF37',
+ light: '#F5F5DC',
+ },
+};
+
+const modules = [
+ { icon: Globe, title: 'Portal Institucional', desc: 'Website oficial com identidade visual da UEA' },
+ { icon: Users, title: 'Gestao de Associados', desc: 'Cadastro, categorias e niveis de adesao' },
+ { icon: Database, title: 'Banco Central de Dados', desc: 'Consolidacao de dados de todos os membros' },
+ { icon: Shield, title: 'Area Restrita', desc: 'Acesso exclusivo para membros validados' },
+ { icon: FileText, title: 'Pagamento de Cotas', desc: 'Integracao com Multicaixa e referencias' },
+ { icon: BookOpen, title: 'Biblioteca Digital', desc: 'Documentos, estatutos e regulamentos' },
+ { icon: Award, title: 'Formacao e Certificacao', desc: 'Cursos online com certificados validados' },
+ { icon: BarChart3, title: 'Dashboard Executivo', desc: 'Relatorios e indicadores em tempo real' },
+];
+
+function Database(props: React.SVGProps
+
+
+
+
+ A
+
+ Avanzato Status
+
+
+
+ {isDev ? 'Em desenvolvimento' : 'Produção'}
+
+
+
+ {/* Hero Status */}
+
+
+
+
+ {/* Status Cards */}
+ + Avanzato Tecnologia +
++ Sistema em desenvolvimento. Versão atual e histórico de releases. +
+
+ {/* Versão */}
+
+
+ {/* Alerta Dev */}
+ {isDev && (
+
+
+
+ {/* Ambiente */}
+
+
+ {loading ? (
+
+ ) : (
+ <>
+ Versão Atual
+{currentVersion}
+ {version?.date || '2026-06-05'}
+ + )} +
+
+
+ {/* Status */}
+
+
+ Ambiente
+
+ {isDev ? 'Dev' : 'Prod'}
+
+ + {isDev ? 'localhost:3000' : 'avanzato.com.br'} +
+
+
+
+
+ Status
+
+ {isDev ? 'Dev' : 'Online'}
+
+ + {isDev ? 'Backend em desenvolvimento' : 'Todos os sistemas operacionais'} +
+
+
+ )}
+
+ {/* Histórico de Versões */}
+
+
+
+
+ Modo Desenvolvimento Ativo
++ O sistema está rodando em ambiente de desenvolvimento. O backend (tRPC + MySQL) precisa estar configurado para todas as funcionalidades trabalharem. +
+
+
+
+ Histórico de Versões
+
+ {versions.map((v, i) => (
+
+
+ {/* Footer */}
+
+
+
+ ))}
+
+
+
+
+ v{v.version}
+
+ {v.date}
+ {v.status === 'em-desenvolvimento' && (
+
+ Em desenvolvimento
+
+ )}
+ {v.status === 'estavel' && (
+
+
+ {v.title}
+ -
+ {v.changes.map((change, j) => (
+
- + + {change} + + ))} +
+ {/* Header UEA */}
+
+
+
+ {/* Hero UEA */}
+
+ {/* Background gradient */}
+
+
+
+
+
+ {/* Conteudo */}
+
+ );
+}
+
+/* Secoes do formulario UEA */
+function UeaFormSections() {
+ const [openSection, setOpenSection] = useState
+
+
+
+ Ambiente Personalizado
+ |
+ {UEA_PRODEM.name}
+
+
+ {/* Logos */}
+
+
+ 
+ 
+
+
+ + {UEA_PRODEM.fullName} +
+{UEA_PRODEM.slogan}
++ Levantamento de requisitos para desenvolvimento do Portal Institucional e Plataforma Digital +
+ + {/* Tabs */} +
+
+
+
+
+ {activeTab === 'visao' ? (
+ <>
+ {/* Ecossistema */}
+
+
+ {/* Footer UEA */}
+
+
+
+
+ {/* Modulos adicionais */}
+ Ecossistema Digital
+14 modulos integrados para transformacao digital
+ +
+ {modules.map((mod, i) => (
+
+
+
+ ))}
+
+
+ {mod.title}
+{mod.desc}
+
+ {[
+ { title: 'Incubadora Empresarial', desc: 'Funil de evolucao: Ideia → Planeamento → MVP → Operacao → Crescimento → Escala' },
+ { title: 'Gestao de Mentorias', desc: 'Conexao entre mentores e empreendedores com acompanhamento' },
+ { title: 'Marketplace B2B', desc: 'Produtos e servicos entre membros com avaliacoes' },
+ { title: 'Gestao de Eventos', desc: 'Ingressos, transmissao online e certificados' },
+ { title: 'Relatorios Gerenciais', desc: 'Dashboards provinciais e nacionais em tempo real' },
+ { title: 'Sistema de Certificacao', desc: 'Certificados digitais com QR Code de validacao' },
+ ].map((item, i) => (
+
+
+ {/* Proximos passos */}
+
+
+ ))}
+
+
+ {item.title}
+{item.desc}
+
+
+
+ ) : (
+ /* Formulario de Requisitos */
+ Proximo Passo
++ Complete o formulario de levantamento de requisitos para que possamos apresentar a arquitetura da solucao, escopo funcional, cronograma e proposta financeira. +
+ +
+
+ )}
+
+
+
+
+
+ {/* 13 Secoes */}
+ Formulario de Requisitos
+Preencha todos os campos para podermos preparar a proposta completa.
+