Upcoming Happening

#Overview

Introduction: The Upcoming Happening component showcases an upcoming event, drawing information from the upcoming hapenings. It displays essential details, such as the event title, date, countdown timer, and a "Learn More" link, making it ideal for promoting upcoming events on your website.

Key Features:

• Event Countdown Timer: Automatically counts down to the event's start time, showing days, hours, minutes, and seconds (active on live site).
• Event Status Display: Clearly indicates if the event is canceled.
• Dynamic Date Formatting: Converts event time to the user’s local timezone on the live site for added convenience.

Best use cases

Examples of Effective Use:

• Place on a homepage or event page to build anticipation for an upcoming event.
• Perfect for time-sensitive promotions where visitors need to be aware of when the event starts.
• Useful for landing pages where the countdown adds urgency and motivates users to take action.

How NOT to use this

Common Missteps:

• This section is specifically designed for upcoming events.
• Avoid too many tags if they clutter the display and detract from the event’s core details.

FAQ, pro tips, and troubleshooting

• Pro Tip: Pair with a "Simple Call To Action" section for encouraging sign-ups or RSVPs.
  Troubleshooting:
  If the countdown is incorrect it is likley that you did not set up the happening's date and time in UTC format. Make sure that the date and time for the happening is UTC time and not your local time

Ideas

Suggested Combinations:

• Simple Call To Action: Add this after the event to guide users toward signing up or RSVPing.
• Happening Cards: Display this above a list of other events to highlight one that is most relevant or urgent.