{ "name": "TestimonialCardTen", "description": "Split layout testimonial section with titled quote card, navigation arrows, and media display. Supports card and border variants.", "constraints": { "textRules": { "title": { "required": true, "example": "Trusted by industry leaders", "minChars": 2, "maxChars": 50 }, "description": { "required": true, "example": "See what our customers have to say", "minChars": 5, "maxChars": 300 }, "tag": { "required": false, "example": "Testimonials", "minChars": 2, "maxChars": 30 } }, "testimonialRules": { "id": { "required": true, "example": "1", "note": "Unique identifier for the testimonial" }, "title": { "required": true, "example": "Personalized AI, redefined with Mindex", "minChars": 10, "maxChars": 80, "note": "Headline/title displayed at top of quote card" }, "quote": { "required": true, "example": "Working with this AI has been a game changer! It feels like the system really listens and adapts to what I need.", "minChars": 20, "maxChars": 500 }, "name": { "required": true, "example": "Sarah Mitchell", "minChars": 2, "maxChars": 50 }, "role": { "required": true, "example": "CEO of BrightPath Solutions", "minChars": 2, "maxChars": 100 }, "imageSrc": { "required": false, "example": "/images/testimonial1.webp", "note": "Image source URL (either imageSrc or videoSrc required)" }, "videoSrc": { "required": false, "example": "/videos/testimonial.mp4", "note": "Video source URL (either imageSrc or videoSrc required)" }, "imageAlt": { "required": false, "example": "Sarah Mitchell headshot", "note": "Alt text for images" }, "videoAriaLabel": { "required": false, "example": "Testimonial video", "note": "Aria label for videos" } } }, "propsSchema": { "testimonials": "Array<{ id: string, title: string, quote: string, name: string, role: string, imageSrc?: string, videoSrc?: string, imageAlt?: string, videoAriaLabel?: string }>", "title": "string", "titleSegments?": "Array<{ type: 'text', content: string } | { type: 'image', src: string, alt?: string }> - For inline images in title", "description": "string", "textboxLayout": "'default' | 'split' | 'split-actions' | 'split-description' | 'inline-image' (required)", "useInvertedBackground": "'noInvert' | 'invertDefault'", "tag?": "string", "tagIcon?": "LucideIcon", "buttons?": "Array<{text: string, onClick?: () => void, href?: string}>", "ariaLabel?": "string (default: 'Testimonials section')", "className?": "string" }, "usageExample": "", "do": [ "Use for feature showcases", "Use for capability displays", "Use for social proof", "Use for customer reviews", "Requires testimonials[]", "Requires titleSegments?[]", "Requires buttons?[]" ], "dont": [ "Do not use more than 4 items" ], "editRules": { "textOnly": true, "layoutLocked": true, "styleLocked": true } }