Component Library
Explore the complete Versantus component library. Each component is production-ready, fully responsive, and designed for hotel and hotel group websites.
Hero Content
Ashcombe House, Cotswolds
A manor house with the doors left open
Large hero section with background image/video support, overlay text, tagline, and call-to-action buttons. Supports shallow and deep height variants.
Call to Action
Winter weekends at The Calton
Two nights in Edinburgh with breakfast, dinner on the first evening and a late check-out on Sunday.
Promotional content block with image, text, and buttons. Supports background image style (hero-like) or simple image style (side-by-side).
Content Teaser
Card-style content preview with image, title, text, and read more link. Used within Content Carousel Grid for journal stories, offers and related content.
Profile Cards
Tom Hartley
Head Chef, Merrow Cove
Seafood, foraging, the daily menu
Giulia Ferraro
Weddings Manager, Villa Lirio
Exclusive use, ceremonies, planning
Hannah Price
Spa Manager, Ashcombe House
Treatments, spa days, wellbeing
Introduce your team with photo, name, role, contact details and bio. Supports popup modal for extended information.
Quote
We came for two nights and stayed for four. The room looked straight out to sea and nobody once tried to hurry us out of breakfast.
Merrow Cove, October
Display blockquotes with optional source attribution. Good for guest reviews, press quotes and highlighted statements.
Accordion
Frequently Asked Questions
Expandable/collapsible content sections. Good for FAQs, booking terms, or any content that benefits from progressive disclosure.
Styled Buttons
Configurable button styles with solid, light, and outline variants. Supports icons, custom colours, and inline or stacked layouts.
Gallery
Villa Lirio Gallery
Responsive image and video gallery with LightGallery lightbox. Supports thumbnails, captions, and mixed media content.
Embedded Video
A morning at Merrow Cove
Embed videos from YouTube, Vimeo, and other providers. Maintains 16:9 aspect ratio with optional caption.
Logo Carousel
As featured in
Swiper-powered carousel for awards, press mentions or partner logos. Configurable autoplay and navigation.
Heading
Eat and drink
Centred Heading Example
Right-Aligned Heading
Semantic HTML headings (H1-H6) with configurable alignment and optional icons from the theme sprite.
WYSIWYG
About Ashcombe House
Ashcombe House is a Cotswold manor with a walled kitchen garden, a restaurant that cooks from it, and the Stables Spa just across from the house.
- The Stables Spa, with a vaulted thermal pool
- Rooms in the main house and around the garden
- Exclusive use for weddings and celebrations
Rich text content from the WYSIWYG editor. Applies consistent typography and styling to user-generated content.
Webform Embed
Wedding enquiry
Embed Drupal webforms with optional form selector for multiple forms. Integrates with Drupal's webform module.
Layout Components
Structural components for page organisation and content arrangement.
Section Layout
Section with Background Colour
Content goes here
Section with Background Image
Content goes here
Top-level container for page sections. Supports background colours, images, scroll-to anchors, and container width options.
Column Layouts
Flexible column layouts: one, two (50/50, 70/30, 30/70), and three column options. Each column supports background colours and images.
Tabs
Tab content appears here. Each tab can contain any combination of other components including text, images, and forms.
Tabbed content layout for organising related information. Each tab can contain any combination of other components.
Ready to See These Components in Action?
Try them in the Merrow Collection demo, or book a call and we'll walk you through the library with your own branding applied.