Banner with countdown

Overview:

The Banner with Countdown section allows users to showcase a slideshow of promotional banners with an optional countdown timer. This is ideal for highlighting limited-time offers, product launches, or upcoming events.

Section Configuration:

Header Content

Setting	Description
Heading	The main heading for the section.
Heading Size	Controls the size of the heading (h3–h6). Default: h6.
Font Weight	Adjusts the heading font weight (bold, semi-bold, medium, normal). Default: bold.
Description	Additional text below the heading.
Description Size	Adjusts the text size (small–xlarge). Default: medium.
Font Weight	Adjusts the description font weight (bold, semi-bold, medium, normal, light). Default: light.

Countdown Timer Settings

Setting	Description
End Date	Sets the expiration date for the countdown timer.
On Countdown End	Choose whether to hide the timer or show a custom message. Options: Hide, Show Message. Default: Hide.
End Message	Message displayed when the timer expires (if applicable).

Slideshow Settings

Setting	Description
Auto Play	Enables automatic slide transitions. Default: false.
Slide Type	Determines the transition effect (Fade or Slide). Default: Fade.
Show Navigation	Displays previous/next arrows. Default: true.
Show Pagination	Displays navigation dots. Default: false.
Slide Interval	Sets the delay between automatic slide changes (2–9 seconds). Default: 5s.

Layout & Styling Settings

Setting	Description
Text Alignment (Desktop)	Aligns text to the left, center, or right. Default: left.
Text Alignment (Mobile)	Aligns text on mobile view. Default: left.
Color Scheme	Applies a predefined color scheme. Default: scheme1.
Top Padding	Adds spacing above the section. Range: 0–100px. Default: 40px.
Bottom Padding	Adds spacing below the section. Range: 0–100px. Default: 40px.

Block Configuration (Slides)

Each slide represents a promotional banner with customizable content.

Setting	Description
Image	Upload an image for the slide.
Background Overlay	Apply a gradient or solid overlay on the image.
Caption	Short text above the heading.
Caption Size	Adjusts the caption size (small–large). Default: Medium.
Caption Font Weight	Controls the caption font weight (bold, semi-bold, medium, normal). Default: bold.
Heading	The main title for the slide. Default: "Talk about your brand".
Heading Size	Adjusts the heading size (h1–h4). Default: h4.
Heading Font Weight	Adjusts the heading font weight (bold, semi-bold, medium, normal). Default: bold.
Description	Additional text below the heading.
Description Size	Adjusts the text size (small–xlarge). Default: small.
Description Font Weight	Controls the description font weight (bold, semi-bold, medium, normal, light). Default: normal.

Button Settings (Optional for Each Slide)

Setting	Description
First Button Label	Text for the primary button. Default: "BUTTON LABEL".
First Button Link	URL for the primary button.
Open First Button in New Tab	Option to open the link in a new tab. Default: false.
Second Button Label	Text for the secondary button.
Second Button Link	URL for the secondary button.
Open Second Button in New Tab	Option to open the link in a new tab. Default: false.

Slide Layout & Positioning

Setting	Description
Enable Container	If enabled, constrains text width inside a container. Default: false.
Max Content Size	Limits the width of the content (50–100%). Default: 50%.
Text Position	Aligns text to the left, center, or right. Default: left.
Text Alignment (Mobile)	Aligns text for mobile view. Default: center.
Color Scheme	Applies a color scheme to the slide. Default: scheme4.