Seasonal
A pricing section with promotional banners and limited time discounts on each plan. Use it for holiday sales, launches, and campaigns that push urgency.
A pricing section with promotional banners and limited time discounts on each plan. Use it for holiday sales, launches, and campaigns that push urgency.
The Marketing (Legacy) Collection unlocks the source for every Marketing (Legacy) block. All Access unlocks every Collection.
Already purchased? Log in
Seasonal Pricing leads with a centered badge, a bold sale headline, and a short subheading. Directly below that sits a live countdown: a progress bar that drains as time passes, and a four cell grid showing days, hours, minutes, and seconds ticking down in real time. Three plan cards follow in a row. Each card shows the plan name, the discounted monthly price with the original crossed out and a percentage badge beside it, a short description, an optional bonus callout panel, and a checklist of features. The most popular plan gets a corner label and a solid primary button; the others get outline buttons. A wide urgency banner at the bottom pairs a short reminder message with a second call to action.
The plan data, feature lists, prices, and bonus copy are all defined in a single array at the top of the file, so you can swap in your own tiers and discounts without touching the layout. The bonus panel only appears when a plan has bonus text, so removing it from a plan is a one field change. The countdown total and the urgency banner copy are equally straightforward to update.
This layout is built for moments when a deadline drives the decision. It suits a creative agency or studio running a seasonal promotion, a product launch window, a Black Friday campaign, or any short window where buyers need a reason to act today rather than next week. Unlike the plain Cards layout, the live timer and the crossed out original prices frame the offer as genuinely temporary, which raises urgency without additional copy.
A natural flow around it on a Marketing (Legacy) page:
Before
After
Each card is driven by a plain data object, so the content is easy to tailor without editing markup:
Tip: set the countdown to match the exact close of your sale rather than a round number so the timer feels authentic and buyers trust the deadline.