Vou remover os arquivos antigos e criar a nova estrutura conforme as especificações.
Agora vou criar toda a nova estrutura. Primeiro o header e os componentes base:
O header já está bom. Agora vou criar a Home e a página de Cadastro de Fornecedor:
Agora vou criar a página principal:
Refiz toda a estrutura do perfil do fornecedor conforme as especificações:
- Home - Área visual com 4 cards mostrando os primeiros passos (Cadastro, Acordo, Análise, Produto), cada um com status de "Em andamento", "Concluído" ou "Bloqueado"
Cadastro de Fornecedor - Página com stepper lateral que contém 3 steps:
- Step 1: Preview card no topo + blocos para CNPJ/Razão Social (desabilitados), Nome Fantasia/Resumo, Upload de Logo, e Regulatório (ANS/SUSEP/Outro com campos condicionais)
- Step 2: Cadastro de representantes legais (Nome, CPF, E-mail), com opção de adicionar mais. Ao enviar, mostra status de "Aguardando assinatura"
- Step 3: Tela de análise informando que está sendo revisado pela Fiibo
- Layout mobile first - Todo responsivo, stepper no topo em mobile e lateral em desktop
Vou criar a página "Meus Produtos" completa com todas as funcionalidades baseada na referência (tabela de produtos com busca, filtros, ordenação, paginação e cards de resumo).
Agora vou criar a página "Meus Produtos" completa com todas as funcionalidades:
Agora vou atualizar o header para ter navegação funcional e criar a página principal:
Agora vou atualizar a página principal para integrar a navegação com Meus Produtos:
Criei a página "Meus Produtos" completa com todas as funcionalidades conforme a referência:
- Busca funcional - Filtra por nome do produto ou código ANS em tempo real
- Filtros - Status (Todos/Ativo/Rascunho/Inativo) e Abrangência (Todas/Nacional/Estadual/Regional)
- Ordenação - Todas as colunas são clicáveis e ordenam asc/desc com indicador visual
- Tabela - Exibe nome, tipo, código ANS, preço, vendas com variação, cliques, status e abrangência
- Tooltips - No nome do produto, variação de vendas, e botão de filtros extras
- Menu de ações - Dropdown com opções de ver detalhes, editar, duplicar e desativar
- Paginação - Mostra 4 itens por página com navegação completa
- Exportar CSV - Botão funcional que gera o arquivo
- Cards de estatísticas - Top vendedor, maior conversão e pendências ANS com progress bars
- Navegação - Menu do header agora funciona e alterna entre páginas
- Página Meus produtos
Visualização de todos os produtos já cadastrados
Será possível ter rascunhos (começar um cadastro e não finalizar)
Inativar um produto
Linhas com Código do produto; Nome do produto; número de cliques; número de vendas; preço (unico ou a partir de); status (se ta ativo, inativo, rascunho, pendente); icon de 3 pontos para mais ações.
Barra de pesquisa, filtros
Também terá uma seleção Produto mais vendido Produto mais clicado; Produto que merece sua atenção (Essa sessão deve ficar acima.)
Botão para cadastrar novo produto