Left-ruled amber announcement from an instructor with a megaphone chip, title, body, and timestamp.
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 agoRequires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Education17 } from "@/components/beste/piece/education17";
<Education17
instructor="Prof. Lira Vasquez"
role="Instructor"
title="Office hours moved to Thursday"
body="I'll be out Tuesday for a conference. Drop in Thursday 15:00 – 17:00 instead — same Zoom link in the syllabus."
postedAt="Posted 2 hours ago"
/>Teacher profile with a gradient avatar wearing an amber award badge, subject line, and rating row.
Dark live-classroom widget with a red live chip, attendee and raised-hand counts, and mic/video toggles.
Amber-trimmed completion certificate with an award medallion, italic recipient line, and credential ID.
Ranked student list with rank digits, avatar initials, and emerald score pills on the right.
Single lesson entry with a status glyph on the left, title, duration, and padded index on the right.
Circular ring showing percent complete next to a course label and a lessons-done caption.