“Home” section displays the home screen. It has no options.

“Slide” section displays a full height interactive carousel with either image or video.

• Images and videos can be different on mobile or desktop. If no mobile version is provided, the desktop one is used across all screen sizes.
• Carousel automatically transitions to the next slide when a video ends.
• If a caption is provided, an icon is displayed at the top left corner of the slide. Pressing it triggers a small modal containing the caption. Displaying the caption, pause the carousel for 30 seconds.
• For videos, it’s a good ideal to include an image. It will be used as a poster before loading.

“Quote” section displays a single text large text centered in a full screen area.

• Size options allow you to choose between 26px or 39px font size.

“Image” section displays a single image

Layout options allow you to choose between full width (width: 100%; height: calc(var(–screen-height) – var(–header-height));background-size: cover) or centered (width is 10 of 12 columns, original aspect ratio is maintained).

“Image & Text” section displays two side by side blocks: an image and a block with a title (optional), a text and a call to action button (optional).

• Layout options allow you to change the column layout (6-5 or 6-3).
• Order options allow you to place images on the left or right.
• Align options let you change the text alignment.

“Text” section displays a block with a title (optional), a text and a call to action button (optional).

• Align options let you change the text alignment.

“Text & Text” section displays two side by side text blocks with a title (optional), a text and a call to action button (optional).

• Align options let you change the text alignment.

“Video” section displays a single full-width video with a 16/9 ratio. The poster is used as a placeholder before the video loads.

• Autoplay allows the video to automatically start when it enters the viewport.

“Gallery” section displays a series of images side by side. If their cumulative width is smaller than the screen with, they are centered. Otherwise, they are left-aligned and can be navigated with the mouse cursor.

“Food menu” section displays a restaurant menu organized in tabs with subsections and dishes.

“Raw text” section displays a single text in a column of 8 of 12 with basic type and layout options.