Content Blocks
Clay Physics
Organic clay physics testimonial cards with morphing shapes.
testimonialclayphysicsmorphing
Props
Customize the component with these props
| Property | Type | Default | Description |
|---|---|---|---|
testimonials | TestimonialItem[] | [] | Array of testimonial items with id, name, role, company, content/text, media, avatar/image. |
backgroundColor | string | #E0E5EC | Background color of the component (hex, rgb, or hsl). |
textColor | string | #475569 | Default text color (hex, rgb, or hsl). |
title | string | Loved by Humans. | Main title text. |
titleColor | string | #334155 | Color of the title text (hex, rgb, or hsl). |
subtitle | string | Our users are our biggest fans. We don't just build software; we build relationships. | Subtitle text. |
subtitleColor | string | #475569 | Color of the subtitle text (hex, rgb, or hsl). |
buttonBgColor | string | #E0E5EC | Background color of buttons (hex, rgb, or hsl). |
buttonShadowLight | string | rgba(255,255,255,0.5) | Light shadow color for buttons (hex, rgb, or hsl). |
buttonShadowDark | string | rgb(163,177,198) | Dark shadow color for buttons (hex, rgb, or hsl). |
buttonTextColor | string | #334155 | Text color of buttons (hex, rgb, or hsl). |
buttonHoverTextColor | string | #3b82f6 | Text color of buttons on hover (hex, rgb, or hsl). |
buttonActiveShadowLight | string | rgb(163,177,198) | Light shadow color for active buttons (hex, rgb, or hsl). |
buttonActiveShadowDark | string | rgba(255,255,255,0.5) | Dark shadow color for active buttons (hex, rgb, or hsl). |
cardBgColor | string | #E0E5EC | Background color of the testimonial cards (hex, rgb, or hsl). |
cardShadowLight | string | rgba(255,255,255,0.5) | Light shadow color for cards (hex, rgb, or hsl). |
cardShadowDark | string | rgb(163,177,198) | Dark shadow color for cards (hex, rgb, or hsl). |
iconBgColor | string | #60a5fa | Background color of icons (hex, rgb, or hsl). |
iconBorderColor | string | #E0E5EC | Border color of icons (hex, rgb, or hsl). |
iconColor | string | #ffffff | Color of icons (hex, rgb, or hsl). |
quoteColor | string | #334155 | Color of the quote text (hex, rgb, or hsl). |
authorNameColor | string | #334155 | Color of the author name text (hex, rgb, or hsl). |
authorCompanyColor | string | #64748b | Color of the author company text (hex, rgb, or hsl). |