CORE Events Premium Experience Platform

CORE Events é uma plataforma de luxo focada na venda de ingressos e logística de transporte executivo (bate e volta) para os maiores festivais e eventos de música eletrônica do Brasil. A plataforma foi projetada para oferecer uma experiência de ponta a ponta, desde a reserva até o desembarque, refletindo o alto padrão dos serviços oferecidos.

A aplicação possui uma arquitetura visual baseada no conceito "Editorial Dark Mode", priorizando tipografia de alto impacto, animações delicadas, navegação intuitiva e uma forte estética "glassmorphism".

---

🚀 Principais Funcionalidades

1. Interface de Usuário (Frontend Premium)

• Hero Editorial: Navegação manual de eventos em destaque com extração dinâmica de cores via Canvas API (a interface se adapta à cor dominante do pôster do evento).
• Glassmorphism Premium: Uso extensivo de fundos translúcidos (backdrop-blur), sobreposições escuras e bordas sutis para separar o conteúdo sem poluir a visão.
• Micro-interações: Animações fluidas em elementos clicáveis, efeitos de hover e transições longas (duration-700) para um toque sofisticado.
• Rotas e Mapas: Seção dedicada de embarque interligada à API de mapas, utilizando uma paleta noturna personalizada.

2. Catálogo e Check-out

• Eventos Dinâmicos: Exibição de eventos em formato de cards interativos, mostrando preços a partir de lotes ativos, datas formatadas e localização.
• Detalhes do Evento: Páginas únicas para cada evento com galeria de fotos, FAQs dinâmicos, tabela de horários (schedule) e locais exatos de embarque.
• Fluxo de Check-out: Processo de compra dividido em etapas (Tickets -> Upgrades -> Identificação -> Pagamento).
• Upsell (Upgrades VIP): Ofertas de seguros, copos térmicos, e acesso open bar premium durante o trajeto.

3. Portal de Controle (Admin HQ)

• Dashboard Gerencial: Visualização de faturamento total, tickets vendidos e status de frota.
• Acesso Seguro: Tela de login com estética monitorada (com botão de Acesso Demo liberado para visitantes visualizarem a interface).
• Gestão de Passageiros e Frota: Gerenciamento visual moderno (semelhante a plataformas SaaS).

---

🛠 Tecnologias Utilizadas

O projeto foi construído sobre uma stack moderna e performática:

• Framework: React 18
• Build Tool: Vite
• Linguagem: TypeScript
• Estilização: Tailwind CSS (com extensões em tailwind.config.js para animações e utilitários específicos)
• Roteamento: React Router DOM v6
• Ícones: Lucide React
• Tratamento de Imagem: HTML5 Canvas API (para color extraction)

---

⚙️ Instalação e Execução (Desenvolvimento)

Siga as etapas abaixo para rodar o projeto em sua máquina local.

Pré-requisitos: Node.js v18+ e NPM (ou Yarn).

1. Clone o repositório:

   git clone https://github.com/seu-usuario/core-events.git
   cd core-events

2. Instale as dependências:

   npm install

3. Inicie o servidor de desenvolvimento:

   npm run dev

4. Acesse no navegador: Abra http://localhost:5173 no seu navegador.

---

📂 Estrutura de Diretórios

A arquitetura do projeto segue um padrão modular:

/src
 ├── /components       # Componentes reutilizáveis (Layout, Botões, EventCard, Ícones, Toasts)
 ├── /pages            # Páginas da aplicação (Home, EventDetails, Checkout, Success)
 │    └── /admin       # Páginas do portal de gerenciamento (AdminLogin, Dashboard)
 ├── /utils            # Funções auxiliares (Local Storage, formatadores)
 ├── types.ts          # Definições de interfaces do TypeScript (Event, TicketType, CartItem)
 ├── constants.ts      # Dados mockados e variáveis globais (Eventos, FAQs, Testimonials)
 ├── index.css         # Configurações globais de CSS, fontes e utilitários customizados
 └── App.tsx           # Ponto de entrada e configuração de rotas

---

🎨 Design System & Estilo (Guide)

Se for expandir o projeto, siga estas regras para manter o padrão de luxo:

• Fundo (Background): Utilize sempre variações de escuro extremo (#050505 ou bg-brand-dark). Nunca use fundos sólidos em cinza claro para conteúdo central.
• Tipografia:
  • Títulos Gigantes (Hero): Use a família tipográfica definida como font-heading, em maiúsculo, com tracking-tighter.
  • Labels / Badges: Textos de 9px a 10px, uppercase, font-bold e tracking-widest (espaçamento grande).
• Cores de Acento: Utilize brand-purple e brand-cyan de forma cirúrgica. Apenas botões, detalhes ou brilhos de fundo (blur lights) devem receber cor.
• Imagens: Imagens de ingressos ou banners devem sempre exibir sua cor original. O sistema extrairá automaticamente a cor base para integrar com a UI.

---

📄 Licença

Este projeto é de uso restrito da CORE Events. Todos os direitos reservados quanto à identidade visual e interface comercial desenvolvida.