Spaces:
Running
Running
Ctrl+K
- 1.52 kB initial commit
- 208 Bytes Crie a interface da área de "Gestão de Promoters" de um sistema web chamado "EventOps Pro", voltado para empresas que organizam eventos. Essa tela deve estar integrada a um painel administrativo. Utilize React + TailwindCSS (ou HTML/CSS/JS puro, se for necessário). A estrutura precisa ser funcional, visualmente clara e organizada para desktop. A tela deve conter: 1. **Título da Página:** "Gestão de Promoters" 2. **Botões principais no topo:** - [ + Cadastrar novo Promoter ] - [ Exportar Relatório ] (PDF ou Excel) - [ Gerar Links ou QR Codes ] 3. **Tabela/Listagem de Promoters** - Colunas: - Foto ou ícone do promoter - Nome completo - Telefone ou @Instagram - Link de venda (com botão de copiar) - Número de ingressos vendidos - Valor total em R$ - Comissão em R$ - Status (ativo/inativo) - Ações (editar / desativar / visualizar perfil) 4. **Filtros e busca lateral ou superior:** - Buscar por nome - Filtrar por status (ativo, inativo) - Filtrar por evento específico 5. **Modal de Cadastro de Promoter:** - Campos: - Nome completo - Telefone - Instagram (opcional) - CPF (opcional) - Evento vinculado - Porcentagem de comissão - Gerar link personalizado 6. **Detalhamento individual do promoter (ao clicar):** - Perfil com foto - Dados de contato - Lista de eventos vinculados - Desempenho por evento - Histórico de vendas - Total comissionado - Status de pagamento (pago / pendente) O layout deve ser responsivo, com ícones, tipografia clara e cores neutras com destaques visuais nos botões e status. A navegação deve ser fluida e profissional, com menus laterais se necessário. Pode usar ícones da biblioteca Lucide, Heroicons ou Font Awesome. Apenas o frontend. Pode usar dados fictícios para ilustrar a tabela e os gráficos de desempenho. - Initial Deployment
- 49.7 kB Crie a interface da área de "Gestão de Promoters" de um sistema web chamado "EventOps Pro", voltado para empresas que organizam eventos. Essa tela deve estar integrada a um painel administrativo. Utilize React + TailwindCSS (ou HTML/CSS/JS puro, se for necessário). A estrutura precisa ser funcional, visualmente clara e organizada para desktop. A tela deve conter: 1. **Título da Página:** "Gestão de Promoters" 2. **Botões principais no topo:** - [ + Cadastrar novo Promoter ] - [ Exportar Relatório ] (PDF ou Excel) - [ Gerar Links ou QR Codes ] 3. **Tabela/Listagem de Promoters** - Colunas: - Foto ou ícone do promoter - Nome completo - Telefone ou @Instagram - Link de venda (com botão de copiar) - Número de ingressos vendidos - Valor total em R$ - Comissão em R$ - Status (ativo/inativo) - Ações (editar / desativar / visualizar perfil) 4. **Filtros e busca lateral ou superior:** - Buscar por nome - Filtrar por status (ativo, inativo) - Filtrar por evento específico 5. **Modal de Cadastro de Promoter:** - Campos: - Nome completo - Telefone - Instagram (opcional) - CPF (opcional) - Evento vinculado - Porcentagem de comissão - Gerar link personalizado 6. **Detalhamento individual do promoter (ao clicar):** - Perfil com foto - Dados de contato - Lista de eventos vinculados - Desempenho por evento - Histórico de vendas - Total comissionado - Status de pagamento (pago / pendente) O layout deve ser responsivo, com ícones, tipografia clara e cores neutras com destaques visuais nos botões e status. A navegação deve ser fluida e profissional, com menus laterais se necessário. Pode usar ícones da biblioteca Lucide, Heroicons ou Font Awesome. Apenas o frontend. Pode usar dados fictícios para ilustrar a tabela e os gráficos de desempenho. - Initial Deployment
- 388 Bytes initial commit