Amber-trimmed completion certificate with an award medallion, italic recipient line, and credential ID.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Education13 } from "@/components/beste/piece/education13";
<Education13
recipient="Beste Sözen"
courseName="Advanced React Performance"
issuedOn="Issued Apr 23, 2026"
credentialId="BSTE-CRT-4K91-ZN12"
issuer="Beste Academy"
/>Teacher profile with a gradient avatar wearing an amber award badge, subject line, and rating row.
Graded assignment card with a color-tinted letter tile, score fraction, and a clipped feedback excerpt.
Circular ring showing percent complete next to a course label and a lessons-done caption.
Course tile with a gradient thumbnail, instructor byline, duration, and an inline progress bar.
I'll be out Tuesday for a conference. Drop in Thursday 15:00 – 17:00 instead — same Zoom link in the syllabus.
Posted 2 hours agoLeft-ruled amber announcement from an instructor with a megaphone chip, title, body, and timestamp.
Ranked student list with rank digits, avatar initials, and emerald score pills on the right.