Make VELA your own.
VELA — Hotel & Resort Website Template by LOCALMATE. Start with the hotel name and logo, then styles. Edit room images, names and illustrative rates, configure offers and external booking URLs, and check mobile layouts. Included seller-generated photos and film depict fictional scenes and may be used within one licensed website. Framer hosting, a domain and booking services are separate.
01 / Hotel identity
Change Hotel Brand in the shared VELA editorial layout and Brand on the Home hero. Update the shared color and text styles. Booking, My VELA and FAQ each expose their own Brand control; update all three for a consistent demo.
02 / Rooms
Edit Rooms CMS for room name, hero image, gallery, description, guests, size, currency and nightly rate. The bound room gallery supports enlargement, previous/next images and 200% zoom. Gallery alt text uses one description per image separated by |. All current rates are fictional.
03 / Offers
Edit terms, inclusions and related room in Offers CMS. Related room links connect directly to its detail page.
04 / External booking
Set Booking Link in the shared layout or Booking URL on a room or offer. Blank destinations lead to Contact to book. Live availability, reservations and payments require your provider; date or guest forwarding is not implemented.
05 / Mobile and film
Home uses Cinematic on Desktop, Tablet and Phone. The VELA hero exposes Mode, Brand, Tagline, Desktop Film, Mobile Film and Mobile Cinema. The included portrait film decodes while scrolling and can recover through streamed, downloaded and native video sources. Choose Photo to use an image instead. Reduced motion uses a poster. If loading fails, retry or browse without video. Dining and Wellness expose their Image controls. Upload suitably sized photographs.
06 / Domain and indexing
Use your own Framer site plan and domain. Search indexing is disabled for this fictional demo. Before launching your website, review accessibility, legal pages, contact details, booking destinations and indexing settings.
07 / Interactive demos
Open /demo for booking, My VELA and preset FAQ. Select each Demo workspace to edit Brand, Sample Currency, Sample Villas, Sample Extras and Sample Experiences. These independent sample arrays do not synchronize with CMS. Keep each Key unique and consistent between booking and My VELA; update both copies of Sample Villas together. Stored sample stays and requests stay in that browser only.
Scope and exclusions
The seven-step booking, My VELA service requests and preset FAQ are local sample interactions. No PMS, live inventory, payments, customer authentication, AI concierge or email delivery is connected. Guest details are fixed sample values. Connect and verify your own services before accepting real bookings.
PREPARING YOUR STAY