> ## Documentation Index
> Fetch the complete documentation index at: https://docs.brikl.co/llms.txt
> Use this file to discover all available pages before exploring further.

# Testimonial 06

> Centered testimonial grid with avatar, star rating, name badge, and review text in card layout.

<Frame>
  ![Testimonial 06](https://ffciaqoksnnzuihswbxs.supabase.co/storage/v1/object/public/components/Blocks/Testimonials/testimonials-grey-reviews-card-bis.png)
</Frame>

## Overview

Testimonial 06 is a 'Wall of Love' marketing component designed to showcase customer reviews in a structured grid format. It features customer avatars, verified badge icons, star ratings, and review text. The component is ideal for social proof sections on landing pages, helping build trust with potential users by displaying authentic customer feedback in a visually appealing layout.

## How to use

<Steps>
  <Step title="Open the Brikl panel" titleSize="h4">
    Navigate to the **Marketings** category in the Brikl panel.
  </Step>

  <Step title="Copy the component" titleSize="h4">
    Find **Testimonial 06** and click **Copy**.
  </Step>

  <Step title="Paste into your editor" titleSize="h4">
    Paste it into your Bubble canvas with `Cmd + V` (Mac) or `Ctrl + V` (Windows), or right-click on the canvas and select **Paste**.
  </Step>
</Steps>

## States

This component includes conditional states that automatically change its appearance.

| State                       | Trigger                                            | Visual effect                                                                 |
| --------------------------- | -------------------------------------------------- | ----------------------------------------------------------------------------- |
| Mobile Header               | Current Page Width is less than or equal to 768px  | Header text font size reduces from 36px to 30px for better mobile readability |
| Full-width Review Card      | Current Page Width is less than or equal to 1024px | Individual review cards expand to 100% minimum width, stacking vertically     |
| Full-width Customer Details | Current Page Width is less than or equal to 375px  | Customer details section expands to 100% minimum width for small screens      |

<Note>
  These states are handled natively by Bubble and require no additional setup. They will work automatically once the component is pasted into your editor.
</Note>

## Responsive

This component adapts to mobile screens. Font sizes and layout automatically adjust on screens smaller than Bubble's built-in mobile breakpoint.

## Requirements

|             |                       |
| ----------- | --------------------- |
| License     | Starter plan required |
| Plugins     | None                  |
| Custom code | Not required          |

## Platforms

| Platform | Supported |
| -------- | --------- |
| Web      | ✅         |
| Mobile   | ❌         |

## License

<Note>
  This component requires a **Starter** plan.
</Note>