Back to Home

Mega Menu - Tabbed

Tab 1 Tab 2 Tab 3 Tab 4
Back to Mega Menu - Tabbed

Tab 1

Page group one

  • Page One

    Lorem ipsum dolor sit amet consectetur elit

  • Page Two

    Lorem ipsum dolor sit amet consectetur elit

  • Page Three

    Lorem ipsum dolor sit amet consectetur elit

  • Page Four

    Lorem ipsum dolor sit amet consectetur elit

Page group two

  • Page One

    Lorem ipsum dolor sit amet consectetur elit

  • Page Two

    Lorem ipsum dolor sit amet consectetur elit

  • Page Three

    Lorem ipsum dolor sit amet consectetur elit

  • Page Four

    Lorem ipsum dolor sit amet consectetur elit

Page group three

  • Page One

    Lorem ipsum dolor sit amet consectetur elit

  • Page Two

    Lorem ipsum dolor sit amet consectetur elit

  • Page Three

    Lorem ipsum dolor sit amet consectetur elit

  • Page Four

    Lorem ipsum dolor sit amet consectetur elit

Back to Mega Menu - Tabbed

Tab 2

Page group one

Back to Mega Menu - Tabbed

Tab 3

Page group one

Back to Mega Menu - Tabbed

Tab 4

Page group one

Back to Home

Mega Menu - Cards

Medium length heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Button

Eyebrow

Title

Praesent placerat, magna in vehicula vestibulum, felis urna cursus lorem, sed vestibulum quam eros vel libero..

Link

Eyebrow

Title

Praesent placerat, magna in vehicula vestibulum, felis urna cursus lorem, sed vestibulum quam eros vel libero..

Button

Eyebrow

Title

Praesent placerat, magna in vehicula vestibulum, felis urna cursus lorem, sed vestibulum quam eros vel libero..

Button
Back to Home

Mega Menu - Simple

Link 1Link 2
Back to Home

Mega Menu - Links

Page group one

  • Page One

    Lorem ipsum dolor sit amet consectetur elit

  • Page Two

    Lorem ipsum dolor sit amet consectetur elit

  • Page Three

    Lorem ipsum dolor sit amet consectetur elit

  • Page Four

    Lorem ipsum dolor sit amet consectetur elit

Page group two

  • Page One

    Lorem ipsum dolor sit amet consectetur elit

  • Page Two

    Lorem ipsum dolor sit amet consectetur elit

  • Page Three

    Lorem ipsum dolor sit amet consectetur elit

  • Page Four

    Lorem ipsum dolor sit amet consectetur elit

Page group three

  • Page One

    Lorem ipsum dolor sit amet consectetur elit

  • Page Two

    Lorem ipsum dolor sit amet consectetur elit

  • Page Three

    Lorem ipsum dolor sit amet consectetur elit

  • Page Four

    Lorem ipsum dolor sit amet consectetur elit

Page group four

  • Page One

    Lorem ipsum dolor sit amet consectetur elit

  • Page Two

    Lorem ipsum dolor sit amet consectetur elit

  • Page Three

    Lorem ipsum dolor sit amet consectetur elit

  • Page Four

    Lorem ipsum dolor sit amet consectetur elit

No results found matching your criteria

Why not check out our most popular searches?

Title

Praesent placerat, magna in vehicula vestibulum, felis urna cursus lorem, sed vestibulum quam eros vel libero..
Button

Title

Praesent placerat, magna in vehicula vestibulum, felis urna cursus lorem, sed vestibulum quam eros vel libero..
Button

Title

Praesent placerat, magna in vehicula vestibulum, felis urna cursus lorem, sed vestibulum quam eros vel libero..
Button

Title

Praesent placerat, magna in vehicula vestibulum, felis urna cursus lorem, sed vestibulum quam eros vel libero..
Button

Title

Praesent placerat, magna in vehicula vestibulum, felis urna cursus lorem, sed vestibulum quam eros vel libero..
Button

