Preciso construir uma corretora de opções binarias então eu vou te enviar o prompt e umas fotos de como eu quero o design da parte do cliente e da parte adminstradora ok? vamos la vou enviar as fotos agora e o prompt lembrando que eu estou enviando 2 arquivos zips uma tem a parte adminstrador e a outra tem a parte de clientes quero tudo funcional agora vou te enviar o prompt 🚀 Crie uma aplicação web completa para uma corretora de opções binárias com duas áreas totalmente separadas:

1️⃣ Área do Cliente/Trader
2️⃣ Área do Administrador

O estilo geral deve ser futurista, escuro, profissional, com animações suaves, seguindo exatamente as referências visuais do arquivo ZIP enviado (EXEMPLOS UPBROKER) e das imagens anteriores.

---

⚙️ Estrutura Geral

• Tecnologias: Next.js (App Router), Tailwind CSS, shadcn/ui para UI components, Lightweight Charts para gráfico, Zustand ou Context API para estados globais.
• Layout: Totalmente responsivo para desktop e mobile.
• Design: Dark mode predominante, elementos neon, tipografia moderna, UI limpa.

---

1️⃣ MÓDULO CLIENTE (CORRETORA)

Páginas:

• Home/Trading

  • Gráfico de candles em tempo real (Lightweight Charts)
  • Painel lateral: escolher par de moedas, valor da operação, tempo de expiração
  • Botões grandes: Comprar (⬆️) e Vender (⬇️) com animação
  • Mostrar payout e lucro potencial
  • Marcar pontos de compra/venda no gráfico
  • Mostrar saldo no topo
  • Painel inferior: histórico de operações, status (ganhou, perdeu)

• Carteira

  • Mostrar saldo, depósitos, saques
  • Botões: Depositar, Sacar (abrir modal)
  • Tabela com histórico de transações

• Perfil

  • Dados do usuário: nome, email, status
  • Alterar senha
  • Botão sair

• Login/Register

  • Campos: nome, email, senha
  • Telas limpas, fundo escuro com animação suave

Componentes obrigatórios:

• Modais para confirmar compra/venda
• Toasts de notificação
• Validação de formulários
• Loading spinner para operações
• Histórico com cores de resultado (verde/vermelho)

---

2️⃣ MÓDULO ADMINISTRADOR

Acesso: /admin

Páginas e Funcionalidades (igual aos exemplos do ZIP):

• Dashboard Principal

  • Gráficos de estatísticas gerais (faturamento, apostas ganhas/perdidas, lucro da corretora)
  • Indicadores rápidos (saldo total de usuários, quantos online, quantos apostando agora)

• Gerenciar Usuários

  • Tabela: nome, email, saldo, status (ativo, bloqueado)
  • Botões: editar saldo, bloquear/desbloquear

• Gerenciar Operações

  • Tabela: ID operação, par de moeda, valor, resultado (ganhou/perdeu), status (em andamento, finalizado)
  • Filtro por status e data

• Gerenciar Sinais

  • Área para criar sinais manuais (par de moeda, direção, payout)
  • Tabela de sinais programados ou já enviados

• Controle de Payout

  • Configurar payout de cada par de moeda
  • Ativar/desativar pares disponíveis para apostas

• Financeiro

  • Aprovar/recusar depósitos
  • Aprovar/recusar saques
  • Ver histórico financeiro completo

• Configurações

  • Alterar dados gerais do site
  • Gerenciar contas admin

Extras:

• Modais de confirmação de ações sensíveis (ex: deletar usuário, alterar saldo)
• Toasts para feedback rápido
• Layout intuitivo, com sidebar lateral fixa para navegação rápida entre páginas

---

📂 Organização do Código

• app/ — páginas usando App Router
• components/ — botões, formulários, modais, tabelas
• lib/ — funções utilitárias
• store/ — Zustand para gerenciar saldo, login, operações mock
• public/ — imagens e ícones

---

🔑 Requisitos Extras

• Simular dados com mocks ou JSON fake para gráficos, usuários e operações
• Animações suaves em interações
• Pronto para ser integrado com APIs reais depois
• Código limpo, pronto para deploy na Vercel

---

✅ Resumo Final

👉 O projeto gerado deve conter:

• Área do cliente igual às imagens enviadas (trading, carteira, perfil)
• Área do administrador igual aos exemplos do ZIP (controle total)
• Visual futurista e dark
• Layout 100% responsivo
• Componentes reutilizáveis e bem estruturados

---