Eolia Datça: hotel website template (Datça, Muğla)

The character of the design

Eolia Datça was designed for a modern seaside hotel on the peninsula where the Aegean meets the Mediterranean. A white base, soft light grey sections and cobalt blue as the single accent, with bold Bricolage Grotesque headings and Figtree body text, create a clean and bright look.

The booking bar in the white-framed full-screen hero invites guests to pick dates on the first screen. The home page has room cards, a sea collage, restaurant cards, a spa section, experiences, guest reviews and a bento gallery; GSAP and ScrollTrigger are used only for light reveals, counters and a single parallax.

A good starting point for boutique seaside hotels, modern properties on the Aegean and Mediterranean coast and hotels that want a simple, bright look.

What is in the demo?

• 7 pages and 6 room details

  Home, rooms, room detail, restaurants, spa, gallery and contact; a separate detail page for each room.

• Booking flow

  Date, room, guest details, payment and confirmation steps; available and sold-out rooms, alternative date suggestions.

• Rate calendar

  A priced availability calendar showing the rate for every night (two months side by side on desktop); refundable and non-refundable rate plans.

• Extras and payment form

  Transfer extra, discount code, card form and instalments; an .ics calendar file on the confirmation screen.

• TRY, EUR and USD

  Prices are shown in the currency the guest selects.

• Turkish and English

  Every page in two languages; the language switch goes to the same page.

• WhatsApp and mobile booking bar

  Fixed WhatsApp and booking buttons at the bottom of the screen on mobile.

• SEO foundation

  Sitemap, hreflang tags and JSON-LD structured data.

• Light animations

  Section reveals, counters and a single parallax with GSAP and ScrollTrigger; animations switch off when reduced motion is preferred.

Eolia Datça