Features Breakdown: Promotional Countdown Banner

Full-Bleed Layout & Dimensions

• Edge-to-Edge Design: The banner spans the full width of the viewport (100vw) for maximum visibility.

• Independent Spacing: Separate controls for Desktop and Mobile regarding minimum height and horizontal edge margins.

• Responsive Layout: Automatically switches from a horizontal inline layout on Desktop to a stacked or wrapped layout on Mobile to fit smaller screens perfectly.

Smart Countdown Timer

• Scheduling: Set a precise End Date (YYYY-MM-DD) and End Time (24h format).

• Auto-Hide: Option to automatically hide the entire section once the timer expires.

• Custom Labels: Fully editable text for days, hours, minutes, and seconds labels.

• Sizing: Independent font size controls for the numbers and the labels, with specific settings for Mobile and Desktop.

Typography & Content

• Rich Text Support: The main heading uses a Rich Text editor, allowing you to bold specific words, add links, or insert line breaks directly within the text.

• Font Weight Control: Granular control over font weights (300-900) for both regular text and bold text, allowing for perfect visual hierarchy.

• Font Selection: Option to use the Theme's global typography or select a specific Custom Font for this section.

Call-to-Action (CTA) Styling

• Gradient Support: Create high-converting buttons with dual-color gradients and adjustable angles, or use solid colors.

• Shape & Size: Customizable border radius (rounded corners), padding, and font sizes (separate for Mobile/Desktop).

• Layout Flexibility: Adjustable gap (spacing) between the Timer and the Button, with independent controls for Mobile and Desktop layouts.

User Experience & Behavior

• Minimalist Close Button: Includes a sleek "X" button to dismiss the banner.

• Memory Logic: "Remember Closed State" setting allows you to define how many days the banner stays hidden after a user closes it (uses LocalStorage).

• Accessibility: Built with ARIA roles (timer, region) and accessible focus states for keyboard navigation.