{ "name": "TestimonialCardFifteen", "description": "Centered testimonial with star rating, animated text, author, and avatar group.", "constraints": { "textRules": { "testimonial": { "required": true, "example": "This product has completely transformed how we work. The results speak for themselves.", "minChars": 20, "maxChars": 300 }, "author": { "required": true, "example": "James Carter, Journalist", "minChars": 2, "maxChars": 60 } }, "ratingRules": { "rating": { "required": true, "min": 0, "max": 5, "example": 5, "note": "Number of filled stars (0-5)" } }, "avatarRules": { "avatars": { "required": true, "minItems": 1, "example": "[{ src: '/avatars/user1.jpg', alt: 'User 1' }]", "note": "Array of avatar objects with src and alt. Shows 3 on mobile, 6 on desktop." } } }, "propsSchema": { "testimonial": "string", "rating": "number (0-5)", "author": "string", "avatars": "Array<{ src: string, alt: string }>", "useInvertedBackground": "'noInvert' | 'invertDefault'", "ariaLabel?": "string (default: 'Testimonial section')", "className?": "string" }, "usageExample": "", "do": [ "Use for landing pages", "Use for feature showcases", "Use for capability displays", "Use for social proof", "Use for customer reviews", "Requires avatars[]" ], "dont": [ "Do not use multiple items" ], "editRules": { "textOnly": true, "layoutLocked": true, "styleLocked": true } }