Enterprise Testimonials with Fact Sheets Block for Vue

Edit CUSTOMERS at the top of the file: a company, a kind, the quote with its person, and the numbers seats, regions and rollout (in weeks). factsOf turns them into the three figures, with the seat count written by a fixed en-US number format. To show other facts, change the figures factsOf returns. Only put real numbers here.

For this kind of buyer the scale is the proof, so it stays on the page where it can be read, printed and found. If you would rather keep cells compact, the detail-expand block hides a profile behind a button instead.

The list is a CSS grid with one-pixel gaps over the border colour, so the cells share their lines. Each cell is a column that pushes its fact sheet to the bottom, so the fact sheets sit on one line however long the quotes run. On smaller screens the cells stack.

Each cell is a list item: the chip, the quote as a figure with a caption naming the person and role, and then the facts as a description list, each label followed by its value. The avatars are decorative. The only heading is the section's h2.

Yes. The numbers are wrapped in bdi, so 22,000 and "9 weeks" keep their order, the three figures run in the reading direction with their dividers on the start side, and the spacing uses logical properties.

Both are links (href="#"): point the Shine Button at your sales form and the second at a rollout guide. Each button takes asChild with the link inside, so it can be your router's link.