Student Roster
Top of the cohort
1
Priya Shah98
2
Noor Ahmed94
3
Jordan Reyes91
4
Beste Sözen89
Ranked student list with rank digits, avatar initials, and emerald score pills on the right.
The import and the props worth knowing about, in one place.
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"
}
]}
/>
ID-card layout with an indigo photo panel on the left and a name, grade, school, and validity footer.
Course metadata strip summarizing student count, star rating, and last updated in a three-column grid.
Teacher profile with a gradient avatar wearing an amber award badge, subject line, and rating row.
In lesson 6, the dependency array skips the `setCount` setter. Isn't it a stale closure risk?
Student Q&A card with an avatar header, resolved pill, clipped question body, and reply and like counts.
