BrarsHeroCarousel — Advanced Hero Carousel & Product Slider

Key Features:

• Per-Slide Background Control: Independently customize background colors, images, and decorative overlay shapes for every single slide.

• Independent CTA Buttons: Define unique button labels and URLs for each slide, giving you total flexibility for different calls to action.

• Smart Image Optimization: Integrated "Product Size %" control ensures product images stay perfectly framed without overlapping titles or buttons.

• Fluid Interactivity: Seamless support for drag gestures, dot navigation, and fully configurable Autoplay settings.

• Responsive Design: Fluid typography and adaptive spacing that look stunning across desktop, tablet, and mobile breakpoints.

Usage Instructions:

1. Add Slides: Use the Properties panel to add up to 8 unique slides.

2. Tweak Global Styles: Adjust the font family, button border radius, and decorative shape opacity from the global controls.

3. Customize Assets: Upload your product images and fine-tune the "Product Size %" for each one based on its specific aspect ratio.