Lead detailPro

• Deal stage
• AI lead score
• Activity and notes
• Next steps

• CRM record pages.

• Lists of leads: use CRM contacts.

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

import { LeadDetail } from "@/components/blocks/lead-detail";

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

• The score is a labelled meter; tasks are toggle buttons; winning a deal is announced.

• Notes slide into the timeline; tasks pop when done; tabs cross-fade.

• The profile column moves above the activity below 1024px.

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

• Explain the score with factors, as in the list under the gauge.