<Card title="Next Meeting" subtitle="Starting soon">
  <div style="margin-bottom: 16px;">
    <h3 style="margin: 0 0 8px 0; font-size: 1.25rem;">Weekly Team Sync</h3>
    <p style="margin: 0; color: var(--muted); font-size: 1rem;">Today at 2:00 PM · 30 min · Zoom</p>
  </div>

  <div style="margin-bottom: 16px;">
    <strong style="font-size: 0.875rem; text-transform: uppercase; letter-spacing: 0.05em; color: var(--muted);">Attendees</strong>
    <div style="display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px;">
      <Avatar name="Sarah Chen" src="find" subtitle="Organizer" />
      <Avatar name="Marcus Johnson" src="find" subtitle="Engineering" />
      <Avatar name="Priya Patel" src="find" subtitle="Design" />
      <Avatar name="Alex Rivera" src="find" subtitle="Product" />
      <Avatar name="Jordan Kim" src="find" subtitle="Marketing" />
    </div>
  </div>

  <Button variant="primary" icon="video" size="large" style="width: 100%;">
    Join Meeting
  </Button>
</Card>