HeroProductSlides
pictures edge to edge, the words on the calm side and the campaign’s product on a card at the other, arrows at the edges: a shop whose scenes sell and whose first click should land on a product
role: hero pages: home motion: expressive
Install
npx shadcn-vue@latest add @trame/commerce-hero-product-slides # Vue
npx shadcn@latest add @trame/commerce-hero-product-slides # Reactfullbleed-card
@trame/commerce-hero-product-slides--fullbleed-card pictures edge to edge, the words on the calm side and the campaign’s product on a card at the other, arrows at the edges: a shop whose scenes sell and whose first click should land on a product
framed-card
@trame/commerce-hero-product-slides--framed-card a rounded frame inside the page’s margins, the words at its top left and the product card floating at the bottom right with the arrows beside it: a quieter shop, or a header that never overlays