{"success":true,"data":{"block":{"id":"faq-categorized-sections","name":"Categorized Sections FAQ","title":"FAQ Categorized Sections","category":"Faq","categorySlug":"faq","description":"An organized FAQ layout with multiple category sections, each containing its own accordion group. Categories are displayed vertically with clear section headings. Ideal for comprehensive FAQ pages covering different topics like General, Billing, and Support in distinct sections.","thumbnail":{"desktop":"https://cdn.ing/assets/i/r/289173/d97gbjgrs23swf979ao0ob2t7bxq/cleanshot-2026-01-29-at-14-57-04.png","mobile":"https://cdn.ing/assets/i/r/289171/0pjedqt6kjmi8k4wjik9r3l2it1s/blocks-faq-categorized-sections-mobile.png"},"componentPath":"blocks/faq/faq-categorized-sections.tsx","code":"import { FaqCategorizedSections } from \"@opensite/ui/blocks/faq/faq-categorized-sections\";\n\nexport default function Demo() {\n  return (\n    <FaqCategorizedSections\n      heading=\"Help Center\"\n      description=\"Browse questions organized by category to find exactly what you need.\"\n      categories={[\n        {\n          title: \"Account & Billing\",\n          items: [\n            {\n              id: \"payment-methods\",\n              question: \"What payment methods do you accept?\",\n              answer:\n                \"We accept all major credit cards (Visa, Mastercard, American Express, Discover), PayPal, and wire transfers for Enterprise plans. All payments are processed securely.\",\n            },\n            {\n              id: \"invoices\",\n              question: \"How do I access my invoices?\",\n              answer:\n                \"View and download all invoices from your account settings under the Billing section. Invoices are also emailed automatically after each payment.\",\n            },\n          ],\n        },\n        {\n          title: \"Features & Functionality\",\n          items: [\n            {\n              id: \"api-access\",\n              question: \"Is API access available?\",\n              answer:\n                \"Yes, all plans include API access with rate limits based on your plan tier. Full API documentation is available in our developer portal.\",\n            },\n            {\n              id: \"templates\",\n              question: \"Can I create custom templates?\",\n              answer:\n                \"Professional and Enterprise plans allow you to create unlimited custom templates for projects, tasks, and reports. Save time with reusable workflows.\",\n            },\n          ],\n        },\n        {\n          title: \"Security & Privacy\",\n          items: [\n            {\n              id: \"data-encryption\",\n              question: \"Is my data encrypted?\",\n              answer:\n                \"Yes, all data is encrypted in transit (TLS 1.3) and at rest (AES-256). We also support customer-managed encryption keys for Enterprise customers.\",\n            },\n            {\n              id: \"compliance\",\n              question: \"What compliance certifications do you have?\",\n              answer:\n                \"We are SOC 2 Type II certified and compliant with GDPR, CCPA, HIPAA, and ISO 27001 standards. Compliance documentation is available upon request.\",\n            },\n          ],\n        },\n      ]}\n      background=\"gray\"\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},"categories":{"type":"array","description":"Array of FAQ categories","items":{"type":"object","description":"","fields":{"id":{"type":"string","description":"","required":true},"title":{"type":"object","description":"","typeLabel":"React.ReactNode","required":true},"items":{"type":"array","description":"","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":true}},"typeLabel":"FaqCategory"},"typeLabel":"FaqCategory[]","required":false},"categoriesSlot":{"type":"object","description":"Custom slot for rendering categories (overrides categories 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},"categoriesWrapperClassName":{"type":"string","description":"Additional CSS classes for the categories wrapper","required":false},"categoryTitleClassName":{"type":"string","description":"Additional CSS classes for category titles","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","categories","sections","organized","comprehensive","topics"],"performance":{},"importantUsageNotes":"Organize questions into 2-4 'categories', each with a 'title' and 2-4 'items'. Each item requires a unique 'id', a 'question', and an 'answer'. Lock the number of categories to what the content genuinely supports — do not invent extra categories. Follow the example props closely for this block."}},"timestamp":"2026-05-13T10:41:02.396Z"}