Default Single
GitHub Issue: #34
Mobile: View design
Desktop: View design
Last modified with commit dddfead on
by Martin Jagodic.
Default layout for content pages. Customizable with shortcodes and modules. Content can be added via Hugo's .Content variable or through modular components. Example usage includes About Us, landing pages, explanation pages, etc.
Components
| Name | Description | Mode |
|---|---|---|
| Header | The Header component provides site navigation and branding. Shows brand logo, website switcher dropdown, main navigation menu with dropdown submenus, optional CTA button, and responsive mobile hamburger menu. Main navigation supports up to 2 levels of navigation (main items + one level of submenus/dropdowns). | global |
| Sub Page Hero | The Sub Page Hero Section displays a hero banner at the top of subpages with breadcrumb navigation and large heading text. Features full-width background image with gradient overlay and centered text card with brand-colored bottom border. | fixed |
| Text Columns | The Text Columns displays text content in a two-column layout on desktop and single-column layout on mobile. The left column contains a heading and body text, while the right column contains additional body text and an optional button. | module |
| Product Archive | The Product Archive component displays a list or grid of products or experiences. Shows product cards with images, titles, key information, and links to detail pages. | module |
| Anchor Cards | The Anchor Cards displays a grid of clickable feature cards with icons, titles, descriptions, and call-to-action buttons. Includes optional heading and body text. Cards display key benefits or selling points in a visually organized layout. | module |
| Image with Icon Box Grid | The Image with Icon Box Grid component displays a grid of icon boxes with optional featured image. Image can be positioned at the top, center, or omitted entirely, with icon boxes arranged in a grid layout. | module |
| Image and Text | The Image and Text component combines image content with structured text content. It displays optional kicker, headline, body paragraph, optional button and optional bulleted list with icons. Images can be static or animated sequences. | module |
| Icon Boxes | The Icon Boxes component displays a grid of numbered icon-based process steps. Shows the booking flow steps (choose, upgrade, pay, enjoy) with optional CTA button. | module |
| General FAQ | The General FAQ component displays frequently asked questions in an expandable accordion format. Shows list of questions that expand to reveal answers when clicked. | module |
| Stats | The Stats component displays key statistics and metrics in a grid layout. Each stat contains a large number or value, label, and descriptive text. The component arranges stats in a horizontal row on desktop and stacks them vertically on mobile. | module |
| Image Box Accordion Grid | The Image Box Accordion Grid displays a grid of partner or accreditation logos with expandable accordion items. Each item contains a logo image, title, truncated description, and expand button. The component includes an title, heading, and introductory text. | module |
| Footer | Multi-column footer section with site branding, navigation links, support information, and related site logos. Adapts across different brand sites (Collegium, Mondial, Collegium CRO, Cooltura) and responsive breakpoints. | global |