Title

Praesent placerat, magna in vehicula vestibulum, felis urna cursus lorem, sed vestibulum quam eros vel libero..
Button

Content

📖 Overview

The Content block is a versatile text block for displaying structured content with an optional eyebrow, heading, subtitle, body text, and call-to-action buttons. It uses the Heading, Paragraph, and Button components.

✏️ Content Options

Field Type Required Description
Eyebrow Title Text No Small text displayed above the main heading
Eyebrow Type Select No HTML element for the eyebrow (default: p)
Eyebrow Size Select No Visual size of the eyebrow (default: H5)
Heading Title Text No The main heading text
Heading Type Select No HTML element for the heading (h1-h6, p)
Heading Size Select No Visual size of the heading
Subtitle Title Text No Secondary heading displayed below the main heading
Subtitle Type Select No HTML element for the subtitle (default: h3)
Subtitle Size Select No Visual size of the subtitle (default: H3)
Content WYSIWYG Editor No Rich text body content

Buttons

Buttons are managed via a repeater field (maximum 2). Each button renders the Button component with the following fields:

Field Type Required Description
Button Link Link Yes The URL, text, and target for the button
Button Style Select No Visual style of the button (Primary, Secondary, Tertiary)
Button Icon Select No Optional icon for the button

⚙️ Settings Options

Setting Type Default Description
Center content? Toggle Off Center the content and buttons within the block

Eyebrow

Title

Medium length subtitle lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Fusce at nisi arcu. Quisque sed dolor nec dui scelerisque dapibus. Sed at purus at sem aliquet luctus. Sed non massa sit amet sapien porttitor ornare. Vivamus pretium, tortor at tempus ullamcorper, diam ligula lobortis quam, at scelerisque libero lectus ut risus.

Button 1Button 2

Eyebrow

Title

Medium length subtitle lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Fusce at nisi arcu. Quisque sed dolor nec dui scelerisque dapibus. Sed at purus at sem aliquet luctus. Sed non massa sit amet sapien porttitor ornare. Vivamus pretium, tortor at tempus ullamcorper, diam ligula lobortis quam, at scelerisque libero lectus ut risus.

Button 1Button 2

Eyebrow

Medium length heading

Medium length subtitle lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Eyebrow

Medium length heading

Medium length subtitle lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Body fusce at nisi arcu. Quisque sed dolor nec dui scelerisque dapibus. Sed at purus at sem aliquet luctus. Sed non massa sit amet sapien porttitor ornare. Vivamus pretium, tortor at tempus ullamcorper, diam ligula lobortis quam, at scelerisque libero lectus ut risus.

Button 1Button2

Eyebrow

Medium length heading

Medium length subtitle lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Body fusce at nisi arcu. Quisque sed dolor nec dui scelerisque dapibus. Sed at purus at sem aliquet luctus. Sed non massa sit amet sapien porttitor ornare. Vivamus pretium, tortor at tempus ullamcorper, diam ligula lobortis quam, at scelerisque libero lectus ut risus.

Button 1Button 2

Eyebrow

Medium length heading

Medium length subtitle lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Body fusce at nisi arcu. Quisque sed dolor nec dui scelerisque dapibus. Sed at purus at sem aliquet luctus. Sed non massa sit amet sapien porttitor ornare. Vivamus pretium, tortor at tempus ullamcorper, diam ligula lobortis quam, at scelerisque libero lectus ut risus.

Button 1Button 2

Eyebrow

Medium length heading

Medium length subtitle lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Body fusce at nisi arcu. Quisque sed dolor nec dui scelerisque dapibus. Sed at purus at sem aliquet luctus. Sed non massa sit amet sapien porttitor ornare. Vivamus pretium, tortor at tempus ullamcorper, diam ligula lobortis quam, at scelerisque libero lectus ut risus.

Button 1Button 2