Content Blocks

Sketch Note

Hand-drawn sketch testimonial section with rough aesthetics.

testimonialsketchhand-drawnrough

Preview

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	#fffdf5	Background color of the component (hex, rgb, or hsl).
gridColor	string	#444444	Color of the grid pattern (hex, rgb, or hsl).
gridOpacity	number	0.1	Opacity of the grid pattern (0-1).
title	string	The Verdict	Main title text.
titleColor	string	#1f2937	Color of the title text (hex, rgb, or hsl).
titleUnderlineColor	string	#facc15	Color of the title underline (hex, rgb, or hsl).
titleUnderlineWavy	boolean	true	Whether to use wavy underline style.
cardBgColor	string	#ffffff	Background color of the testimonial cards (hex, rgb, or hsl).
cardBorderColor	string	#1f2937	Border color of the testimonial cards (hex, rgb, or hsl).
cardShadowColor	string	rgba(0,0,0,0.1)	Shadow color of the cards (hex, rgb, or hsl).
tapeBgColor	string	rgba(254, 240, 138, 0.8)	Background color of tape decorations (hex, rgb, or hsl).
tapeRotate	number	-2	Rotation angle of tape decorations in degrees.
starColor	string	#eab308	Color of star icons (hex, rgb, or hsl).
quoteColor	string	#1f2937	Color of the quote text (hex, rgb, or hsl).
authorNameColor	string	#1f2937	Color of the author name text (hex, rgb, or hsl).
authorCompanyColor	string	#6b7280	Color of the author company text (hex, rgb, or hsl).
authorCompanyUppercase	boolean	true	Whether to display company names in uppercase.
avatarBorderColor	string	#1f2937	Border color of the avatar images (hex, rgb, or hsl).
decorativeLineColor	string	#000000	Color of decorative lines (hex, rgb, or hsl).
decorativeLineOpacity	number	0.1	Opacity of decorative lines (0-1).