# Testimonial grid

### Section overview

The Testimonial grid is a flexible section that displays a collection of customer testimonials or reviews in a customizable grid layout.

#### Common Use Cases

* Showcasing customer reviews or testimonials on product pages
* Displaying client feedback on service-based business pages
* Highlighting user success stories in a visually appealing grid format
* Creating social proof sections on landing pages

#### Usage Tips

* Use high-quality avatar images for reviewers when possible to add credibility
* Keep testimonial content concise and impactful
* Consider enabling the split layout option for longer testimonials
* Ensure testimonials have proper attribution with reviewer names
* For mobile responsiveness, use a smaller grid column count (1-2) to maintain readability

### Section Settings

| Setting              | Description                                                                       |
| -------------------- | --------------------------------------------------------------------------------- |
| Heading              | The main heading text for the testimonial section                                 |
| Content              | Additional descriptive text to appear above the testimonials                      |
| Button label         | Text to display on the optional button                                            |
| Button URL           | URL where the button will link to                                                 |
| Top spacing          | Controls the padding above the section (0-300px)                                  |
| Bottom spacing       | Controls the padding below the section (0-300px)                                  |
| Color scheme         | Sets the background and text color combination                                    |
| Border color         | Controls the color of borders (subtle or strong)                                  |
| Button color         | Determines the styling of the button                                              |
| Border position      | Sets where borders appear (none, top, bottom, or both)                            |
| Desktop columns      | Number of columns in the grid on desktop devices (1-8)                            |
| Mobile columns       | Number of columns in the grid on mobile devices (1-4)                             |
| Horizontal alignment | Controls the alignment of content (left, center, or right)                        |
| Enable margin        | Toggles horizontal margin on the section                                          |
| Enable split         | Toggles split layout with header on one side and content on the other             |
| Visibility           | Controls which devices the section appears on (all, mobile only, or desktop only) |

### Block Settings

#### Testimonial

This block represents an individual testimonial, including the review content, reviewer name, and optional avatar image. Up to 20 testimonial blocks can be added to a single section.

| Setting | Description                                            |
| ------- | ------------------------------------------------------ |
| Content | The testimonial text or review content                 |
| Name    | The name or title of the person giving the testimonial |
| Avatar  | An optional 128px image of the reviewer                |