ServiceTiles
the heading in a narrow column, two to four services as tall picture tiles beside it: a studio, a salon or a craftsman whose work speaks first; the merchant’s own pictures only
Install
npx shadcn-vue@latest add @trame/content-service-tiles # Vue
npx shadcn@latest add @trame/content-service-tiles # Reactheading-and-tiles
@trame/content-service-tiles--heading-and-tiles the heading in a narrow column, two to four services as tall picture tiles beside it: a studio, a salon or a craftsman whose work speaks first; the merchant’s own pictures only
bento
@trame/content-service-tiles--bento one flagship service as a large tile and the others smaller around it, names on the pictures: four to six services with one that matters most; the merchant’s own pictures only
index-hover
@trame/content-service-tiles--index-hover the service names set large in a numbered list, one picture beside them that follows the hovered name: four to eight services for a confident studio; the merchant’s own pictures only
thumb-rows
@trame/content-service-tiles--thumb-rows one compact row per service with a small square picture, its kind and an arrow: five to eight services scanned quickly; the merchant’s own pictures only