Testimonial 18 - Featured quote with star rating

Pro

A centered heading with a star-rating line and a single featured quote card showing amber stars, a large quote, supporting text, and an author avatar.

Shadcn Testimonial 18 block

Component data

ID
testimonial18
Access
pro
Created
Oct 16, 2024
Type
block
Libraries
Radix UI, Base UI, React Aria
Figma

Testimonial 18 block design & features

Testimonial18 is a centered single-quote section built with shadcn/ui. A small rating line with a filled lightning bolt icon sits above a heading and a muted supporting sentence. Below that, a large muted rounded panel holds five filled amber stars, a large quoted statement, a supporting paragraph, and a circular avatar beside the author name and role.

The page stays light with dark text. The quote panel is a muted fill with generous inner padding and large rounded corners. Stars are small and amber. The quote type is large and semibold, then drops to muted body copy. The avatar is a medium circle with a thin ring. Spacing between the header and the panel is wide. Nothing moves.

This is a simple, standard featured-quote layout close to a shadcn-default or placeholder look. The single oversized card is the whole section, so it reads as a highlight rather than a wall of reviews. Complexity is low and content-driven: one quote, a short supporting paragraph, an avatar, a name, and a role.

The layout stays a single centered column at every width. The panel padding grows on larger screens so the quote has more room to sit.