Meridiana

About this template

Meridiana is a boutique hotel website that reacts to the hour. Its Sundial component reads the property's own timezone and tints the hero from dawn to night, while a live status line tells the guest what is happening right now: Breakfast is served until 10:30. Scroll the home page and the light carries from morning to evening. Hover a room and its photographs open into a board.

Underneath, it runs like a hotel. One Settings record drives the whole site: change the phone number, the checkin time or the wifi password once and it updates everywhere. Booking is either your own inquiry form or one link to your booking engine, chosen with a single field.

What makes it different

• The Sundial: Hero Tint and Status Line modes, four phases by local time, four editable messages, manual override, reduced motion respected, static on phones.

• In Room Directory: the page behind the QR code on the bedside table. Wifi, breakfast, checkout, house notes, one tap to call reception. Hidden from search.

• Front Desk: a staff page for the reception tablet. Live counts of available, seasonal and fully booked rooms, current offers, wifi and the morning checklist.

• Room states: mark a room Available, Seasonal or Fully booked and the chip shows on the index, the card and the room page.

• Offers with an on/off toggle and a site wide notice banner.

• Phone-first: drawer navigation, fixed Book bar, heroes recropped for portrait.

Included

14 pages: Home, Rooms, Room detail, Journal, Journal entry, Dining, The House, Book, Visit, In Room Directory, Front Desk, Thank you, 404 and a Start Here guide.

8 CMS collections, about 77 records: Rooms, Amenities, Journal, Dining Menu, Guestbook, Offers, FAQ, Settings.

9 colour styles, 10 text styles, one layout template, no hard-coded colours or type anywhere.

Photos from Unsplash, hero clip from Pexels (free licences). Fonts from Google Fonts. English throughout. Single use licence.