Dashboard Layout - Copy this React, Tailwind Component to your project

Main-Dashboard-Layout:-Top-Section:-High-Level-KPIs-Total-Views:-Display-the-total-number-of-views-for-the-selected-period.-Total-Users:-Distinct-count-of-users-accessing-the-platform.-MoM-Growth:-Percentage-change-in-views-and-users-compared-to-the-previous-month.-Subscription-Breakdown:-Pie-chart-showing-proportions-of-Partial-and-Unlimited-subscriptions-or-bundle.-Middle-Section:-Usage-Analysis-Product-Usage:-Bar-Chart:-Breakdown-of-usage-by-Product-Type-(Core,-Science-Education,-etc.).-Stacked-Area-Chart:-Monthly-trend-of-views-by-Product-Type.-Page-Type-Distribution:-Donut-Chart:-Proportions-of-Page-Type-usage-(Video,-Text,-Article,-etc.).-Table:-Detailed-breakdown-of-views-and-interactions-by-Page-Type.-Source-Insights:-Stacked-Bar-Chart:-Source-contributions-(App,-LTI,-Embed,-WWW).-Line-Chart:-MoM-change-in-views-by-Source.-Bottom-Section:-Engagement-and-Regional-Data-Regional-Insights:-Map-Visualization:-Heatmap-showing-views-by-Region.-Table:-Breakdown-of-institute-level-metrics-(Institution_ID,-Name,-Tier).-Bundle-Analysis:-Bar-Chart:-Usage-by-Bundle-(K12,-Higher-Education,-Corporate).-Salesforce-Data-Insights:-Bar-Chart:-Views-by-Account-Owner.-Table:-Salesforce-Specialist,-CRM_ID,-and-Account_Record_Type-breakdown.