import{jsx as e,jsxs as r}from"react/jsx-runtime";import{EditorSection as o,EditorContainer as n,EditorDiv as d,EditorHeading as c,EditorParagraph as t,EditorAccordion as m,EditorAccordionItem as a,EditorAccordionTrigger as i,EditorIcon as l,EditorAccordionContent as s}from"./components-DNSAku1O.js";const u=()=>e(o,{className:"bg-gray-50 py-20",children:r(n,{className:"px-4",children:[r(d,{className:"mb-12 text-center",children:[e(c,{level:"h2",className:"mb-4 text-4xl font-bold text-gray-900",children:"Frequently Asked Questions"}),e(t,{className:"text-lg text-gray-600",children:"Find answers to common questions about our platform"})]}),r(m,{className:"space-y-4",children:[r(a,{className:"rounded-lg border border-gray-200 bg-white",children:[r(i,{className:"flex w-full items-center justify-between bg-gray-100 px-6 py-4 text-left font-semibold text-gray-900 hover:bg-gray-200",children:[e(t,{className:"text-lg font-semibold",children:"What is WebBuilder and how does it work?"}),e(l,{name:"chevron-down",className:"h-5 w-5"})]}),e(s,{className:"px-6 pb-4",children:e(t,{children:"WebBuilder is a hybrid page builder that combines code-first development with visual editing. Developers can write pages in JSX format, while non-technical users can edit the same pages using our intuitive visual editor. All changes are synchronized in real-time, making it perfect for teams with mixed skill levels."})})]}),r(a,{className:"rounded-lg border border-gray-200 bg-white",children:[r(i,{className:"flex w-full items-center justify-between bg-gray-100 px-6 py-4 text-left font-semibold text-gray-900 hover:bg-gray-200",children:[e(t,{className:"text-lg font-semibold",children:"Do I need coding experience to use WebBuilder?"}),e(l,{name:"chevron-down",className:"h-5 w-5"})]}),e(s,{className:"px-6 pb-4",children:e(t,{children:"No coding experience is required! While developers can leverage the full power of JSX, our visual editor makes it easy for anyone to create and edit beautiful websites. You can drag, drop, and configure elements without writing a single line of code."})})]}),r(a,{className:"rounded-lg border border-gray-200 bg-white",children:[r(i,{className:"flex w-full items-center justify-between bg-gray-100 px-6 py-4 text-left font-semibold text-gray-900 hover:bg-gray-200",children:[e(t,{className:"text-lg font-semibold",children:"Can I use my own custom components?"}),e(l,{name:"chevron-down",className:"h-5 w-5"})]}),e(s,{className:"px-6 pb-4",children:e(t,{children:"Absolutely! WebBuilder supports custom React components. You can create reusable components in code and make them available in the visual editor. This gives you the flexibility to extend the platform with your own design system and functionality."})})]}),r(a,{className:"rounded-lg border border-gray-200 bg-white",children:[r(i,{className:"flex w-full items-center justify-between bg-gray-100 px-6 py-4 text-left font-semibold text-gray-900 hover:bg-gray-200",children:[e(t,{className:"text-lg font-semibold",children:"What frameworks and technologies do you support?"}),e(l,{name:"chevron-down",className:"h-5 w-5"})]}),e(s,{className:"px-6 pb-4",children:e(t,{children:"WebBuilder is built with React and TypeScript, and integrates seamlessly with modern frameworks like Next.js. We support Tailwind CSS for styling, and provide full TypeScript type safety. Our platform is designed to work with your existing tech stack."})})]}),r(a,{className:"rounded-lg border border-gray-200 bg-white",children:[r(i,{className:"flex w-full items-center justify-between bg-gray-100 px-6 py-4 text-left font-semibold text-gray-900 hover:bg-gray-200",children:[e(t,{className:"text-lg font-semibold",children:"Is there a free trial available?"}),e(l,{name:"chevron-down",className:"h-5 w-5"})]}),e(s,{className:"px-6 pb-4",children:e(t,{children:"Yes! We offer a 14-day free trial on all plans with no credit card required. This gives you full access to explore all features and see if WebBuilder is the right fit for your needs. You can upgrade, downgrade, or cancel at any time."})})]})]})]})});export{u as default};
