A bilingual booking site for a boutique alpine retreat in Mavrovo National Park, with a custom Supabase backend for availability and direct reservations.

The Royal Pine Mavrovo is a boutique apartment retreat in Mavrovo National Park, Macedonia's largest alpine reserve. The owners wanted to move off OTA-only distribution (Booking, Airbnb) and onto a direct-booking channel that would reflect the calibre of the property and serve both local and international guests.

The property was entirely reliant on OTA listings, which meant 15-25% commission on every stay, generic brand presentation alongside hundreds of competitors, and no ability to build a direct relationship with returning guests. The brief was a premium bilingual (MK/EN) booking site that could handle reservations end to end without sending guests off to a third-party platform.

Designed in Figma and built from scratch on Next.js 16 with a custom Supabase backend for availability and reservations. next-intl handles the bilingual content, Tailwind CSS v4 drives the styling, and a real-time availability calendar lets guests check dates and book directly. Every photo, amenity and testimonial is editable by the owner without a developer.

The Photo Gallery showcases the apartment's interior and exterior in a full-bleed editorial layout, with images the owner can swap or reorder from the admin side at any time.

The booking section is wired directly to Supabase. Guests see live availability on the calendar, pick their dates, and reserve without leaving the site. No OTA commission, no third-party redirect, full ownership of the customer relationship.

The result is a direct-booking channel that cuts OTA commission out of every reservation, a bilingual brand presence that does justice to the property, and a content layer the owner can maintain solo.

Tools tags Figma · Next.js · Supabase · Tailwind CSS · UI/UX Design · Web Development · Full-Stack Development

Industry Hospitality / Travel