{"success":true,"data":{"block":{"id":"faq-muted-cards","name":"Muted Background Cards FAQ","title":"FAQ Muted Cards","category":"Faq","categorySlug":"faq","description":"A bold FAQ section with accordion items displayed as muted background cards. Each question expands within its own card container, creating clear visual separation between items. The muted styling provides a softer, more approachable appearance. Great for modern, minimalist designs.","thumbnail":{"desktop":"https://cdn.ing/assets/i/r/293129/evfoaxa0kvu4qgdpgyu94pa1geks/cleanshot-2026-03-04-at-04-16-59.png","mobile":"https://cdn.ing/assets/i/r/293128/ee56o81txzdjzhbjnorf0k0vbles/cleanshot-2026-03-04-at-04-17-15.png"},"componentPath":"blocks/faq/faq-muted-cards.tsx","code":"import { FaqMutedCards } from \"@opensite/ui/blocks/faq/faq-muted-cards\";\n\nexport default function Demo() {\n  return (\n    <FaqMutedCards\n      heading=\"Questions & Answers\"\n      description=\"Find answers to common questions about our platform, features, and pricing.\"\n      items={[\n        {\n          id: \"storage\",\n          question: \"How much storage do I get?\",\n          answer:\n            \"Starter plans include 10GB, Professional plans include 100GB, and Enterprise plans offer unlimited storage. All plans support file uploads up to 2GB per file.\",\n        },\n        {\n          id: \"users\",\n          question: \"Can I add more users later?\",\n          answer:\n            \"Yes, you can add users at any time. Additional users are billed on a prorated basis for the remainder of your billing cycle.\",\n        },\n        {\n          id: \"sso\",\n          question: \"Do you support single sign-on?\",\n          answer:\n            \"SSO with SAML 2.0 is available on Professional and Enterprise plans. We support Google, Microsoft, Okta, OneLogin, and custom identity providers.\",\n        },\n        {\n          id: \"backups\",\n          question: \"Are backups included?\",\n          answer:\n            \"Yes, we automatically backup all data every 6 hours with 30-day retention. Enterprise plans get 90-day retention and on-demand backups.\",\n        },\n        {\n          id: \"api-limits\",\n          question: \"What are the API rate limits?\",\n          answer:\n            \"Starter: 1,000 requests/hour, Professional: 10,000 requests/hour, Enterprise: custom limits. Rate limits reset every hour.\",\n        },\n        {\n          id: \"webhooks\",\n          question: \"Do you support webhooks?\",\n          answer:\n            \"Yes, webhooks are available on all plans. Set up real-time notifications for events like new projects, task updates, comments, and more.\",\n        },\n      ]}\n      background=\"secondary\"\n      pattern=\"gridDotsBasic\"\n      patternOpacity={0.15}\n    />\n  );\n}","propsSchema":{"heading":{"type":"object","description":"Main heading content","typeLabel":"React.ReactNode","required":false},"items":{"type":"array","description":"Array of FAQ items","items":{"type":"object","description":"","fields":{"question":{"type":"object","description":"","typeLabel":"React.ReactNode","required":true},"answer":{"type":"object","description":"","typeLabel":"React.ReactNode","required":true}},"typeLabel":"FaqItem"},"typeLabel":"FaqItem[]","required":false},"itemsSlot":{"type":"object","description":"Custom slot for rendering items (overrides items array)","typeLabel":"React.ReactNode","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},"patternClassName":{"type":"string","description":"Additional CSS classes for the pattern overlay","required":false},"className":{"type":"string","description":"Additional CSS classes for the section","required":false},"containerClassName":{"type":"string","description":"Additional CSS classes for the container","required":false},"headingClassName":{"type":"string","description":"Additional CSS classes for the heading","required":false},"accordionClassName":{"type":"string","description":"Additional CSS classes for the accordion","required":false},"accordionItemClassName":{"type":"string","description":"Additional CSS classes for accordion items","required":false},"accordionTriggerClassName":{"type":"string","description":"Additional CSS classes for accordion triggers","required":false},"accordionContentClassName":{"type":"string","description":"Additional CSS classes for accordion content","required":false},"headerClassName":{"type":"string","description":"Additional CSS classes for the header wrapper","required":false},"description":{"type":"object","description":"Description text below heading","typeLabel":"React.ReactNode","required":false},"descriptionClassName":{"type":"string","description":"Additional CSS classes for the description","required":false},"contentWrapperClassName":{"type":"string","description":"Additional CSS classes for the content wrapper","required":false},"sectionId":{"type":"string","description":"Optional Section ID","required":false}},"defaultProps":{},"dependencies":["@opensite/ui"],"tags":["faq","questions","answers","accordion","cards","muted","modern","minimal","soft"],"performance":{},"importantUsageNotes":"Use between 4-8 'items' for this accordion-inside-cards layout. Each item requires a unique 'id', a 'question', and an 'answer'. Follow the example props closely for this block."}},"timestamp":"2026-05-13T10:41:38.433Z"}