HeroSignature
hero · 4 variants · pages: homenpx shadcn-vue@latest add @trame/commerce-hero-signature # Vue
npx shadcn@latest add @trame/commerce-hero-signature # React-
split-card@trame/commerce-hero-signature--split-carda magazine-like split: a tall picture with one product’s card resting on it: a shop with one hero product or a signature piece
-
product-rail@trame/commerce-hero-signature--product-raila large picture with the promise at its foot and the two or three pieces stacked in a dark column beside it: a shop that wants the promise and the way to buy in the same first screen
-
scene-card@trame/commerce-hero-signature--scene-carda framed scene with the promise at its left and one piece’s card standing on the right, arrows to switch between pieces: a lifestyle shop whose products are shown in a room, not cut out
-
corner-tiles@trame/commerce-hero-signature--corner-tilesone full-bleed picture with the promise at its lower left and the pieces as small picture tiles in the lower-right corner: fashion or accessories, where the picture is the argument and the products a discreet addition