# Marketing Dashboard

<Card subtitle="Weekly performance overview">
<Columns>
<Select label="Date range" name="date-range" options="Last 7 days | Last 30 days | Last 90 days | This month | Last month | Custom range" value="Last 30 days" />
<Button variant="primary" icon="download">Export report</Button>
</Columns>
</Card>

<Card title="Site visitors (last 30 days)">
<Chart type="area" x="Date" y="Visitors" title="Daily visitors">
| Date | Visitors |
|---|---|
| 2024-01-01 | 1240 |
| 2024-01-02 | 1380 |
| 2024-01-03 | 1150 |
| 2024-01-04 | 1520 |
| 2024-01-05 | 1680 |
| 2024-01-06 | 1450 |
| 2024-01-07 | 1320 |
| 2024-01-08 | 1580 |
| 2024-01-09 | 1720 |
| 2024-01-10 | 1650 |
| 2024-01-11 | 1890 |
| 2024-01-12 | 2100 |
| 2024-01-13 | 1950 |
| 2024-01-14 | 1780 |
| 2024-01-15 | 1920 |
| 2024-01-16 | 2050 |
| 2024-01-17 | 2180 |
| 2024-01-18 | 2340 |
| 2024-01-19 | 2210 |
| 2024-01-20 | 2080 |
| 2024-01-21 | 1950 |
| 2024-01-22 | 2150 |
| 2024-01-23 | 2280 |
| 2024-01-24 | 2410 |
| 2024-01-25 | 2520 |
| 2024-01-26 | 2680 |
| 2024-01-27 | 2450 |
| 2024-01-28 | 2320 |
| 2024-01-29 | 2480 |
| 2024-01-30 | 2610 |
</Chart>
<Stat label="Total visitors" value="58,420" change="+12.3% vs prior period" tone="success" icon="users" />
</Card>

<Columns>
<Card title="Conversion rate">
<Stat label="Overall conversion rate" value="3.24%" change="+0.18 pp vs last month" tone="success" icon="chart-line" />
<Chart type="line" x="Week" y="Rate (%)" title="Weekly trend">
| Week | Rate (%) |
|---|---|
| W1 | 2.95 |
| W2 | 3.10 |
| W3 | 3.18 |
| W4 | 3.24 |
</Chart>
</Card>

<Card title="Email subscriber growth (this month)">
<Stat label="New subscribers" value="2,847" change="+23% vs last month" tone="success" icon="users" />
<Stat label="Total subscribers" value="48,920" change="+6.2% MoM" tone="info" icon="chart-line" />
<Chart type="line" x="Date" y="Subscribers" title="Daily growth">
| Date | Subscribers |
|---|---|
| 2024-01-01 | 46073 |
| 2024-01-08 | 46892 |
| 2024-01-15 | 47521 |
| 2024-01-22 | 48105 |
| 2024-01-30 | 48920 |
</Chart>
</Card>
</Columns>

<Card title="Top 5 traffic sources">
<Chart type="donut" x="Source" y="Share (%)" title="Traffic source distribution">
| Source | Share (%) |
|---|---|
| Organic Search | 42.3 |
| Direct | 28.7 |
| Paid Search | 15.2 |
| Referral | 8.9 |
| Social | 4.9 |
</Chart>
<Columns>
<Stat label="Organic Search" value="42.3%" change="+2.1 pp" tone="success" />
<Stat label="Direct" value="28.7%" change="-0.8 pp" tone="warning" />
<Stat label="Paid Search" value="15.2%" change="+1.3 pp" tone="success" />
<Stat label="Referral" value="8.9%" change="+0.4 pp" tone="info" />
<Stat label="Social" value="4.9%" change="-0.2 pp" tone="neutral" />
</Columns>
</Card>

<Card title="Running campaigns">
<Tabs>
<Tab title="Active campaigns">
| Campaign | Channel | Spend | Impressions | Clicks | CTR | Conversions | CPA |
|---|---|---|---|---|---|---|---|
| Summer Sale 2024 | Paid Search | $12,450 | 485,200 | 14,556 | 3.0% | 487 | $25.56 |
| Brand Awareness Q1 | Social | $8,200 | 1,240,000 | 8,680 | 0.7% | 156 | $52.56 |
| Retargeting Cart Abandon | Display | $4,850 | 320,500 | 6,410 | 2.0% | 234 | $20.73 |
| New Product Launch | Paid Search | $15,600 | 612,800 | 18,384 | 3.0% | 521 | $29.94 |
| Email Welcome Series | Email | $1,200 | — | 12,400 | 4.2% | 312 | $3.85 |
| Influencer Partnership | Social | $6,500 | 890,000 | 4,450 | 0.5% | 89 | $73.03 |
</Tab>
<Tab title="Spend breakdown">
<Chart type="bar" x="Campaign" y="Spend ($)" title="Campaign spend">
| Campaign | Spend ($) |
|---|---|
| New Product Launch | 15600 |
| Summer Sale 2024 | 12450 |
| Brand Awareness Q1 | 8200 |
| Influencer Partnership | 6500 |
| Retargeting Cart Abandon | 4850 |
| Email Welcome Series | 1200 |
</Chart>
</Tab>
</Tabs>
</Card>

<Callout tone="success" title="Best performing campaign: Email Welcome Series">
<Columns>
<Stat label="CPA" value="$3.85" change="84% below average" tone="success" />
<Stat label="Conversion rate" value="4.2%" change="2.3x site average" tone="success" />
<Stat label="ROAS" value="12.4x" change="Highest in portfolio" tone="success" />
</Columns>
Lowest cost per acquisition and highest return on ad spend. Consider increasing budget allocation and replicating structure for other email flows.
</Callout>

<Card title="Quick actions">
<Columns>
<Button variant="primary" icon="plus">Create new campaign</Button>
<Button variant="secondary" icon="chart-line">View full analytics</Button>
<Button variant="tertiary" icon="settings">Adjust attribution</Button>
</Columns>
</Card>