Features Breakdown: Apple-Style Video Banner This section is designed to replicate the sleek, high-end product banners seen on major tech sites (like Apple). It features a contained "Video Card" with text overlay at the bottom, distinct "Solid" vs. "Ghost" buttons, and precise playback controls.

1. Dual Media Strategy

• Device Specifics: Upload a dedicated Video (or MP4 URL) and Poster Image for Desktop and a completely separate set for Mobile.

• Playback Logic:

  • Loop: Toggle to make the video repeat automatically.

  • Play/Pause Button: A custom, stylized button overlaid on the video. You can customize its Size, Corner Radius, Colors, and Border.

2. Card Dimensions & Ratios

• Aspect Ratio Control: Define the shape of the card independently for Mobile and Desktop (e.g., Cinema 21:9, Standard 16:9, Square 1:1, or Vertical 9:16).

• Fixed Height Override: You can bypass the aspect ratio and force a specific Fixed Height (in pixels) for the card to ensure it fits perfectly in specific layout slots.

• Card Styling: Adjust the Corner Radius (0-40px) and toggle a Drop Shadow for a floating effect.

3. Content Layout & Ordering

• Text Placement: The text sits at the bottom of the card.

• Smart Ordering: You can change the flow of content:

  • Desktop: Switch between "Text Left / Buttons Right" (Standard) or "Text Right / Buttons Left" (Invert).

  • Mobile: Switch between "Text on Top" or "Buttons on Top".

4. Typography & Text Hierarchy

• Three-Tier Text: Dedicated fields for a Headline, Subheading, and a specific Pricing/Details Line.

• Granular Sizing: Independent font-size sliders for Desktop and Mobile for every text element (Heading, Subheading, Pricing, and Buttons).

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

5. Call-to-Action (Buttons)

• Dual Buttons:

  • Primary: Designed as a Solid colored button.

  • Secondary: Designed as a Ghost/Outline button with a "frosted glass" blur effect.

• Customization: Full control over Links, Labels, Backgrounds, Text Colors, and Borders for both buttons.

6. Wrapper & Spacing

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

• Vertical Spacing: Adjust the margin above and below the section.