# Base

> A clean quote block with the testimonial text, author name, and role. Use it as a simple starting point to add one piece of client feedback to any page.

A shadcn/ui block from the [@shadcn-ui-blocks](https://www.shadcn-ui-blocks.com) registry, listed on [shadcn.exchange](https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-quote-and-feedback-base).

- Page, with a live preview: https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-quote-and-feedback-base
- Screenshot: https://abzjhwgwpdpz7ua5.public.blob.vercel-storage.com/shots/shadcn-ui-blocks/portfolio-portfolio-quote-and-feedback-base-light-09b97aff80779b22.png
- Registry item: https://www.shadcn-ui-blocks.com/r/portfolio-portfolio-quote-and-feedback-base.json
- Listed: 2026-10-13, source last changed 2026-10-13

## Install

```bash
npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/portfolio-portfolio-quote-and-feedback-base.json
```

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

## Files

### `components/blocks/portfolio/portfolio-quote-and-feedback/base.tsx`

```tsx
export default function Base() {
  return (
    <div>
      <div className="container mx-auto px-4 py-24 md:px-6 lg:py-32 2xl:max-w-[1400px]">
        <blockquote className="mx-auto max-w-4xl">
          <div className="flex flex-col items-center">
            <div className="text-primary mb-6 font-serif text-4xl">&ldquo;</div>
            <p className="text-center text-xl sm:text-2xl md:text-3xl md:leading-normal">
              Working with this team was an absolute pleasure. The level of
              professionalism and creativity exceeded all my expectations.
            </p>
            <div className="mt-6 flex flex-col items-center md:mt-10">
              <p className="font-semibold">Sarah Johnson</p>
              <p className="text-muted-foreground">
                Design Director, Creative Studio
              </p>
            </div>
          </div>
        </blockquote>
      </div>
    </div>
  );
}
```