Agendamento público

Escolha seu barbeiro, dia e horário

Essa tela agora segue o conceito do mockup que você enviou: mobile-first, dark mode, blocos claros de seleção e CTA rosa forte para conversão.

Próxima fase: conectar disponibilidade real, WhatsApp e pagamento.

Passo 1

Selecionar barbeiro

Passo 2

Escolher a data

Passo 3

Escolher o horário

Resumo do agendamento

Pronto para reservar

Serviço

Corte premium

Barbeiro

Rafael Barber

Data

Qua, 17

Hora

10:00

Observação

Quando a integração entrar, aqui vamos confirmar via WhatsApp, aplicar cupom e enviar link de pagamento se quiser sinal.

Acesso administrativo

Gerenciar operação

Enquanto aguardamos Google OAuth, Mercado Pago e Evolution API, já deixei a camada pública visual bem próxima da referência para o cliente final.