defuss-shadcn / Website / website-events-promotions
Events & Promotions
Blocks for campaigns, events and places: calls to action, announcements, offers and countdowns, bookings, event listings and pages - header, description, speakers, sessions and registration - and locations with maps, a store finder and opening hours. Every block is CSS-only and built from the library's components and tokens.
On this page (3)
§The template
The Events & Promotions blocks composed into one page - the source is the page.
§An event page
An announcement, the Event Header, a Countdown bar, the Event Description, the agenda (Session Items), the speakers, the venue (Location Map + Opening Hours) and a final CTA - only Events & Promotions blocks.
§The blocks
CTA
Combines a focused message with a prominent action - centered, split, on a dark glow or over a picture.
Announcement
Highlights an important update with an optional link or dismissal - a bar, a filled strip, an inline card or a floating notice.
Offer Banner
Presents a promotion with its conditions and action - a gradient card, a slim ribbon or a coupon with a tear-off edge.
Event Countdown
Displays the remaining time until a specified event - days, hours, minutes and seconds ticking down beside the date and the action.
Booking Form
Collects a service selection, available slot, and customer details - radio cards, a native date, time chips and the contact fields.
Event Item
Previews one event with its date, location, and attendance link - a calendar tile, the title, time and place, and a register action.
Event Header
Introduces an event with its title, date, venue, and primary action - on a gradient band, over a cover picture, or beside a poster.
Event Description
Explains an event's purpose, audience, and participation details - the story, who it is for, what you take away, and the practical facts.
Speaker Item
Introduces one speaker with a portrait, role, and biography - with their talk, as a card, a featured keynote or a compact row.
Session Item
Presents one scheduled session with its time, topic, and speakers - with its track, room and an "add to my schedule" toggle; breaks and keynotes styled apart.
Registration Form
Collects attendee information and event participation choices - the ticket, the attendee, the workshops and the practical needs.
Location Item
Presents one physical location with its address and directions - the address, whether it is open now, the phone and a directions link.
Location Map
Displays one or more locations on an interactive map - pins open a card anchored to them, a list beside the map names every place.
Locator Search
Finds nearby locations using an address or current position - a search with "use my location", a radius and the results.
Opening Hours
Displays operating hours and date-specific exceptions - the week with today marked, whether it is open now, and the holidays.
Comments, ideas or improvements? Edit this page's source on GitHub