Features Breakdown: Infinite 3D Carousel (Coverflow) This section creates a premium, interactive slider with a distinct 3D depth effect. It focuses on the active slide while "pushing back" and dimming the neighboring slides. It is designed for infinite looping and touch-friendly interaction.

1. 3D Depth & Card Styling

• Card Sizing: Independent pixel-width sliders for Desktop and Mobile cards. You can make cards wide on desktop but narrow on mobile.

• Depth Shadows: Toggle a dynamic shadow effect that changes intensity based on the slide's position.

  • Active Strength: Control the shadow darkness of the center slide.

  • Neighbor Strength: Control the shadow darkness of side slides.

  • Offset: Adjust how far down the shadow falls.

• Visual Polish: Adjust the Corner Radius of the cards and the Gap between them.

2. Independent Aspect Ratios

• Device Specifics: Set the shape of the images separately for Desktop and Mobile.

  • Example: Use Cinema (21:9) or Landscape (16:9) on Desktop, but switch to Square (1:1) or Vertical (9:16) on Mobile.

3. Slide Content & Overlay

• Slide Blocks: Each slide includes an Image, an Overlay Title, and a Call-to-Action Button.

• Overlay Positioning: Place the text/button content in Bottom-Left, Bottom-Center, Bottom-Right, or Center-Middle of the card.

• Button Styling:

  • Background: Support for Solid Colors or Custom Gradients.

  • Typography: Custom sizes for Mobile vs Desktop.

  • Borders: Adjustable border color and corner radius.

4. Navigation (Arrows & Dots)

• Arrows:

  • Visibility: Show/Hide on Mobile or Desktop independently.

  • Styling: Adjust Arrow Size, Corner Radius (Square to Circle), and Background (Solid or Gradient).

• Pagination Dots:

  • Visibility: Toggle clickable dots at the bottom.

  • Colors: Custom pickers for Active and Inactive dot colors.

5. Section Layout & Typography

• Headings: Optional Section Title and Subheading with adjustable Alignment (Left/Center/Right), Sizes (Mob/Desk), and Colors.

• Wrapper Control: Choose between Theme Page Width, Container, or Custom Max-Width with adjustable side padding.

• Font Source: Use the global Theme Font or force specific Custom Fonts for Headings and Body text.

6. Visibility & Spacing

• Vertical Padding: Adjust the spacing above and below the carousel.

• Device Targeting: Options to display the section on Mobile Only, Desktop Only, or Both.