Component Library
Explore the complete Versantus component library. Each component is production-ready, fully responsive, and designed for membership organisation websites.
Hero Content
Welcome to the Guild
Good work. Good company.
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
Renewals are open for 2026
Renew before 31 January to keep your member number, your directory listing and member prices on every event.
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 news, events, and related content.
Profile Cards
Carys Morgan Joinery
Joiners · Cardiff
Fitted furniture, shelving and repairs
Eleri Woodworks
Joiners · Cardiff
Made-to-measure furniture and restoration
Roundabout Cycles
Bike mechanics · Bristol
Servicing, wheel building and repairs
Display members, staff or trustees with photo, name, role, contact details, and bio. Supports popup modal for extended information.
Quote
You can work for yourself without being on your own.
Independent joiner, Cardiff (illustrative member quote)
Display blockquotes with optional source attribution. Useful for member testimonials, quotes from your chair, and highlighted statements.
Accordion
Frequently Asked Questions
Expandable/collapsible content sections. Useful for FAQs, membership rules, or any content benefiting from progressive disclosure.
Styled Buttons
Configurable button styles with solid, light, and outline variants. Supports icons, custom colours, and inline or stacked layouts.
Gallery
Workshop Gallery
Responsive image and video gallery with LightGallery lightbox. Supports thumbnails, captions, and mixed media content.
Embedded Video
Welcome to The Fettle Guild
Embed videos from YouTube, Vimeo, and other providers. Maintains 16:9 aspect ratio with optional caption.
Logo Carousel
Our Supporters
Swiper-powered carousel for partner logos, affiliated bodies, or sponsor displays. Configurable autoplay and navigation.
Heading
Membership Tiers
Centred Heading Example
Right-Aligned Heading
Semantic HTML headings (H1-H6) with configurable alignment and optional icons from the theme sprite.
WYSIWYG
About the Guild
The Fettle Guild brings together independent makers and menders: bakers, joiners, bike mechanics and picture framers. Members hold the Fettle Mark, a peer-checked standard anyone can look up.
- Meet-ups and hands-on workshops
- Advice on pricing and running a small business
- A public directory that sends work your way
Rich text content from the WYSIWYG editor. Applies consistent typography and styling to user-generated content.
Webform Embed
Request Information
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?
Book a demo call and we'll walk you through the complete library with your branding applied.