Student Roster

Ranked student list with rank digits, avatar initials, and emerald score pills on the right.

Top of the cohort
1
Priya Shah
Priya Shah98
2
Noor Ahmed
Noor Ahmed94
3
Jordan Reyes
Jordan Reyes91
4
Beste Sözen
Beste Sözen89

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

Import & use
import { Education22 } from "@/components/beste/piece/education22";

<Education22
  heading="Top of the cohort"
  students={[
    {
      "name": "Priya Shah",
      "initials": "PS",
      "score": "98",
      "imageSrc": "https://images.unsplash.com/photo-1606122017369-d782bbb78f32?w=200&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8NzF8fHBvcnRyYWl0fGVufDB8fDB8fHww",
      "alt": "Priya Shah"
    },
    {
      "name": "Noor Ahmed",
      "initials": "NA",
      "score": "94",
      "imageSrc": "https://images.unsplash.com/photo-1611695434398-4f4b330623e6?w=200&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8NjZ8fHBvcnRyYWl0fGVufDB8fDB8fHww",
      "alt": "Noor Ahmed"
    },
    {
      "name": "Jordan Reyes",
      "initials": "JR",
      "score": "91",
      "imageSrc": "https://images.unsplash.com/photo-1525134479668-1bee5c7c6845?w=200&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8ODJ8fHBvcnRyYWl0fGVufDB8fDB8fHww",
      "alt": "Jordan Reyes"
    },
    {
      "name": "Beste Sözen",
      "initials": "BS",
      "score": "89",
      "imageSrc": "https://images.unsplash.com/photo-1531891437562-4301cf35b7e4?w=200&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8Nzh8fHBvcnRyYWl0fGVufDB8fDB8fHww",
      "alt": "Beste Sözen"
    }
  ]}
/>