Content Blocks
Cyber Glitch
Cyber glitch testimonial section with holographic effects.
testimonialcyberglitchholographic
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 | #000000 | Background color of the component (hex, rgb, or hsl). |
gridColor | string | rgba(0,255,136,0.03) | Color of the grid pattern (hex, rgb, or hsl). |
gridOpacity | number | 0.2 | Opacity of the grid pattern (0-1). |
title | string | System_Logs | Main title text. |
titleGradientFrom | string | #00ff88 | Start color of the title gradient (hex, rgb, or hsl). |
titleGradientTo | string | #00ffff | End color of the title gradient (hex, rgb, or hsl). |
cardGradientFrom | string | #00ff88 | Start color of the card gradient (hex, rgb, or hsl). |
cardGradientTo | string | #00ffff | End color of the card gradient (hex, rgb, or hsl). |
cardBgColor | string | #000000 | Background color of the testimonial cards (hex, rgb, or hsl). |
cardBorderColor | string | rgba(0,255,136,0.3) | Border color of the testimonial cards (hex, rgb, or hsl). |
cardHoverBorderColor | string | rgba(0,255,136,0.5) | Border color of cards on hover (hex, rgb, or hsl). |
cardPatternColor | string | rgba(0,0,0,0.5) | Color of the card pattern overlay (hex, rgb, or hsl). |
uidColor | string | #00ff88 | Color of the UID text (hex, rgb, or hsl). |
iconColor | string | #00ff88 | Color of icons (hex, rgb, or hsl). |
quotePrefixColor | string | rgba(0,255,255,0.5) | Color of the quote prefix text (hex, rgb, or hsl). |
quoteTextColor | string | #00ffff | Color of the quote text (hex, rgb, or hsl). |
quoteHoverColor | string | #ffffff | Color of quote text on hover (hex, rgb, or hsl). |
dividerColor | string | rgba(0,255,136,0.2) | Color of dividers (hex, rgb, or hsl). |
avatarBgColor | string | rgba(0,255,136,0.2) | Background color of avatar containers (hex, rgb, or hsl). |
avatarIconColor | string | #00ff88 | Color of avatar icons (hex, rgb, or hsl). |
authorNameColor | string | #ffffff | Color of the author name text (hex, rgb, or hsl). |
authorCompanyColor | string | #00ff88 | Color of the author company text (hex, rgb, or hsl). |