Learning Path

Multi-course path card listing numbered steps, per-step hours, and a primary Path tag in the header.

Backend engineer path12-course track · beginner to senior

Path

1Node.js fundamentals8h

2Data modeling with Postgres10h

3APIs & authentication14h

4Production operations16h

Total 48 hours

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use

import { Education25 } from "@/components/beste/piece/education25";

<Education25
  pathName="Backend engineer path"
  subtitle="12-course track · beginner to senior"
  steps={[
    {
      "label": "Node.js fundamentals",
      "hours": "8h"
    },
    {
      "label": "Data modeling with Postgres",
      "hours": "10h"
    },
    {
      "label": "APIs & authentication",
      "hours": "14h"
    },
    {
      "label": "Production operations",
      "hours": "16h"
    }
  ]}
  totalHours="Total 48 hours"
/>