HeroEvent
the date in very large numerals beside the title and place, one picture band beneath: a one- or two-day event
role: hero pages: landing, event, home motion: expressive
Install
npx shadcn-vue@latest add @trame/landing-hero-event # Vue
npx shadcn@latest add @trame/landing-hero-event # Reactdate-led
@trame/landing-hero-event--date-led the date in very large numerals beside the title and place, one picture band beneath: a one- or two-day event
poster
@trame/landing-hero-event--poster the title set as a poster over a picture, the details in a ruled strip below: a festival, an exhibition, a season
countdown
@trame/landing-hero-event--countdown the days left to the start, from the organiser’s date, beside the register button: an event within a few weeks