Vertical learning path with done, current, and locked steps connected by a colored rail.
The import and the props worth knowing about, in one place.
import { Education7 } from "@/components/beste/piece/education7";
<Education7
title="Your learning path"
steps={[
{
"title": "Foundations",
"status": "done"
},
{
"title": "Patterns & hooks",
"status": "done"
},
{
"title": "Performance tuning",
"status": "current"
},
{
"title": "Shipping at scale",
"status": "locked"
}
]}
/>Multi-course path card listing numbered steps, per-step hours, and a primary Path tag in the header.
Course tile with a gradient thumbnail, instructor byline, duration, and an inline progress bar.
Saved-quote card grouping highlighter-tinted excerpts and an italic personal note beneath them.
Collapsible course module header that reveals a timed lesson list underneath when expanded.