> ## 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 03

> Centered testimonial section with header, star rating, quote text, and customer profile.

<Frame>
  ![Testimonial 03](https://ffciaqoksnnzuihswbxs.supabase.co/storage/v1/object/public/components/Blocks/Testimonials/testimonials-review-with-stars-bis.png)
</Frame>

## Overview

Testimonial 03 is a marketing component designed to showcase customer reviews and social proof. It features a header section with a title and subtitle, followed by a detailed review card that includes a 5-star rating, a highlighted quote, full testimonial body text, and a customer profile area with name and role. It is ideal for landing pages or product pages to build trust with potential users.

## 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 03** 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 Layout | Current Page Width is less than or equal to 768px | Header title font size reduces from 36 to 30, review quote font size reduces from 36 to 24, and review card padding adjusts to 24px on all sides for better mobile readability. |

<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>