{"success":true,"data":{"block":{"id":"testimonials-images-helpful","name":"Testimonials with Images and Helpful Voting","title":"Testimonials Images Helpful","category":"Testimonials","categorySlug":"testimonials","description":"An enhanced reviews section featuring customer photos, helpful/not helpful voting buttons, and a write review CTA. Each review displays images in a gallery format with star ratings, author info, and engagement metrics. Perfect for e-commerce product pages requiring visual customer feedback.","thumbnail":{"desktop":"https://cdn.ing/assets/i/r/293654/c9itagryaxpgt6c9dgsydh65q7bk/cleanshot-2026-03-10-at-09-45-59-2x.png","mobile":"https://cdn.ing/assets/i/r/293655/xqic4f0wlmadp943edanh260uokx/cleanshot-2026-03-10-at-09-46-16-2x.png"},"componentPath":"blocks/testimonials/testimonials-images-helpful.tsx","code":"import { TestimonialsImagesHelpful } from \"@opensite/ui/blocks/testimonials/testimonials-images-helpful\";\nimport { imagePlaceholders } from \"@/lib/media\";\n\nexport default function Demo() {\n  return (\n    <TestimonialsImagesHelpful\n      heading=\"Customer Reviews\"\n      writeReviewLabel=\"Write a Review\"\n      reportButtonLabel=\"Report\"\n      reviews={[\n        {\n          rating: 5,\n          title: \"Exceeded all expectations!\",\n          content:\n            \"I was skeptical at first, but this product completely won me over. The build quality is exceptional, and the performance is outstanding. I've attached photos showing how perfectly it integrates into my workspace.\",\n          author: \"Alexandra Martinez\",\n          avatarSrc: imagePlaceholders[22],\n          date: \"Jan 15, 2026\",\n          verified: true,\n          images: [imagePlaceholders[44], imagePlaceholders[66], imagePlaceholders[88]],\n          helpful: 24,\n          variant: \"Premium Edition\",\n        },\n        {\n          rating: 5,\n          title: \"Best investment for my business\",\n          content:\n            \"As a business owner, I needed something reliable and efficient. This has transformed how we operate daily. The ROI has been incredible, and our team loves using it. The photos show our actual setup in action.\",\n          author: \"David Kumar\",\n          avatarSrc: imagePlaceholders[33],\n          date: \"Jan 10, 2026\",\n          verified: true,\n          images: [imagePlaceholders[55], imagePlaceholders[77]],\n          helpful: 18,\n          variant: \"Business Pro\",\n        },\n        {\n          rating: 4,\n          title: \"Great product with minor room for improvement\",\n          content:\n            \"Overall very satisfied with my purchase. The features work as advertised and the quality is solid. Only giving 4 stars because the setup process could be more intuitive. Once running, it's been flawless.\",\n          author: \"Jennifer Lee\",\n          avatarSrc: imagePlaceholders[44],\n          date: \"Jan 5, 2026\",\n          verified: true,\n          helpful: 12,\n          variant: \"Standard\",\n        },\n        {\n          rating: 5,\n          title: \"Life-changing purchase!\",\n          content:\n            \"I cannot overstate how much this has improved my daily routine. It's intuitive, powerful, and beautifully designed. The customer support team has also been incredibly helpful with my questions. Highly recommend!\",\n          author: \"Marcus Johnson\",\n          avatarSrc: imagePlaceholders[56],\n          date: \"Dec 28, 2025\",\n          verified: true,\n          images: [imagePlaceholders[99]],\n          helpful: 31,\n          variant: \"Premium Edition\",\n        },\n      ]}\n      onWriteReview={() => console.log(\"Open review form\")}\n      background=\"white\"\n      spacing=\"lg\"\n    />\n  );\n}","propsSchema":{"reviews":{"type":"array","description":"Array of reviews to display","items":{"type":"object","description":"","fields":{"rating":{"type":"number","description":"Star rating (1-5)","required":true},"title":{"type":"object","description":"Review title","typeLabel":"React.ReactNode","required":true},"content":{"type":"object","description":"Review content/body","typeLabel":"React.ReactNode","required":true},"author":{"type":"object","description":"Author name","typeLabel":"React.ReactNode","required":false},"avatarSrc":{"type":"string","description":"Author avatar image URL","required":false},"date":{"type":"string","description":"Review date string","required":false},"verified":{"type":"boolean","description":"Whether the reviewer is verified","required":false},"images":{"type":"array","description":"Array of review image URLs","items":{"type":"string","description":""},"required":false},"helpful":{"type":"number","description":"Number of helpful votes","required":false},"variant":{"type":"string","description":"Product variant purchased","required":false}},"typeLabel":"ReviewWithImages"},"typeLabel":"ReviewWithImages[]","required":false},"reviewsSlot":{"type":"object","description":"Custom slot for rendering reviews (overrides reviews array)","typeLabel":"React.ReactNode","required":false},"heading":{"type":"object","description":"Main heading content","typeLabel":"React.ReactNode","required":false},"verifiedPurchaseLabel":{"type":"object","description":"Label for the verified purchase badge","typeLabel":"React.ReactNode","required":false},"writeReviewLabel":{"type":"object","description":"Write review button text","typeLabel":"React.ReactNode","required":false},"reportButtonLabel":{"type":"object","description":"Label for the report button","typeLabel":"React.ReactNode","required":false},"className":{"type":"string","description":"Additional CSS classes for the section wrapper","required":false},"headerClassName":{"type":"string","description":"Additional CSS classes for the header container","required":false},"headingClassName":{"type":"string","description":"Additional CSS classes for the heading","required":false},"reviewClassName":{"type":"string","description":"Additional CSS classes for each review card","required":false},"contentClassName":{"type":"string","description":"Additional CSS classes for the review content","required":false},"authorClassName":{"type":"string","description":"Additional CSS classes for the author section","required":false},"imagesClassName":{"type":"string","description":"Additional CSS classes for the images container","required":false},"onWriteReview":{"type":"object","description":"Callback when write review button is clicked","typeLabel":"() => void","required":false},"background":{"type":"string","description":"Background style for the section","typeLabel":"SectionBackground","required":false},"spacing":{"type":"object","description":"Vertical spacing for the section","fields":{},"typeLabel":"SectionSpacing","required":false},"pattern":{"type":"object","description":"Optional background pattern name or URL","fields":{},"typeLabel":"PatternName","required":false},"patternOpacity":{"type":"number","description":"Pattern overlay opacity (0-1)","required":false},"optixFlowConfig":{"type":"object","description":"OptixFlow image optimization configuration","fields":{"apiKey":{"type":"string","description":"API key for OptixFlow service","required":true},"compression":{"type":"number","description":"Compression level (0-100)","required":false}},"typeLabel":"OptixFlowConfig","required":false},"containerClassName":{"type":"string","description":"Additional CSS classes for the container","required":false},"sectionId":{"type":"string","description":"Optional Section ID","required":false}},"defaultProps":{},"dependencies":["@opensite/ui"],"tags":["reviews","testimonials","images","photos","helpful","voting","customer-photos","product-reviews","user-generated-content"],"performance":{},"importantUsageNotes":"DO NOT generate or guess testimonials, reviews, ratings, customer names, company logos, or any review content — only use real, verified testimonials and customer data from the system. If the site has no real testimonials in the system, DO NOT use this block. Each item in the 'reviews' array requires a real 'rating' (1-5), 'title', 'content', and optionally 'author', 'date', 'verified', 'helpful' (helpful vote count), and 'images' (array of real review photo URLs). Do not fabricate 'rating', 'helpful' counts, 'verified' status, or review image URLs — only use real values from the system. Only set 'verified: true' if the purchase is genuinely verified in the system. Only populate 'images' with real review photo URLs from the media library. Supply 3-6 reviews. Follow the example props closely for this block."}},"timestamp":"2026-05-13T10:44:42.068Z"}