Customer Insights Dashboard - Copy this React, Tailwind Component to your project
"Design a customer behavior analysis dashboard to help bank staff identify potential financial needs based on customer interactions with products and services. The interface should include behavioral patterns, milestones reached, and completion status of key actions taken by the customer. Key Sections: Section 1: Savings Product Engagement (Hành vi liên quan đến tiết kiệm) Accessed the savings product page 3 times. Reached the final step of opening a savings account but did not complete. Used the interest rate calculator to estimate returns. Section 2: Loan Inquiry Behavior (Hành vi liên quan đến khoản vay) Accessed the loan products page multiple times. Completed the loan eligibility check form. Used the loan calculator to estimate monthly payments. Viewed loan terms and conditions. Section 3: Credit Card Interest (Hành vi liên quan đến thẻ tín dụng) Viewed credit card benefits and fees. Started a credit card application but did not submit. Compared different credit card options. Section 4: Interaction Milestones (Các cột mốc tương tác) Milestone tracking for each behavior (e.g., Viewed Product Page > Used Calculator > Started Application > Submitted). Use progress bars to show how far the customer has progressed in each product journey. Design Requirements: Use interactive cards to display key behaviors. Include color-coded progress indicators (e.g., red for incomplete actions, green for completed). Add actionable insights based on behaviors (e.g., 'Call customer to offer a savings product' or 'Send follow-up email for loan application'). The interface should be clean, modern, and mobile-responsive, with clickable cards for detailed views."
