Hotel canino Demonstration project
Focinho — dog hotel with real kennel availability and a price per stay
A Sintra-sky site for a dog hotel in Colares: a fourteen-day calendar with free kennels per night, tap-in tap-out date selection, dog size and extras that price the stay live with a long-stay discount, and a booking sheet that insists on vaccinations. A drawn dog waits behind a fence in the hero; a timeline shows the day from doors open to lights out.
feitura.com/demo/focinho — Live
Owners choose a dog hotel on trust, and trust comes from specifics: how many kennels, what a day looks like, who sleeps there at night, what it costs for their dog for those nights. The site has to show all of it and take a booking without a phone call.
What's inside
- Fourteen-day calendar with free kennels per night, low and full states; check-in/check-out picked with two taps, ranges across a full night refused
- Stay price from dog size × nights, play-group nightly extra, one-off extras, and a 10 % discount from seven nights — all shown line by line
- Booking sheet with the dog's name and breed, owner details, notes, and a vaccination confirmation that blocks submission without it
- A day here: seven fixed hours on a timeline, plus the house rules
- The farm in numbers, check-in windows, simplified map, FAQ that says a dog will forget you
- Drawn field, pines, fence and dog in the hero; rounded heavy display, one sky-blue accent — no photography
- Bilingual PT/EN, Escape-closable dialog, focus management, 44 px targets, reduced-motion aware
Build log
- Art direction — Sintra sky, cloud, grass, sand; rounded display; the field drawing
- Availability model per night, two-tap range selection, pricing with discount
- Summary panel, booking sheet with vaccination gate
- A day here, the farm, map
- FAQ, bilingual copy pass, keyboard and 375px checks
Stack
- Laravel
- Vue.js
- Inertia
- TypeScript