# Review 01

A shadcn/ui block from the [@commercn](https://commercn.com) registry, listed on [shadcn.exchange](https://shadcn.exchange/r/commercn/review-01).

- Page, with a live preview: https://shadcn.exchange/r/commercn/review-01
- Screenshot: https://abzjhwgwpdpz7ua5.public.blob.vercel-storage.com/shots/commercn/review-01-light-beb5ab75a2404bfa.png
- Registry item: https://commercn.com/r/review-01.json
- Listed: 2026-10-13, source last changed 2026-10-13

## Install

```bash
npx shadcn@latest add https://commercn.com/r/review-01.json
```

Run it in a project that has shadcn/ui set up. It adds the files below and installs what they depend on.

## Files

### `src/components/commercn/reviews/review-01.tsx`

```tsx
"use client";

import { Card, CardContent } from "@/components/ui/card";
import { Quote } from "lucide-react";

export function ReviewOne() {
	return (
		<Card className="w-full max-w-md border border-gray-300 not-prose p-0">
			<CardContent className="p-6 space-y-6">
				<Quote className="w-8 h-8 text-gray-300" />

				<p className="text-lg leading-relaxed">
					Love the headphones. Been using them for a week now, they are
					comfortable and have a good sound quality.
				</p>

				<div className="flex items-center gap-4">
					<div className="w-12 h-12 rounded-full overflow-hidden">
						<img
							src="https://pub-5f7cbdfd9ffa4c838e386788f395f0c4.r2.dev/people/simple_person_c.png"
							alt="Li Hua"
							className="w-full h-full object-cover"
						/>
					</div>
					<div>
						<h4 className="font-semibold text-lg">Li Hua</h4>
						<p className="text-gray-500 text-sm">@lihua_rav</p>
					</div>
				</div>
			</CardContent>
		</Card>
	);
}
```