Mirabelle
Showcase site for a private blue-cruise gulet on the Turkish Aegean
A bilingual, multi-page showcase site
Mirabelle is the showcase site for Baron, a private gulet offering blue-cruise voyages on the Turkish Aegean. A complete, bilingual site (Turkish and English), built end to end on the Next.js App Router.
Every section stands on its own page: the home, the gulet, the routes with a page for each cruise, Marmaris, and the booking enquiry. What follows is a closer look at how it was built.
The pages
- Home: a full-screen opening that sets the tone of the voyage.
- The gulet (/boat): a page devoted to the boat, its decks, its cabins and life aboard.
- Routes (/routes): five itineraries, each on its own page: Marmaris–Fethiye, Marmaris–Kekova, Bodrum–Göcek, Bodrum and the Greek Islands.
- Booking (/contact): a booking enquiry with direct email and phone.
My role
- Architecture: Next.js App Router, one route per page and per itinerary, i18n TR/EN (/tr, /en).
- Design & build: full-bleed editorial imagery, considered layout, fully responsive.
- Deployment: Vercel, with a dedicated domain.
How it's built
Under the imagery, Mirabelle is a deliberate build: a routes system that turns five cruises into five pages from a single template, wrapped in one editorial design and shipped to production.
Five cruises, one dynamic template
The routes system is the core of the site. All five cruises share one page template, so each itinerary renders as its own page, and adding a new one brings its page, its place in the navigation and its links with it.
Each voyage, detailed end to end
Every cruise page carries the full picture: a day-by-day route with its stops and anchorages, the suggested length, the departure point and time, and an inquiry call to action, all driven from the itinerary's own content.
A design system, shipped
One editorial language runs across every page: a Fraunces serif display against clean Inter sans, full-bleed imagery and a warm, restrained palette. It is fully responsive from phone to desktop, built on the Next.js App Router with Tailwind, and deployed on Vercel behind a dedicated domain.