{"success":true,"data":{"block":{"id":"faq-simple-accordion","name":"Simple Accordion FAQ","title":"FAQ Simple Accordion","category":"Faq","categorySlug":"faq","description":"A clean, minimal FAQ section with collapsible accordion items. Features a bold heading followed by expandable question-answer pairs with smooth animations. Best suited for straightforward FAQ pages where users need quick access to common questions without visual clutter.","thumbnail":{"desktop":"https://cdn.ing/assets/i/r/291540/2mxtgsl8lj9g465hnkdit4dh4ngi/cleanshot-2026-02-25-at-23-13-40-2x.png","mobile":"https://cdn.ing/assets/i/r/291539/zgbu1q0kr1kzzb2xhyerr0v434aj/cleanshot-2026-02-25-at-23-13-53-2x.png"},"componentPath":"blocks/faq/faq-simple-accordion.tsx","code":"import { FaqSimpleAccordion } from \"@opensite/ui/blocks/faq/faq-simple-accordion\";\n\nexport default function Demo() {\n  return (\n    <FaqSimpleAccordion\n      heading=\"Frequently Asked Questions\"\n      description=\"Find answers to common questions about our product, billing, and support.\"\n      pattern=\"p6\"\n      patternOpacity={0.9}\n      background=\"white\"\n      items={[\n        {\n          id: \"pricing\",\n          question: \"What pricing plans do you offer?\",\n          answer:\n            \"We offer three flexible pricing plans to suit businesses of all sizes: Starter ($29/month), Professional ($99/month), and Enterprise (custom pricing). All plans include core features with varying limits on users, storage, and advanced capabilities.\",\n        },\n        {\n          id: \"trial\",\n          question: \"Is there a free trial available?\",\n          answer:\n            \"Yes! We offer a 14-day free trial with full access to all Professional plan features. No credit card required to start your trial, and you can cancel anytime.\",\n        },\n        {\n          id: \"integration\",\n          question: \"What integrations are supported?\",\n          answer:\n            \"We integrate with over 50+ popular tools including Slack, Salesforce, HubSpot, Google Workspace, Microsoft Teams, Zoom, and many more. Our API also allows for custom integrations.\",\n        },\n        {\n          id: \"data-security\",\n          question: \"How do you handle data security?\",\n          answer:\n            \"We take security seriously with SOC 2 Type II certification, end-to-end encryption, regular security audits, and compliance with GDPR, CCPA, and HIPAA standards. Your data is stored in secure, redundant data centers.\",\n        },\n        {\n          id: \"support\",\n          question: \"What kind of support do you provide?\",\n          answer:\n            \"All plans include email support with 24-hour response time. Professional and Enterprise plans get priority support, live chat, phone support, and a dedicated account manager for Enterprise customers.\",\n        },\n        {\n          id: \"cancel\",\n          question: \"Can I cancel my subscription at any time?\",\n          answer:\n            \"Absolutely. You can cancel your subscription at any time from your account settings. There are no cancellation fees, and you'll continue to have access until the end of your billing period.\",\n        },\n      ]}\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},"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},"headerClassName":{"type":"string","description":"Additional CSS classes for the header wrapper","required":false},"sectionId":{"type":"string","description":"Optional Section ID","required":false}},"defaultProps":{},"dependencies":["@opensite/ui"],"tags":["faq","questions","answers","accordion","collapsible","help","support","minimal","simple"],"performance":{},"importantUsageNotes":"Use between 4-8 'items' for this single-column 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:42:28.413Z"}