HeroFloat
hero · 3 variants · pages: homenpx shadcn-vue@latest add @trame/commerce-hero-float # Vue
npx shadcn@latest add @trame/commerce-hero-float # React-
scatter@trame/commerce-hero-float--scatterthe pictures around the title at different sizes and depths, as if set down on a table: 3 or 4 products that read well alone
-
orbit@trame/commerce-hero-float--orbitthe title above, the pictures in a gentle arc under it, the middle one largest: 2 to 4 products, a calmer opening
-
deck@trame/commerce-hero-float--deckthe title set on the left and the pictures fanned on the right like a hand of cards, the first product in front: 2 to 4 products with one to lead, a more personal, collected opening