Live Workshop

Upcoming workshop card with a pulsing live pill, date/time/duration line, enrollment count, and a CTA.

Live workshopLive workshop · TypeScript generics
Thu, May 218:00 UTC+390 minutes
412 enrolled · 88 seats left

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

Import & use
import { Education24 } from "@/components/beste/piece/education24";

<Education24
  title="Live workshop · TypeScript generics"
  date="Thu, May 2"
  time="18:00 UTC+3"
  duration="90 minutes"
  enrolled="412 enrolled · 88 seats left"
  ctaLabel="Save my seat"
/>