HeadToHead

two panels, ours and the other, each a list of points grouped by theme: 4 to 8 points without a table feel

role: features pages: home, product, landing motion: micro

Install

npx shadcn-vue@latest add @trame/landing-head-to-head   # Vue
npx shadcn@latest add @trame/landing-head-to-head       # React

versus-split

@trame/landing-head-to-head--versus-split

two panels, ours and the other, each a list of points grouped by theme: 4 to 8 points without a table feel

dimension-rows

@trame/landing-head-to-head--dimension-rows

each criterion a row with the answers side by side in sentences: 3 to 6 dimensions that need words, not marks

choice-cards

@trame/landing-head-to-head--choice-cards

2 to 4 cards, each with its price, what it adds over the previous and its points: tiers, sizes and variants