<Card title="Site Visitors (Last 30 Days)">
<Chart type="area" title="Visitors" x="Day" y="Visitors">
| Day | Visitors |
|---|---|
| Day 1 | 1200 |
| Day 2 | 1350 |
| Day 3 | 1500 |
| Day 4 | 1650 |
| Day 5 | 1800 |
</Chart>
</Card>

<Card title="Conversion Rate">
<Stat label="Conversion Rate" value="3.2%" change="↑0.5%" note="MoM" tone="info" />
</Card>

<Card title="Top Traffic Sources">
<Chart type="pie" title="Traffic Share" x="Source" y="Share">
| Source | Share |
|---|---|
| Organic Search | 45% |
| Paid Search | 20% |
| Social Media | 15% |
| Direct | 10% |
| Referral | 5% |
</Chart>
</Card>

<Card title="Running Campaigns">
<Chart type="horizontal" title="Campaign Spend" x="Campaign" y="Spend">
| Campaign | Spend |
|---|---|
| Campaign A | $10,000 |
| Campaign B | $8,000 |
| Campaign C | $6,000 |
| Campaign D | $5,000 |
| Campaign E | $4,000 |
</Chart>
<Callout tone="success" title="Best Performing Campaign">
Campaign A generated the highest ROI.
</Callout>
</Card>

<Card title="Email Subscriber Growth">
<Stat label="Subscribers" value="12,400" change="↑800" note="This month" tone="info" />
</Card>

<Card title="Filters">
<Select label="Date Range" name="date_range" placeholder="Select range" options="Last 7 days | Last 30 days | Last 90 days" value="Last 30 days" hint="Choose the period to view" required="true" />
<Button variant="primary" href>Export Report</Button>
</Card>