CRM pipelinePro

• Drag and drop between stages
• Keyboard move menu
• Weighted forecast
• Stale-deal highlighting

• Sales and deal tracking.

• Task boards: use the kanban board.

Import it from @/components/blocks/crm-pipeline after installing. It ships with sample data, so it renders straight away; swap in your own data when you're ready.

import { CrmPipeline } from "@/components/blocks/crm-pipeline";

export default function Page() {
  return (
    <main className="mx-auto max-w-6xl p-6">
      <CrmPipeline />
    </main>
  );
}

• Every deal has a stage select, so moving deals never needs a mouse.
• Columns are labelled with their deal count.

• Deals glide to their new column; totals roll.

• Columns scroll horizontally on phones.

• Sample data is plain arrays at the top of the file. Replace them with your API data and keep the shapes.

• Probability per stage sets the weighted forecast; edit it in the stages array.