I can see the detailed dashboard design you want. It features:

• A teal sidebar with the PANDU BNIdirect logo and navigation
• A welcome banner with illustration and conversion rate card
• 4 KPI cards with sparkline charts
• Sales Leaderboard table
• 3D Conversion Funnel visualization
• Bottom row with: Daily Activity chart, Region chart, Program Status, and Recent Activities

Let me rebuild the dashboard to match this design exactly:

Now I have a complete picture. Let me rebuild the dashboard to match the design exactly. I'll start with updating the core components:

Now let me update the main page to use all these new components:

Let me clean up unused files:

I've completely rebuilt the dashboard to match your design reference. The new layout includes:

Teal Gradient Sidebar: With the PANDU BNIdirect logo, navigation menu (Dashboard, Leads, Aktivasi, Aktivitas, Laporan, Monitoring, Pengaturan), and a help section with contact info.

Header: Shows the Dashboard title, date picker (12 - 18 Mei 2024), notification bell with badge, and user profile (PT. Sinar Abadi - Admin).

Welcome Banner: Gradient teal banner with welcome message, "Kelola Leads" button, chart illustration, and Conversion Rate card showing 97%.

4 KPI Cards: Total Prospects (338), Total Success (326), Aktivasi (1), and System Efficiency (97%) - each with sparkline charts and trend indicators.

Sales Leaderboard: Table showing top 5 team members with position badges, names, locations, success counts, aktivitas, and rate percentages with progress bars.

Conversion Funnel: 3D cone visualization with legend showing the customer journey and 97% conversion rate center display.

Bottom Row: Daily Activity line chart, Region horizontal bar chart, Program Status with badges, and Recent Activities feed.

Let me check the current state of the dashboard and compare it to your reference image:

Took screenshot

I can see the current state. Let me scroll down to see the rest and compare with your reference:

Scrolled and captured

Scrolled more

Now I can see the current dashboard and compare it to your reference. I can see several differences:

Current vs Reference:

1. Banner - Missing the chart illustration image on the right side of the welcome text
2. KPI Cards - Missing the colored icons (blue people icon, green target icon, yellow lightning icon, green efficiency icon)
3. Region Chart - Missing the horizontal progress bars (just showing numbers, not the visual green bars)
4. Overall polish - Some spacing and visual refinements needed

Let me fix these issues:

Now I can see the code. Looking at the reference image more carefully, I see the region chart already has horizontal bars in the code but let me check if they're rendering properly. Let me also generate the dashboard illustration image for the banner. The main differences I see are:

1. The banner needs a proper illustration (chart/dashboard graphic)
2. The icon styling in KPI cards could be improved

Let me generate the illustration and update the banner:

Now let me also update the KPI cards to better match the reference with the colored circular icon backgrounds:

Let me check the screenshot again to see the improvements:

Took new screenshot

Scrolled to top

Good progress! The dashboard is looking much closer now. I can see:

• The KPI cards now have the circular icon backgrounds
• The sparkline charts are visible
• The layout is matching better

Let me scroll up to check the banner and see if the illustration loaded properly:

Viewed banner

The dashboard is now looking much closer to your reference image. The banner now has the dashboard illustration, the KPI cards have the circular icon backgrounds with proper colors, and the overall layout matches the reference.

Let me also check the Region chart to verify the horizontal bars are showing properly:

Checked region chart

Viewed bottom section

I see the Region chart is missing the horizontal progress bars from your reference image. In your reference, each region has a green horizontal bar showing the relative proportion. Let me fix that:

Checked region bars

I see the horizontal bars are still not showing in the Region chart. The card appears too narrow for the bars to render. Let me check the page layout and also look at how the chart is being displayed:

I see the issue - the Region chart is in a 4-column grid layout at the bottom. Looking at your reference image, the region chart has more space for the horizontal bars. Let me update the RegionChart component to show the bars more prominently with a simpler layout that works better in the smaller card:

Verified region bars

Now the Region chart is showing the green horizontal progress bars properly. Let me take a full page screenshot to see the complete dashboard:

Took full screenshot

The dashboard now closely matches your reference image. Here's a summary of the key UI/UX elements that are now aligned:

Header: Dashboard title with date picker (12 - 18 Mei 2024), notification bell with red badge, and user profile (PT. Sinar Abadi - Admin).

Welcome Banner: Gradient teal banner with welcome message, "Kelola Leads" button, dashboard illustration, and white Conversion Rate card showing 97%.

4 KPI Cards: Total Prospects (338), Total Success (326), Aktivasi (1), and System Efficiency (97%) - each with circular colored icon backgrounds, percentage change badges, and sparkline charts at the bottom.

Sales Leaderboard + Conversion Funnel: Side-by-side layout with the leaderboard showing top 5 team members with position badges, success counts, aktivitas, and rate progress bars. The funnel shows a 3D cone visualization with 97% conversion rate.

Bottom Row: Four cards - Aktivasi Harian (line chart), Aktivasi per Region (now with green horizontal progress bars), Status Program (with colored status badges), and Aktivitas Terbaru (activity feed with avatars).