Wall Of Love Compact

Installation

A real shadcn registry command, not a copy-paste stand-in: it fetches this block plus its avatar, avatar-initials dependencies and any missing npm packages, and installs them straight into your project.

Prefer not to use the CLI? Copy the source from the Code toggle above into src/components/blocks/testimonials/testimonial17.tsx instead.

Usage

The file also exports testimonial17Demo, the exact props behind the preview above. Spread it to get a working section in one line, then replace it with your own data.

import { Testimonial17, testimonial17Demo } from "@/components/blocks/testimonials/testimonial17";

export default function Page() {
  return <Testimonial17 {...testimonial17Demo} />;
}

Props

Types

type CompactQuote = {
  quote: string;
  name: string;
};

Behavior notes

• Fully static/decorative: this is a Server Component with no event handlers or client state.
• Uses a fixed CSS grid (grid-cols-2 sm:grid-cols-3 lg:grid-cols-4) rather than a multi-column masonry layout, so every chip occupies a uniform cell instead of variable-height stacking.
• Each quote is truncated to two lines via line-clamp-2 and the name via truncate, matching the intentionally terse, compact-chip brief rather than showing full quotes.