Features Breakdown: Universal Banner (All-in-One Hero) This is a highly versatile "Master Section" that functions as a Hero Banner, Video Header, or a Testimonial Slider. It distinguishes itself by allowing you to embed a rotating review carousel directly inside the banner content area.

1. Dimensions & Height Control

• Height Modes: Choose how the banner fits the screen:

  • Auto: Adapts to the height of the content inside.

  • Fullscreen: Forces the banner to cover 100% of the viewport height.

  • Fixed Ratio: Lock aspect ratios (e.g., 16:9, 21:9, 1:1) separately for Mobile and Desktop.

  • Fixed Pixel: Set a specific height (e.g., 600px).

• Container: Set a Max-Width to constrain text on ultra-wide screens.

2. Background Media

• Media Types: Supports Video (Shopify MP4) or Images.

• Responsive Images: Upload separate images for Desktop and Mobile to ensure perfect cropping.

• Overlay: Add a colored layer over the media with adjustable Opacity % for text readability.

3. Alignment Matrix

• Total Position Control: Position content anywhere on the image (Top-Left, Center-Middle, Bottom-Right, etc.).

• Device Independence: You can have the text Centered on Mobile but Left-Aligned on Desktop.

4. Embedded Testimonial Slider

• Carousel Logic: If you add "Testimonial" blocks, they automatically form a swipeable slider inside the banner.

• Controls:

  • Autoplay: Toggle automatic sliding and set the interval (ms).

  • Loop: Infinite scrolling.

  • Pagination: Customizable dots (Active/Inactive colors).

• Styling: Custom colors for Stars, Review Text, and Author Name.

5. Smart Buttons

• Grouping: If you add multiple buttons, they automatically group together.

• Layout: Choose to display buttons Side-by-Side (Row) or Stacked (Column).

• Styling: "Solid" or "Outline" styles with custom Radius and Colors.

6. Block Content

• Modular Blocks: Build your banner using:

  • Heading: Main title with responsive sizing.

  • Text: Description paragraph.

  • Button: Call-to-actions.

  • Testimonial: Review text, Author, and Star Count.

7. Spacing & Visibility

• Padding: Full control over Top/Bottom and Side padding for both Mobile and Desktop.

• Device Targeting: Options to hide the section on Mobile Only or Desktop Only.