Graduate testimonial with five-star rating, a body paragraph, and an avatar-cohort footer.
The office hours alone were worth the tuition. I came in wanting to learn Next.js and left with a new role.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Education26 } from "@/components/beste/piece/education26";
<Education26
author="Andrea Kim"
cohort="Cohort 12 · Graduated Mar 2026"
initials="AK"
imageSrc="https://images.unsplash.com/photo-1521146764736-56c929d59c83?w=200&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8NjB8fHBvcnRyYWl0fGVufDB8fDB8fHww"
alt="Andrea Kim"
rating={5}
body="The office hours alone were worth the tuition. I came in wanting to learn Next.js and left with a new role."
/>Ranked student list with rank digits, avatar initials, and emerald score pills on the right.
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.
Course metadata strip summarizing student count, star rating, and last updated in a three-column grid.
Saved-quote card grouping highlighter-tinted excerpts and an italic personal note beneath them.
Share your story and the thing you wish you knew earlier. I'll reply over the weekend.
Mentor AMA card with title, course subline, clipped description, and answered/waiting counts.