Right Hero Showcase — Glow, Fan
Hero section with text on the left and an animated product showcase on the right. Background: glow; product animation: fan.
How to use: add the Hero Showcase block and choose right · glow · fan in its style settings
What you can customize in this widget
Left Hero Showcase — Light, Coverflow
Hero with the animated product showcase on the left and text on the right. Background: light; product animation: coverflow.
How to use: add the Hero Showcase block and choose left · light · coverflow in its style settings
What you can customize in this widget
Center Hero Showcase — Soft, Deck
Centered text with the product showcase below it. Background: soft; product animation: deck.
How to use: add the Hero Showcase block and choose center · soft · deck in its style settings
What you can customize in this widget
Panel Hero Showcase — Mesh, Slide
Hero inside a rounded panel with the product showcase. Background: mesh; product animation: slide.
How to use: add the Hero Showcase block and choose panel · mesh · slide in its style settings
What you can customize in this widget
Wide Hero Showcase — Grid, Fade
Full-width hero with a wide product showcase. Background: grid; product animation: fade.
How to use: add the Hero Showcase block and choose wide · grid · fade in its style settings
What you can customize in this widget
Right Hero Showcase — Dark, Flip
Hero section with text on the left and an animated product showcase on the right. Background: dark; product animation: flip.
How to use: add the Hero Showcase block and choose right · dark · flip in its style settings
What you can customize in this widget
Left Hero Showcase — Midnight, Orbit
Hero with the animated product showcase on the left and text on the right. Background: midnight; product animation: orbit.
How to use: add the Hero Showcase block and choose left · midnight · orbit in its style settings
What you can customize in this widget
Center Hero Showcase — Gradient, Fan
Centered text with the product showcase below it. Background: gradient; product animation: fan.
How to use: add the Hero Showcase block and choose center · gradient · fan in its style settings
What you can customize in this widget
Panel Hero Showcase — Coverflow
Hero inside a rounded panel with the product showcase. Product animation: coverflow.
How to use: add the Hero Showcase block and choose panel · coverflow in its style settings
What you can customize in this widget
Wide Hero Showcase — Glow, Deck
Full-width hero with a wide product showcase. Background: glow; product animation: deck.
How to use: add the Hero Showcase block and choose wide · glow · deck in its style settings
What you can customize in this widget
Right Hero Showcase — Light, Slide
Hero section with text on the left and an animated product showcase on the right. Background: light; product animation: slide.
How to use: add the Hero Showcase block and choose right · light · slide in its style settings
What you can customize in this widget
Left Hero Showcase — Soft, Fade
Hero with the animated product showcase on the left and text on the right. Background: soft; product animation: fade.
How to use: add the Hero Showcase block and choose left · soft · fade in its style settings
What you can customize in this widget
Center Hero Showcase — Mesh, Flip
Centered text with the product showcase below it. Background: mesh; product animation: flip.
How to use: add the Hero Showcase block and choose center · mesh · flip in its style settings
What you can customize in this widget
Panel Hero Showcase — Grid, Orbit
Hero inside a rounded panel with the product showcase. Background: grid; product animation: orbit.
How to use: add the Hero Showcase block and choose panel · grid · orbit in its style settings
What you can customize in this widget
Wide Hero Showcase — Dark, Fan
Full-width hero with a wide product showcase. Background: dark; product animation: fan.
How to use: add the Hero Showcase block and choose wide · dark · fan in its style settings
What you can customize in this widget
Right Hero Showcase — Midnight, Coverflow
Hero section with text on the left and an animated product showcase on the right. Background: midnight; product animation: coverflow.
How to use: add the Hero Showcase block and choose right · midnight · coverflow in its style settings

















































