# Marketing Dashboard

<Card title="Campaign Performance" subtitle="Overview of key marketing metrics">
<Columns>
<Stat label="Site Visitors (30d)" value="48,239" 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 (This Month)" value="1,284" change="+8.1%" tone="info" icon="envelope" />
<Stat label="Total Campaign Spend" value="$32,450" change="+5.2%" tone="neutral" icon="currency-circle-dollar" />
</Columns>
</Card>

<Card title="Date Range">
<Form name="date-range">
<Columns>
<Date label="Start Date" name="start" value="2025-01-01" />
<Date label="End Date" name="end" value="2025-01-30" />
</Columns>
<Button>Apply Range</Button>
</Form>
</Card>

<Card title="Site Visitors — Last 30 Days">
<Chart type="area" x="Date" y="Visitors" title="Daily Site Visitors">
| Date | Visitors |
|---|---|
| Jan 1 | 1,320 |
| Jan 5 | 1,480 |
| Jan 10 | 1,610 |
| Jan 15 | 1,580 |
| Jan 20 | 1,720 |
| Jan 25 | 1,940 |
| Jan 30 | 2,210 |
</Chart>
</Card>

<Card title="Top Traffic Sources">
<Chart type="donut" title="Share of Total Visitors">
| Source | Share (%) |
|---|---|
| Organic Search | 42 |
| Paid Ads | 28 |
| Social Media | 18 |
| Email | 8 |
| Referral | 4 |
</Chart>
</Card>

<Card title="Running Campaigns">
<Columns>
<Card title="Spring Sale — Google Ads">
<Stat label="Spend" value="$12,400" />
<Stat label="Impressions" value="1.2M" />
<Stat label="CTR" value="3.1%" />
<Badge tone="success">Best Performing</Badge>
</Card>
<Card title="Brand Awareness — Meta">
<Stat label="Spend" value="$8,750" />
<Stat label="Reach" value="340K" />
<Stat label="Engagement" value="4.2%" />
<Badge tone="neutral">Active</Badge>
</Card>
<Card title="Newsletter Signup — LinkedIn">
<Stat label="Spend" value="$6,300" />
<Stat label="Clicks" value="18,200" />
<Stat label="Signups" value="1,284" />
<Badge tone="neutral">Active</Badge>
</Card>
<Card title="Retargeting — Display">
<Stat label="Spend" value="$5,000" />
<Stat label="Impressions" value="890K" />
<Stat label="CTR" value="1.8%" />
<Badge tone="warning">Paused</Badge>
</Card>
</Columns>
</Card>

<Callout tone="success" title="Best Performing Campaign">
The **Spring Sale — Google Ads** campaign leads with a 3.1% CTR and the lowest cost per acquisition ($14.20). Consider increasing its daily budget by 20%.
</Callout>

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

<Card title="Export Report">
<Columns>
<Button variant="primary" label="Export as PDF">Export as PDF</Button>
<Button variant="secondary" label="Export as CSV">Export as CSV</Button>
<Button variant="tertiary" label="Schedule Weekly Email">Schedule Weekly Email</Button>
</Columns>
</Card>

<FollowUps>
- Which campaign had the highest ROI this month?
- How does traffic compare to last month?
- Show me the conversion funnel by source.
</FollowUps>