Casamentos Demonstration project
Véu — wedding estate with live date availability
A romantic-editorial site for an Alentejo wedding estate: an 18-month availability calendar where booked Saturdays visibly disappear, a live budget estimator that prints a receipt, and an hour-by-hour timeline of the day — all illustrated in hand-drawn SVG, no stock photos.
feitura.pt/demo/veu — Live
The owners of a walled estate outside Évora — olive trees, a lake pier, a 19th-century threshing floor — host one wedding per weekend and book 12 to 18 months ahead. They are tired of Instagram DMs and a PDF price list: they want a site that makes a couple fall in love at 11 pm, shows which Saturdays are truly gone, hands them one honest number and one next step — come visit the quinta.
What's inside
- Romantic-editorial design system — ivory paper, olive ink, terracotta and gold hairlines, invitation-style double-rule frames
- 18-month availability calendar with booked, on-hold and free weekend dates, deterministic scarcity and a high-season badge
- Clicking a free date pre-fills it into the visit-request form and scrolls the couple straight to it
- Live budget estimator: guest slider, three menu-tier cards, open-bar, farmhouse and civil-ceremony toggles, season switch
- Itemised mono receipt that recalculates in real time, with VAT note and a send-this-estimate flow
- Hour-by-hour wedding-day timeline with scroll-snap, keyboard arrows and five hand-drawn SVG vignettes
- Three illustrated 'postcards' of the estate — the lake, the threshing floor, the winery — drawn entirely in inline SVG
- Honest FAQ accordion (rain plan B, sound curfew, outside suppliers, pets) and a fact strip in mono type
- Bilingual PT/EN copy, semantic landmarks, aria-pressed toggles, reduced-motion support and 44 px touch targets
Build log
- Art direction — ivory/olive/terracotta tokens, double-rule invitation frame, olive-branch and brand-mark SVG studies
- Hero composition and estate section — three hand-drawn SVG postcards: the lake, the threshing floor, the winery
- Availability calendar: 18-month pager, deterministic booked/held/free logic, high-season badge, legend and aria
- Budget estimator — guest slider, menu-tier cards, extras and season toggles, live itemised receipt with totals
- Hour-by-hour timeline with scroll-snap and five SVG vignettes; date-to-form pre-fill wiring
- Testimonials, FAQ accordion, visit-request form and confirmation states; full PT-PT and EN copywriting
- Accessibility and polish pass — focus states, reduced motion, mobile-first recomposition at 375 px, contrast checks
Stack
- Laravel
- Vue.js
- Inertia
- Tailwind CSS
- TypeScript
Lighthouse
97
Performance
98
Accessibility
100
Best practices
100
SEO