Lavida Resort

Overview

Lavida Resort is a Gatsby and React hospitality site with accommodation content managed in Contentful. The site is built around large imagery, room browsing, detail pages, and a simple route to enquire about a stay.

I wanted the site to feel calm and considered, not like a basic room listing. The layout gives space to the photography, keeps room details easy to scan, and gives visitors a clear next step when they are ready to enquire.

The Problem

A resort site has to do two things at once. It needs to help visitors imagine the stay, but it also needs to make the practical details easy to find. If the page is too busy, it loses the sense of quality. If it is too vague, visitors do not have enough information to enquire.

What I Built

• •Image-led homepage with routes into accommodation and contact
• •Room listing page
• •CMS-managed room detail pages
• •Reusable room cards and image sections
• •Simple contact and enquiry experience
• •Responsive layouts across homepage, accommodation, and contact pages

Technical Approach

I used Gatsby because the project is content-led and benefits from static generation, fast pages, and strong image handling.

Contentful was used for room content so accommodation details and images can be updated without changing the React code. GraphQL keeps the data structured across listing and detail pages.

UX and UI Decisions

The design uses larger image and text sections rather than small generic blocks. That works better for a hospitality site because visitors need to imagine the stay before they compare room details.

Room content is kept consistent even when images, prices, and descriptions vary across accommodation types.

What I Would Improve Next

I would add booking or availability integration, more precise mobile image crops, Contentful models for offers and testimonials, and tests for browsing rooms and submitting an enquiry.