# Volt Template Reference

Source URL: https://themewagon.github.io/volt-react-dashboard/#/dashboard/overview

Use this as a cached local description of the Volt dashboard direction. Do not copy framework code or exact source. Recreate a Bootstrap-like admin dashboard using Tailwind, Inter, Font Awesome, and project-specific fake data.

## Layout Pattern
- Professional analytics dashboard with left navigation, top breadcrumb/title area, and modular cards.
- Sidebar has a strong dark or neutral rail, active navigation states, grouped modules, and clear icons.
- Main content favors analytics overview, transaction/activity tables, and workflow cards.
- Good fit for CRM, finance, operations, restaurant, service booking, garage, HR, and internal admin apps.

## Components To Emulate
- Overview stat cards with trend indicators.
- Main analytics panels with chart placeholders, progress bars, and period filters.
- Transaction/order/customer tables with badges and action icons.
- Task list or timeline card for recent operations.
- Profile/team cards for staff assignment or workflow ownership.

## Visual Direction
- Crisp admin UI with strong hierarchy, clean borders, modest shadows, and controlled accent colors.
- Use neutral backgrounds and make the active accent match the BA brief.
- Prefer small informative blocks over large marketing sections.

## Responsive Behavior
- Sidebar collapses to icon rail or hidden drawer.
- KPI cards become a 2-column grid on tablets and 1-column on mobile.
- Keep action buttons reachable above tables on small screens.
