# Marketing Dashboard

Last 30 days. <Badge tone="success">Live</Badge>

<Card title="Date Range & Export">
<Columns>
<Form name="date-range">
<Date label="Start date" name="start" value="2025-05-01" />
<Date label="End date" name="end" value="2025-05-30" />
<Button>Apply</Button>
</Form>
<Button variant="primary" icon="download">Export Report</Button>
</Columns>
</Card>

<Card title="Key Metrics">
<Columns>
<Stat label="Site Visitors" value="48,210" change="+12.4%" tone="success" icon="users" />
<Stat label="Conversion Rate" value="3.8%" change="+0.4 pts" tone="success" icon="chart-line" />
<Stat label="Email Subscribers" value="1,842" change="+6.2%" tone="info" icon="envelope" />
</Columns>
</Card>

<Card title="Site Visitors — Last 30 Days">
<Chart type="area" x="Day" y="Visitors">
| Day | Visitors |
|---|---|
| May 1 | 1,240 |
| May 5 | 1,480 |
| May 10 | 1,610 |
| May 15 | 1,720 |
| May 20 | 1,890 |
| May 25 | 2,030 |
| May 30 | 2,150 |
</Chart>
</Card>

<Card title="Top Traffic Sources">
<Chart type="bar" x="Source" y="Share (%)">
| Source | Share |
|---|---|
| Organic Search | 38 |
| Direct | 24 |
| Social Media | 18 |
| Email | 12 |
| Referral | 8 |
</Chart>
</Card>

<Card title="Running Campaigns">
| Campaign | Spend | Status |
|---|---|---|
| Spring Sale – Social | $4,200 | <Badge tone="success">Active</Badge> |
| Newsletter Welcome | $1,100 | <Badge tone="success">Active</Badge> |
| Google Ads – Brand | $3,400 | <Badge tone="success">Active</Badge> |
| Retargeting – Cart | $2,800 | <Badge tone="info">Paused</Badge> |
| Influencer Launch | $5,600 | <Badge tone="success">Active</Badge> |

<Callout tone="success" title="Best Performer">
<strong>Influencer Launch</strong> — $5,600 spend, 4.9% conversion rate, highest ROAS at 6.2x.
</Callout>
</Card>

<Card title="Email Subscriber Growth — This Month">
<Chart type="line" x="Week" y="Subscribers">
| Week | Subscribers |
|---|---|
| Week 1 | 380 |
| Week 2 | 510 |
| Week 3 | 640 |
| Week 4 | 312 |
</Chart>
</Card>