Hotel Dashboard with Revenue Widgets

Dashboard 15Pro

A shadcn/ui hospitality dashboard with duotone gradient occupancy chart, segmented room capacity bar, conic gradient donut, and revenue overview widget with channel breakdown.

Shadcn UI Dashboard Block

Dashboard15 is a hospitality-focused dashboard built with Shadcn UI, featuring a two-column layout with a collapsible inset sidebar, main content area with hotel KPIs and detailed widgets, and a fixed right panel with a mini calendar and bookings tabs. The sidebar has grouped navigation for front office, property, revenue, and administration sections. The main area includes a header with user greeting and date controls, hotel stat cards showing occupancy rate, average daily rate, and RevPAR with trends and comparison text. Below that are a bidirectional occupancy bar chart with duotone gradient fills, a room capacity widget with segmented progress bar, a customer segments widget with donut visualization, and a revenue overview widget with channel breakdown and KPI rows. The right panel has a mini month calendar and tabbed booking lists.

Card containers have rounded corners on a muted background. The occupancy chart uses duotone horizontal gradients on the bar fills, showing half opacity transitioning to full opacity. The room capacity widget displays a horizontal row of rectangular segments indicating fill rate. The donut chart uses conic gradients for segment display. The revenue overview widget combines a progress bar, offline/platform breakdown cards, and a table of channel revenues with trend indicators. Typography uses hospitality terminology.

This is a highly specialized hospitality dashboard with multiple unique visualizations. The duotone gradient bar fills and segmented capacity bar provide visual polish beyond standard charts. The revenue overview widget packs multiple data views into one card. Very complex with custom chart gradients, donut visualization, and detailed booking management. Requires hotel metrics, room availability data, customer segment breakdowns, revenue by channel with trends, and booking records with guest details.

Dependencies

PackageType
lucide-reactNPM
reactNPM
rechartsNPM
avatar
@shadcn
Registry
badge
@shadcn
Registry
button
@shadcn
Registry
card
@shadcn
Registry
chart
@shadcn
Registry
collapsible
@shadcn
Registry
dropdown-menu
@shadcn
Registry
kbd
@shadcn
Registry
scroll-area
@shadcn
Registry
select
@shadcn
Registry
sidebar
@shadcn
Registry
table
@shadcn
Registry
tabs
@shadcn
Registry