{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "timeline-05",
  "title": "Timeline 05",
  "description": "A simple timeline block for process steps",
  "files": [
    {
      "path": "src/registry/blocks/shared/timeline-05/components/timeline.tsx",
      "content": "const steps = [\n  {\n    title: \"Research\",\n    description:\n      \"Gather information and analyze requirements to understand the problem and define objectives.\",\n  },\n  {\n    title: \"Planning\",\n    description:\n      \"Create a roadmap, define the scope, and outline the necessary steps to achieve the goal.\",\n  },\n  {\n    title: \"Design\",\n    description:\n      \"Develop wireframes, mockups, and prototypes to visualize the structure and user experience.\",\n  },\n  {\n    title: \"Development\",\n    description:\n      \"Write code, integrate features, and build the core functionality of the application.\",\n  },\n  {\n    title: \"Testing\",\n    description:\n      \"Perform quality assurance, fix bugs, and optimize performance before release.\",\n  },\n  {\n    title: \"Deployment\",\n    description:\n      \"Launch the project in a live environment and ensure smooth deployment.\",\n  },\n  {\n    title: \"Maintenance\",\n    description:\n      \"Monitor performance, update features, and provide ongoing support and improvements.\",\n  },\n];\n\nexport default function Timeline() {\n  return (\n    <div className=\"mx-auto max-w-(--breakpoint-sm) px-6 py-12 md:py-20\">\n      <div className=\"relative ml-6\">\n        {/* Timeline line */}\n        <div className=\"absolute inset-y-0 left-0 border-l\" />\n\n        {steps.map(({ title, description }, index) => (\n          <div className=\"relative pb-10 pl-10 last:pb-0\" key={index}>\n            {/* Timeline Icon */}\n            <div className=\"absolute left-px flex h-9 w-9 -translate-x-1/2 items-center justify-center rounded-full border border-muted-foreground/40 bg-accent ring-8 ring-background\">\n              <span className=\"font-medium text-lg\">{index + 1}</span>\n            </div>\n\n            {/* Content */}\n            <div className=\"space-y-1.5 pt-1\">\n              <h3 className=\"font-medium text-xl tracking-[-0.01em]\">\n                {title}\n              </h3>\n              <p className=\"text-lg text-muted-foreground\">{description}</p>\n            </div>\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n}\n",
      "type": "registry:component"
    }
  ],
  "type": "registry:block"
}