<Card title="Sales Today vs Target">
<Columns>
<Stat label="Sales" value="15000" change="+" note="" tone="success" />
<Stat label="Target" value="20000" change="-" note="" tone="warning" />
<Progress value=75! max=100 label="Target %" tone="info" />
</Columns>
</Card>

<Card title="Foot Traffic">
<Chart type="line" x="Hour" y="Foot traffic">
| Hour | Foot Traffic |
|---|---|
| 8am | 120 |
| 9am | 135 |
| 10am | 150 |
| 11am | 165 |
| 12pm | 180 |
| 1pm | 190 |
| 2pm | 185 |
| 3pm | 170 |
| 4pm | 155 |
| 5pm | 140 |
| 6pm | 125 |
</Chart>
</Card>

<Card title="Best Sellers">
<Chart type="bar" x="Product" y="Units">
| Product | Units |
|---|---|
| Widget A | 340 |
| Gadget B | 275 |
| Thing C | 210 |
| Device D | 190 |
| Tool E | 175 |
</Chart>
</Card>

<Card title="Out of Stock">
<Stat label="Out of Stock" value="5" change="" note="" tone="warning" />
</Card>

<Card title="Team on Shift">
<Gallery>
<Avatar name="Alice" src="https://example.com/avatar1.jpg" subtitle="" />
<Avatar name="Bob" src="https://example.com/avatar2.jpg" subtitle="" />
<Avatar name="Carol" src="https://example.com/avatar3.jpg" subtitle="" />
<Avatar name="Dave" src="https://example.com/avatar4.jpg" subtitle="" />
</Gallery>
</Card>

<Card title="Average Basket Size">
<Stat label="Avg Basket" value="42" change="" note="" tone="info" />
</Card>

<Card title="Returns This Week">
<Stat label="Returns" value="12" change="" note="" tone="warning" />
</Card>

<Card title="Promotion Performance">
<Chart type="pie" title="Promotion Performance" x="Promotion" y="Sales">
| Promotion | Sales |
|---|---|
| Summer Sale | 5000 |
| Holiday Discount | 3000 |
| New Year Offer | 2000 |
| Clearance | 1500 |
</Chart>
</Card>

<Card title="Register Status">
| Register | Status |
|---|---|
| Register 1 | <Badge tone="success">Open</Badge> |
| Register 2 | <Badge tone="danger">Closed</Badge> |
| Register 3 | <Badge tone="success">Open</Badge> |
| Register 4 | <Badge tone="danger">Closed</Badge> |
</Card>

<Card title="Reorder Item">
<Form name="reorder-item">
<Input label="Item to reorder" name="item" type="text" placeholder="Product name" />
<Button variant="primary" label="Reorder" />
</Form>
</Card>

<Card title="Switch Store">
<Button href="#other-store" label="View other store" variant="secondary" size="medium" />
</Card>

<Card title="Weekly Sales Comparison">
<Chart type="bar" x="Day" y="Sales">
| Day | This Week | Last Week |
|---|---|---|
| Mon | 1200 | 1100 |
| Tue | 1300 | 1250 |
| Wed | 1150 | 1100 |
| Thu | 1400 | 1300 |
| Fri | 1500 | 1450 |
| Sat | 1800 | 1700 |
| Sun | 1600 | 1550 |
</Chart>
</Card>