Event Countdown

Dark foreground countdown with event title, start time, and a four-unit time tile grid below.

Shipmas 2026Dec 1 · 09:00 UTC
42days
08hrs
21min
11sec

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use
import { Event4 } from "@/components/beste/piece/event4";

<Event4
  title="Shipmas 2026"
  startsAt="Dec 1 · 09:00 UTC"
  days={42}
  hours={8}
  minutes={21}
  seconds={11}
  daysLabel="days"
  hoursLabel="hrs"
  minutesLabel="min"
  secondsLabel="sec"
/>