Every animation uses the same motion: a soft fade with a short slide, so the page feels calm and consistent. To animate any new element on scroll, select it, open Settings and add the custom attribute data-reveal with the value true. Hero Intro, About Text Reveal, Navbar Intro and Footer Reveal are listed in the Interactions panel and can be edited there.
Colors, fonts and spacing are controlled from three variable collections. Change a value once and it updates across the whole site. Typography and Sizing include Desktop, Tablet and Mobile modes, so text and spacing scale automatically on smaller screens without extra breakpoint styles.
The navbar, footer, buttons and cards are components. Select an instance to change its text, images and links from the properties panel without touching the design. To change the layout or style of every card at once, open the component and edit it directly.
The booking form in the footer uses the section ID contact, so every Book now button and the Contact link scroll straight to it. Update the email, phone and address in the hero and footer, then replace the video links in the hero and FAQ lightboxes with your own YouTube or Vimeo URLs.
