Initial commit

registry/components/TestimonialCardFifteen.json

@@ -0,0 +1,63 @@
+{
+  "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": "<TestimonialCardFifteen testimonial=\"This product has completely transformed how we work.\" rating={5} author=\"James Carter, Journalist\" avatars={[{ src: '/avatars/user1.jpg', alt: 'User 1' }, { src: '/avatars/user2.jpg', alt: 'User 2' }]} useInvertedBackground=\"noInvert\" />",
+  "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
+  }
+}