S Cabelos
Um salão onde a cliente escolhe o horário e paga o sinal no PIX sem mandar mensagem.
- Status
- Em produção
- Ano
- 2026
- Tecnologias
- React, TypeScript, Tailwind CSS, Firebase, Node.js, Mercado Pago
- 01Clienteescolhe o serviço no site
- 02Agendasó aparecem horários livres
- 03PIXQR code do Mercado Pago
- 04Webhookpagamento confirma o agendamento
- 05Painelagenda · financeiro · estoque
O problema
Agendamento por WhatsApp toma o dia de quem atende: pergunta de horário, ida e volta de mensagem, cliente que marca e não aparece.
O que foi feito
No site, a cliente vê os serviços com preço e fotos de trabalhos reais, escolhe um horário que está de fato livre e paga pelo PIX na hora. Um backend próprio fala com o Mercado Pago e, quando o pagamento cai, o agendamento é confirmado sozinho.
O salão tem um painel separado para:
- Ver e mudar o status dos agendamentos.
- Cadastrar serviços, preços e duração.
- Definir horários de atendimento e bloquear datas.
- Trocar fotos da galeria e textos do site sem mexer em código.
- Acompanhar o financeiro e o estoque de produtos.
Segurança
A chave do Mercado Pago nunca vai para o navegador: fica só na API. As regras do banco deixam a cliente criar um agendamento como pendente, e só o painel pode confirmar ou mexer em pagamentos.
Na demo
Escolha um serviço, um horário e pague o sinal no PIX: o QR code é de exemplo e o pagamento "cai" sozinho em alguns segundos, confirmando o agendamento. Depois clique em Painel do salão no selo da demo (o login já vem preenchido) para ver o agendamento, o financeiro e o estoque. Clientes, fotos e contatos são fictícios, e tudo fica salvo só no seu navegador.