<Card title="Acme Global Industries" subtitle="Enterprise account · San Francisco, CA">
<Avatar name="Jordan Lee" subtitle="Account owner" />
<Badge tone="info">Deal stage: Negotiation</Badge>
</Card>

<Callout tone="warning" title="Renewal approaching">The contract renews on Jul 3, 2025 — only 14 days away.</Callout>

<Card title="Account snapshot">
<Columns>
<Stat label="Total deal value" value="$248,000" change="+12% vs last quarter" tone="success" icon="chart-line" />
<Stat label="Current deal stage" value="Negotiation" note="Stage 4 of 5" tone="info" icon="map-pin" />
<Stat label="Renewal date" value="Jul 3, 2025" note="14 days away" tone="warning" icon="calendar" />
</Columns>
<Progress value="80" max="100" label="Deal progress — Negotiation" tone="info" />
</Card>

<Card title="Recent activity">
<Steps>
<Step title="Called finance department" status="done" subtitle="Today, 10:20 AM — Discussed payment terms with Priya" />
<Step title="Sent revised proposal" status="done" subtitle="Jun 12 — v3 with updated licensing and support tiers" />
<Step title="Met with CIO Marcus Webb" status="done" subtitle="Jun 9 — Security review walkthrough" />
<Step title="Added new contacts" status="done" subtitle="Jun 5 — Imported 3 contacts from Acme IT team" />
</Steps>
</Card>

<Card title="Contacts" subtitle="Key people at Acme Global">
| Contact | Role | Email |
|---|---|---|
| Dana Kim | Chief Procurement Officer | dana.kim@acmeglobal.com |
| Marcus Webb | IT Director | m.webb@acmeglobal.com |
| Priya Shah | Finance Lead | priya.shah@acmeglobal.com |
</Card>

<Card title="Open follow-ups">
- **Send security questionnaire** — Due Jun 20 <Badge tone="warning">3 days left</Badge>
- **Schedule contract review** — Due Jun 25 <Badge tone="neutral">8 days left</Badge>
- **Follow up on pricing approval** — Due Jun 30 <Badge tone="neutral">13 days left</Badge>
</Card>

<Columns>
<Card title="Jot a note">
<Form name="quick-note">
<TextArea label="Note" name="note" rows="3" placeholder="e.g., Dana wants a security addendum before signing…" required="true" />
<Button>Save note</Button>
</Form>
</Card>
<Card title="Log a call">
<Form name="log-call">
<Input label="Who did you talk to?" name="contact" placeholder="Contact name" />
<Select label="Outcome" name="outcome" options="Left voicemail | Connected | Meeting booked | No answer" placeholder="Select outcome" />
<Button>Log call</Button>
</Form>
</Card>
</Columns>