Features Breakdown: FAQ (Tabs + Accordion) This section organizes large amounts of information by filtering questions into categories. It features a smooth, animated accordion design and offers a choice between a clean "List" look or a contained "Card" style.

1. Categorization (Tabs)

• Filterable Content: Organize questions into up to 6 Categories (e.g., Shipping, Returns, Products). Users click a tab to instantly filter the list.

• Tab Styling: Fully customizable tab bar.

  • Shape: Adjust Tab Height, Radius, and Gap between tabs.

  • Colors: Set specific colors for the Track Background/Border and Inactive Text.

  • Active State: Highlight the selected tab with a Custom Gradient and distinct text color.

2. Accordion Logic

• Opening Mode: Choose between Single Mode (opening one question auto-closes the others) or Multiple Mode(users can keep multiple answers open at once).

• Animation: Answers reveal with a smooth sliding animation.

• Separators: Option to display separator lines between questions with adjustable Color and Thickness.

3. Layout Styles (Card vs. Clean)

• Card Mode: Toggle "Display in a card" to wrap the entire FAQ section in a box with a Background Color, Border, Drop Shadow, and rounded corners.

• Clean Mode: Disable the card to have the FAQ blend seamlessly into the page background.

• Width Control: Set a specific Max-Width (px) and Side Padding (Custom or Theme) to control readability.

4. Typography & Interaction

• Text Hierarchy: Dedicated settings for the Section Heading, Subheading, Questions, and Answers.

• Responsive Sizing: Independent font-size sliders for Desktop and Mobile for all text elements.

• Visual Cues:

  • Cursor: Choose between a standard "Pointer" (Hand) or "Auto" (Arrow) when hovering over questions.

  • Weight: Checkboxes to make Questions or Answers Bold.

• Font Source: Use the global Theme Font or force specific Custom Fonts.

5. Icons & Headings

• Toggle Icons: A clear "Plus/Minus" icon indicates open/closed states. You can customize its Size (Desktop/Mobile) and Colors (Closed vs. Open state).

• Header: Options to align the main Section Heading and Subheading to the Left, Center, or Right.

6. Block Content

• Dynamic Blocks: Add unlimited Question/Answer blocks.

• Settings per Block:

  • Category Assignment: Assign the question to one of the 6 defined categories.

  • Start Open: Checkbox to make specific questions open automatically when the page loads.