previously Vue Storefront Build Better Storefronts


Banners are components that deliver main image and content in various configurations.

Horizontal Display

Vertical Display

Vertical display block with image and content below or above it.

Multiple vertical Displays

Four vertical displays in row on desktop.


The Hero component simplifies the process of creating stunning hero sections for your website. With Hero, you have the flexibility to seamlessly integrate a main image and customize your content to suit your needs. Additionally, Hero allows adding background images tailored for both mobile and desktop devices. To ensure an optimal blend of performance and visual appeal, we recommend adhering to the following image guidelines:

Desktop Background Images: Minimum width: 3840px Aspect ratio: 4:1.5 Example size: 3840px x 1440px

Mobile Background Images: Minimum width: 768px Aspect ratio: 3:4 Example size: 768px x 1024px