Spaced-repetition deck summary with italic card fronts and new, learning, review, or mastered pills.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Education27 } from "@/components/beste/piece/education27";
<Education27
deck="Spanish vocab · Unit 4"
due="12 due today"
cards={[
{
"front": "resolver",
"status": "review"
},
{
"front": "compartir",
"status": "learning"
},
{
"front": "el idioma",
"status": "new"
},
{
"front": "bienvenida",
"status": "mastered"
}
]}
/>Saved-quote card grouping highlighter-tinted excerpts and an italic personal note beneath them.
Course tile with a gradient thumbnail, instructor byline, duration, and an inline progress bar.
Video lesson card with a play thumbnail, duration badge, watched bar, and a chapter eyebrow.
Streak card with a flame badge, seven-day dot grid, and an encouraging caption underneath.
Graded assignment card with a color-tinted letter tile, score fraction, and a clipped feedback excerpt.
Multiple-choice card with a progress bar in the header, stem text, and four lettered option rows.