Clube de padel Projeto de demonstração
Ponto de Ouro — clube de padel com grelha de reservas em direto
Um site desportivo-premium para um clube de padel em Braga: verde racing, creme e dourado metálico, tipografia condensada de display com detalhes mono de marcador, uma matriz de reservas dia × campo × hora em direto com preços de hora de ponta, um quadro de torneio interativo, aulas, planos de sócio e regras rápidas para principiantes — tudo CSS e SVG inline.
feitura.pt/demo/ponto-de-ouro — Ao vivo
Um clube de padel com seis campos em Braga — quatro cobertos, dois exteriores — perde jogadores ao telefone enquanto os campos ficam vazios fora das horas de ponta. O site tem de tornar a reserva tão rápida como um ponto de ouro: uma grelha em direto dos próximos sete dias onde qualquer bloco livre de 90 minutos está a um toque, com preço honesto por jogador. À volta, a vida do clube: um torneio de verão com quadro a sério, uma escola de padel com três níveis, planos de sócio que valem a pena e o bar onde todos os jogos acabam de verdade.
O que está lá dentro
- Sistema de design verde racing, creme e dourado metálico em CSS scoped — zero fotografia
- Títulos condensados de display em peso 850 com detalhes de marcador em IBM Plex Mono
- Grelha de reservas em direto: 7 dias × 6 campos × 10 blocos de 90 minutos com motor de disponibilidade determinístico
- Lógica de hora de ponta — noites de semana e manhãs de fim de semana mais escassas e mais caras, coberto acima de exterior
- Grelha horizontal pensada para o polegar com coluna de campos fixa, slots de 48 px e resumo com preço por jogador
- Quadro de torneio interativo — quartos já jogados com resultados, toque em qualquer jogo para ver duplas, hora e campo
- Ilustração de campo de padel em vista de cima em SVG inline com divisórias de secção em linhas de campo
- Níveis da escola de padel com preços em EUR, crachás de treinadores e planos de sócio com tabela de benefícios
- Acordeão de regras rápidas que explica o ponto de ouro que dá nome ao clube
- Totalmente bilingue PT/EN com toggle nativo, contraste AA e reveals seguros com movimento reduzido
Registo de construção
- Direção de arte e tokens — paleta verde racing, creme e dourado, escala condensada de display, estudo SVG do campo em vista de cima, motivo das divisórias em linhas de campo
- Composição do hero com ticker do ponto de ouro, faixa de estatísticas, navegação fixa com toggle PT/EN e âncoras de secção
- Motor de reservas — hash determinístico de disponibilidade, regras de preço de hora de ponta e coberto, sete dias rotativos com tratamento de horários passados
- UI da grelha de reservas — scroll horizontal com coluna de campos fixa, estados dos slots, resumo da seleção com preço por jogador e formulário de demonstração
- Quadro do torneio — oito duplas, três rondas, estados jogado e agendado, cartão de detalhes do jogo por toque
- Escola de padel, crachás de treinadores, planos de sócio com tabela de benefícios, acordeão de regras rápidas e faixa do bar
- Passagem do locale EN, auditoria de contraste e alvos de toque, reveals de scroll com alternativa de movimento reduzido, recomposição para tablet e desktop
Stack
- Laravel
- Vue.js
- Inertia
- Tailwind CSS
- TypeScript
Lighthouse
97
Performance
100
Accessibility
100
Best practices
100
SEO