# Marketing Dashboard

<Card title="Date Range">
<Form name="date-range">
<Columns>
<Date label="From" name="from" value="2025-03-01" />
<Date label="To" name="to" value="2025-03-30" />
</Columns>
<Button>Apply</Button>
</Form>
</Card>

<Card title="Key Metrics">
<Columns>
<Stat label="Site Visitors (30 days)" value="48,392" change="+12.4%" tone="success" icon="users" />
<Stat label="Conversion Rate" value="3.8%" change="+0.3 pts" tone="success" icon="chart-line" />
<Stat label="Email Subscribers (this month)" value="1,247" change="+8.1%" tone="success" icon="envelope" />
</Columns>
</Card>

<Card title="Site Visitors — Last 30 Days">
<Chart type="area" x="Day" y="Visitors">
| Day | Visitors |
|---|---|
| Mar 1 | 1,210 |
| Mar 5 | 1,340 |
| Mar 10 | 1,580 |
| Mar 15 | 1,720 |
| Mar 20 | 1,910 |
| Mar 25 | 1,680 |
| Mar 30 | 1,850 |
</Chart>
</Card>

<Card title="Top Traffic Sources">
| Source | Share |
|---|---|
| Organic Search | 42% |
| Direct | 24% |
| Social Media | 18% |
| Referral | 11% |
| Email | 5% |

<Chart type="pie" title="Traffic Share by Source">
| Source | Share |
|---|---|
| Organic Search | 42 |
| Direct | 24 |
| Social Media | 18 |
| Referral | 11 |
| Email | 5 |
</Chart>
</Card>

<Card title="Running Campaigns">
| Campaign | Spend |
|---|---|
| Spring Sale — Google Ads | $4,250 |
| New Product Launch — Social | $3,180 |
| Newsletter Promo — Email | $1,940 |
| Retargeting — Display | $2,460 |
| Brand Awareness — Video | $2,780 |

<Callout tone="success" title="Best Performing Campaign">
**Spring Sale — Google Ads** is outperforming all others with a 6.2% conversion rate and $0.84 cost per acquisition — 34% better than the campaign average.
</Callout>
</Card>

<Card title="Email Subscriber Growth — This Month">
<Chart type="bar" x="Week" y="New Subscribers">
| Week | Subscribers |
|---|---|
| Week 1 | 210 |
| Week 2 | 385 |
| Week 3 | 290 |
| Week 4 | 362 |
</Chart>
</Card>

<Card title="Export Report">
<Button icon="download">Export as PDF</Button>
<Button variant="secondary" icon="file-csv">Export as CSV</Button>
</Card>