Hotel canino Projeto de demonstração
Focinho — hotel canino com boxes livres reais e preço por estadia
Um site céu-de-Sintra para um hotel canino em Colares: um calendário de catorze dias com boxes livres por noite, seleção de datas com dois toques, tamanho do cão e extras que calculam a estadia em tempo real com desconto de estadia longa, e uma folha de reserva que insiste nas vacinas. Um cão desenhado espera atrás de uma vedação no hero; uma cronologia mostra o dia das portas abertas à luz apagada.
feitura.com/demo/focinho — Ao vivo
Os donos escolhem um hotel canino por confiança, e a confiança vem dos detalhes: quantas boxes, como é um dia, quem dorme lá à noite, quanto custa para o seu cão naquelas noites. O site tem de mostrar tudo isso e receber uma reserva sem telefonema.
O que está lá dentro
- Calendário de catorze dias com boxes livres por noite, estados de poucas e cheio; entrada e saída escolhidas com dois toques, intervalos que atravessam uma noite cheia recusados
- Preço da estadia a partir de tamanho × noites, extra noturno de grupo de brincadeira, extras únicos, e 10 % de desconto a partir de sete noites — tudo linha a linha
- Folha de reserva com nome e raça do cão, dados do dono, notas, e confirmação de vacinas que bloqueia o envio sem ela
- Um dia aqui: sete horas fixas numa cronologia, mais as regras da casa
- A quinta em números, janelas de entrada, mapa simplificado, FAQ que admite que o cão se vai esquecer de si
- Campo, pinheiros, vedação e cão desenhados no hero; display redondo e pesado, um único acento azul-céu — sem fotografia
- Bilingue PT/EN, diálogo fechável com Escape, gestão de foco, alvos de 44 px, movimento reduzido respeitado
Registo de construção
- Direção de arte — céu de Sintra, nuvem, relva, areia; display redondo; o desenho do campo
- Modelo de disponibilidade por noite, seleção de intervalo com dois toques, preços com desconto
- Painel de resumo, folha de reserva com bloqueio de vacinas
- Um dia aqui, a quinta, mapa
- FAQ, revisão do texto bilingue, verificações de teclado e a 375px
Stack
- Laravel
- Vue.js
- Inertia
- TypeScript