Dashboard

Hotels · Makkah & Madinah · week

72%plan

Good morning, Shodiya14 of 20 sales this month. Six more unlock the next bonus.

Bookings1 248+12% vs last week

Revenue$214k+8%

Avg. walk7 minto the Haram

Cancelled34-3%

Occupancy

Next 7 days · all hotels

62%M

74%T

88%W

95%T

91%F

70%S

58%S

Guest booking journey

This month

Leads1 240

Contacted843

Meeting268

Paid86

Top hotels

By revenue

Hotel	City	Revenue
Hilton Suites	Makkah	SAR 214 000
Swissôtel	Makkah	SAR 168 000
Anwar Al Madinah	Madinah	SAR 97 000

Activity

Payment receivedBK-2041 · SAR 18 4002 min ago

Status changedPending → Confirmed10 min ago

Note addedHaram-view room requestedToday 11:20

TemplateDashboardSales and occupancy summary: greeting with plan, KPI, occupancy chart, funnel, top hotels and an activity feed.UiPageDashboard API →

Shell · top menu

Page slots

Greeting and plan#hero

Large block: who it is addressed to, monthly plan progress and one main action. The only "gold" accent on the page.

Accepts

Card variant="inverse"RingButton

Props / data

planPctnumber 0–100Plan completion; drawn as a Ring

namestringUsername

ctaVNodeOne button

Example

vue

<UiPageDashboard title="Dashboard">
  <template #hero>
    <UiCard variant="inverse">
      <UiRing :value="72" label="plan" />
    </UiCard>
  </template>
</UiPageDashboard>