Instructor Card

Teacher profile with a gradient avatar wearing an amber award badge, subject line, and rating row.

Prof. Lira Vasquez
Prof. Lira VasquezSenior instructor · React track
Top-rated
24,182 students4.9 average

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

Import & use
import { Education21 } from "@/components/beste/piece/education21";

<Education21
  name="Prof. Lira Vasquez"
  title="Senior instructor · React track"
  initials="LV"
  imageSrc="https://images.unsplash.com/photo-1554727242-741c14fa561c?w=200&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8ODd8fHBvcnRyYWl0fGVufDB8fDB8fHww"
  alt="Prof. Lira Vasquez"
  students="24,182 students"
  rating="4.9 average"
  badge="Top-rated"
/>