CaseStudies
proof · 7 variants · pages: home, landing, portfolionpx shadcn-vue@latest add @trame/content-case-studies # Vue
npx shadcn@latest add @trame/content-case-studies # React-
featured@trame/content-case-studies--featuredone story told large: the words at the left, its three figures in a column, the customer’s quote under
-
featured-plus-list@trame/content-case-studies--featured-plus-listone featured story and a rail of the other stories, each with its main figure
-
three-columns@trame/content-case-studies--three-columnsone story told in three steps: the challenge, what was done, the results
-
before-after@trame/content-case-studies--before-aftertwo panels, what was wrong and what is now, then the figures in a strip
-
goals-table@trame/content-case-studies--goals-tabletarget against outcome with a status for each, a miss shown as plainly as a success
-
quotes-and-results@trame/content-case-studies--quotes-and-resultstwo to four customers whose words and figures both matter, on a landing page: their quotes in a row of cards, then one picture card per story with its first figure (the merchant’s own quotes and results only)
-
accordion@trame/content-case-studies--accordionfour to eight customers listed by name with their first figure, the visitor opening the one that resembles them: the open row shows the portrait, their words and the other figures (the merchant’s own quotes and results only)