HeroImage
hero · 3 variants · pages: home, catalog, landingnpx shadcn-vue@latest add @trame/commerce-hero-image # Vue
npx shadcn@latest add @trame/commerce-hero-image # React-
overlay@trame/commerce-hero-image--overlayone strong, wide picture of the shop’s own: the title and the action laid over it on a legible wash, the picture across the whole width
-
split@trame/commerce-hero-image--splita picture with a subject that must not be covered (a face, a piece in detail): the words in their own column, the picture beside them running to the page’s edge
-
quiet@trame/commerce-hero-image--quieta calm shop or a picture busy with detail: the title centred (or at the start) on the page, the picture under it in a wide frame