{"success":true,"data":{"block":{"id":"faq-rounded-cards","name":"Rounded Cards FAQ","title":"FAQ Rounded Cards","category":"Faq","categorySlug":"faq","description":"A polished FAQ section with accordion items displayed as rounded cards within a muted container. The rounded styling and layered card design create a modern, friendly appearance. The container provides visual grouping while individual cards maintain clear separation.","thumbnail":{"desktop":"https://cdn.ing/assets/i/r/293135/l8tgm2l9g4g0dbwulnyoqp8emntc/cleanshot-2026-03-04-at-04-22-21.png","mobile":"https://cdn.ing/assets/i/r/293134/hk8dc8ljq2f3auvuab5g183u3gqy/cleanshot-2026-03-04-at-04-21-44.png"},"componentPath":"blocks/faq/faq-rounded-cards.tsx","code":"import { FaqRoundedCards } from \"@opensite/ui/blocks/faq/faq-rounded-cards\";\n\nexport default function Demo() {\n  return (\n    <FaqRoundedCards\n      heading=\"Quick Answers\"\n      description=\"Get instant answers to the most frequently asked questions about our platform.\"\n      items={[\n        {\n          id: \"training\",\n          question: \"Do you provide training for new users?\",\n          answer:\n            \"Yes, we offer live onboarding sessions, video tutorials, interactive guides, and comprehensive documentation. Enterprise customers get dedicated training sessions.\",\n        },\n        {\n          id: \"mobile-features\",\n          question: \"Are all features available on mobile?\",\n          answer:\n            \"Yes, our mobile apps have full feature parity with the web version. Create, edit, and manage everything from your smartphone or tablet.\",\n        },\n        {\n          id: \"bulk-actions\",\n          question: \"Can I perform bulk operations?\",\n          answer:\n            \"Absolutely. Select multiple items and perform batch operations like assign, move, delete, export, or update custom fields. Saves hours of manual work.\",\n        },\n        {\n          id: \"time-tracking\",\n          question: \"Is time tracking built-in?\",\n          answer:\n            \"Yes, track time on tasks with built-in timers, manual entries, and timesheet views. Generate detailed reports and export for billing or payroll.\",\n        },\n        {\n          id: \"file-versioning\",\n          question: \"Do you keep file version history?\",\n          answer:\n            \"Yes, we automatically save versions of all uploaded files. View, restore, or compare previous versions anytime. 30-day history on all plans.\",\n        },\n        {\n          id: \"calendar-sync\",\n          question: \"Can I sync with my calendar?\",\n          answer:\n            \"Yes, sync with Google Calendar, Outlook, and Apple Calendar. View tasks and deadlines alongside your meetings and appointments.\",\n        },\n      ]}\n      pattern=\"dashedGridFadeCenter\"\n      patternOpacity={0.25}\n      background=\"dark\"\n    />\n  );\n}","propsSchema":{"heading":{"type":"object","description":"Main heading content","typeLabel":"React.ReactNode","required":false},"description":{"type":"object","description":"Description text below heading","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},"headerClassName":{"type":"string","description":"Additional CSS classes for the header wrapper","required":false},"headingClassName":{"type":"string","description":"Additional CSS classes for the heading","required":false},"descriptionClassName":{"type":"string","description":"Additional CSS classes for the description","required":false},"cardsWrapperClassName":{"type":"string","description":"Additional CSS classes for the cards wrapper","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},"sectionId":{"type":"string","description":"Optional Section ID","required":false}},"defaultProps":{},"dependencies":["@opensite/ui"],"tags":["faq","questions","answers","accordion","cards","rounded","modern","friendly","polished","container"],"performance":{},"importantUsageNotes":"Use between 4-8 'items' for this rounded card accordion 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:09.715Z"}