<Card title="Marketing Dashboard" subtitle="Weekly overview">
  <Tabs>
    <Tab title="Last 30 days">
      <Columns>
        <Stat label="Site visitors" value="24,381" change="+12%" icon="users" />
        <Stat label="Conversion rate" value="3.2%" change="+0.4 pp" icon="trend-up" />
        <Stat label="Email subscribers this month" value="1,047" change="+8%" icon="envelope" />
      </Columns>
    </Tab>
    <Tab title="Custom range">
      <Form name="date-range">
        <Columns>
          <Date label="From" name="start" />
          <Date label="To" name="end" />
        </Columns>
        <Button variant="secondary" size="small">Apply</Button>
      </Form>
    </Tab>
  </Tabs>
</Card>

<Card title="Site visitors (last 30 days)">
  <Chart type="line" x="Day" y="Visitors">
| Day | Visitors |
|---|---|
| 1 | 812 |
| 5 | 945 |
| 10 | 1,023 |
| 15 | 1,101 |
| 20 | 1,078 |
| 25 | 1,134 |
| 30 | 1,210 |
  </Chart>
</Card>

<Card title="Top traffic sources">
  <Columns>
    <Stat label="Organic search" value="42%" icon="search" />
    <Stat label="Social media" value="28%" icon="share-network" />
    <Stat label="Email" value="15%" icon="envelope" />
    <Stat label="Direct" value="10%" icon="link" />
    <Stat label="Referral" value="5%" icon="arrow-square-out" />
  </Columns>
</Card>

<Card title="Running campaigns">
  <Columns>
    <Stat label="Summer Sale" value="$4,200" icon="megaphone" />
    <Stat label="New Product Launch" value="$3,800" icon="rocket" />
    <Stat label="Retargeting" value="$2,100" icon="repeat" />
    <Stat label="Newsletter Boost" value="$1,500" icon="envelope-simple" />
  </Columns>
  <Callout tone="success" title="Best performer">
    <strong>New Product Launch</strong> — highest ROI at 4.2x, spend $3,800.
    <Button ask="Show detailed breakdown of New Product Launch campaign" variant="primary" size="small">View details</Button>
  </Callout>
</Card>

<Card title="Email subscriber growth this month">
  <Stat label="New subscribers" value="1,047" icon="user-plus" />
  <Progress value="1047" max="1500" label="75% of monthly target" tone="info" />
</Card>

<Button variant="primary" label="Export report" icon="download">Export report</Button>
<Button variant="tertiary" ask="Show me last month's dashboard">View previous month</Button>

<FollowUps>
- Show me the top landing pages
- Compare conversion rate by source
- Pause the retargeting campaign
</FollowUps>