Content Blocks
Video Bento
Video-enabled bento testimonial grid with modal playback.
testimonialvideobentomodal
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, video. |
backgroundColor | string | #0a0a0a | Background color of the component (hex, rgb, or hsl). |
title | string | Video Testimonials | Main title text. |
titleColor | string | #ffffff | Color of the title text (hex, rgb, or hsl). |
cardBgColor | string | #171717 | Background color of the testimonial cards (hex, rgb, or hsl). |
cardBorderColor | string | rgba(255,255,255,0.1) | Border color of the testimonial cards (hex, rgb, or hsl). |
imageOverlayColor | string | rgba(0,0,0,0.4) | Overlay color for images (hex, rgb, or hsl). |
imageHoverOverlayColor | string | rgba(0,0,0,0.2) | Overlay color for images on hover (hex, rgb, or hsl). |
playButtonBgColor | string | rgba(255,255,255,0.2) | Background color of play buttons (hex, rgb, or hsl). |
playButtonBorderColor | string | rgba(255,255,255,0.3) | Border color of play buttons (hex, rgb, or hsl). |
playButtonIconColor | string | #ffffff | Icon color of play buttons (hex, rgb, or hsl). |
playButtonSize | number | 32 | Size of play buttons in pixels. |
authorNameColor | string | #ffffff | Color of the author name text (hex, rgb, or hsl). |
authorRoleColor | string | rgba(255,255,255,0.7) | Color of the author role text (hex, rgb, or hsl). |
gradientFromColor | string | rgba(0,0,0,0.8) | Start color of the gradient overlay (hex, rgb, or hsl). |
gradientToColor | string | transparent | End color of the gradient overlay (hex, rgb, or hsl). |