Features Breakdown: Testimonials (Smart 3D Carousel) This section is designed to build trust by showcasing customer reviews. It features a sophisticated carousel that behaves differently on mobile (swipeable 3D cards) and desktop (clean grid), ensuring optimal readability on all devices.

1. Card Appearance & 3D Effect

• Advanced Backgrounds: Support for Solid Colors or complex Visual Gradients for the review cards.

• Borders & Corners: Toggle card borders with adjustable Thickness, Color, and Corner Radius.

• Mobile 3D Effect: On mobile, the carousel uses a "Coverflow" style effect.

  • Scale: Adjust how much the inactive cards shrink (e.g., 85%).

  • Opacity: Adjust how transparent inactive cards become (e.g., 50%).

2. Responsive Layout

• Desktop Grid: Define exactly how many cards appear per row (1 to 5).

• Mobile Swipe: Cards automatically switch to a horizontal swipe layout. You can set the exact Card Width (px) to control how much of the next card peeks through.

• Spacing: Independent controls for the Gap between cards on Desktop vs. Mobile.

3. Typography & Content

• Text Styling: Dedicated sliders for Font Size on Desktop and Mobile for:

  • Section Heading & Subheading.

  • Review Body Text.

  • Author Name & Role.

• Font Source: Choose between the global Theme Font or force specific Custom Fonts for headings and body text.

• Colors: Complete color control for all text elements, including a specific picker for Star Ratings.

4. Content Blocks (Reviews)

• Block Structure: Each testimonial includes:

  • Star Rating: Slider from 1 to 5 stars.

  • Review Text: The main feedback content.

  • Author Info: Name, Title/Role (e.g., "Verified Buyer"), and an optional Avatar Image (or auto-generated initial placeholder).

5. Layout & Spacing

• Section Header: Optional Heading and Subheading with adjustable margin below.

• Container Width: Set a specific Max-Width (px) for the entire section.

• Padding: Fine-tune margins (Top/Bottom) and internal padding (Desktop/Mobile).

6. Pagination

• Dots Navigation: Toggle clickable pagination dots at the bottom.

• Styling: Customize the Dot Color, Size, and Gap between dots.