HeroBento
the promise in a tall cell on the left, the collections’ pictures in a grid beside it: 3 or 4 collections to open at once
role: hero pages: home motion: expressive
Install
npx shadcn-vue@latest add @trame/commerce-hero-bento # Vue
npx shadcn@latest add @trame/commerce-hero-bento # Reactpromise-left
@trame/commerce-hero-bento--promise-left the promise in a tall cell on the left, the collections’ pictures in a grid beside it: 3 or 4 collections to open at once
promise-top
@trame/commerce-hero-bento--promise-top the promise as a wide band across the top, the collections’ pictures in a row under it: 2 or 3 collections, or a long promise
cascade
@trame/commerce-hero-bento--cascade the promise in a tall cell, the collections as tall portrait cards overlapping in a rising staircase beside it: 2 to 4 collections with tall, graphic pictures, for a shop that wants depth more than a grid