I can see you've provided a detailed specification for an action-based analytics dashboard. Since this is a comprehensive dashboard with multiple sections, I should enter plan mode to explore your codebase and create a solid implementation plan for your approval.
Now let me explore your codebase structure to understand what we're working with:
Now I have a good understanding of your project. Let me create a comprehensive plan:
Now I'll exit plan mode for your review:
Now let me check the current layout and create all the components. Let me start by examining the existing structure:
Now let me create the four dashboard components. I'll start with the hero card:
Now let me create the main dashboard page that assembles all components:
Now let me update the layout to ensure proper styling with a white background:
I've successfully built your action-based analytics dashboard with all the planned components. Here's what was created:
Components built:
Main dashboard page: Assembled all components with a clean white background, proper spacing, and a navigation header with tab switching. The dashboard highlights your critical insight about slowing sales at the top, followed by actionable recommendations and supporting metrics. All components use consistent styling with Tailwind CSS and color-coding for visual priority management.