About this piece
Class Announcement
Left-ruled amber announcement from an instructor with a megaphone chip, title, body, and timestamp.
Usage
The import and the props worth knowing about, in one place.
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"
/>More Education pieces
View all Education
Prof. Lira VasquezSenior instructor · React track
Top-rated24,182 students4.9 average
Instructor Card
Teacher profile with a gradient avatar wearing an amber award badge, subject line, and rating row.
Live42:18 into class
Live class · Typescript generics1423
Live Class
Dark live-classroom widget with a red live chip, attendee and raised-hand counts, and mic/video toggles.
Certificate of completionBeste Sözenhas completed the courseAdvanced React Performance
Issued Apr 23, 2026Beste Academy
BSTE-CRT-4K91-ZN12Certificate
Amber-trimmed completion certificate with an award medallion, italic recipient line, and credential ID.
Composing tokens with Tailwind18 min
03Lesson Row
Single lesson entry with a status glyph on the left, title, duration, and padded index on the right.
