<Card title="Northwind Traders" subtitle="Owner: Sarah Chen · Enterprise plan · Logistics industry">
<Badge tone="info">Negotiation</Badge> <Badge tone="neutral">Renews Apr 2, 2025</Badge>
</Card>

<Callout tone="warning" title="Renewal approaching">The contract renews on Apr 2, 2025 — 18 days away. Start the renewal proposal now.</Callout>

<Card title="Account snapshot">
<Columns>
<Stat label="Total deal value" value="$248,000" change="+12% vs Q1" tone="success" icon="chart-line" />
<Stat label="Current deal stage" value="Negotiation" note="Stage 4 of 5" icon="flag" />
<Stat label="Renewal date" value="Apr 2, 2025" note="18 days left" tone="warning" icon="calendar" />
</Columns>
<Progress value="4" max="5" label="Deal pipeline progress" tone="info" />
</Card>

<Card title="Recent activity">
<Steps>
<Step title="Call with Maya Patel" subtitle="Mar 14, 2025 · 30 min" status="done">Discussed pricing objections and security review timeline.</Step>
<Step title="Sent pricing proposal" subtitle="Mar 13, 2025 · Email" status="done">Proposal v3 sent with volume discount options.</Step>
<Step title="Product demo for engineering team" subtitle="Mar 10, 2025 · 45 min" status="done">Tom and Lena attended; follow-ups on API limits.</Step>
</Steps>
</Card>

<Card title="Contacts" subtitle="Key decision makers and stakeholders">
| Contact | Role | Email | Phone |
|---|---|---|---|
| <Avatar name="Maya Patel" /> | Chief Financial Officer | m.patel@northwind.com | (415) 555-0132 |
| <Avatar name="Tom Okafor" /> | VP Engineering | t.okafor@northwind.com | (415) 555-0177 |
| <Avatar name="Lena Fischer" /> | IT Director | l.fischer@northwind.com | (415) 555-0149 |
</Card>

<Card title="Open follow-ups" subtitle="3 items due in the next 30 days">
| Task | Due date | Priority |
|---|---|---|
| Security questionnaire follow-up | Mar 18, 2025 | <Badge tone="danger">Due soon</Badge> |
| Final pricing sign-off | Mar 20, 2025 | <Badge tone="warning">This week</Badge> |
| Schedule legal review | Mar 22, 2025 | <Badge tone="neutral">On track</Badge> |
</Card>

<Columns>
<Card title="Jot a note">
<Form name="note">
<TextArea label="Note" name="note" placeholder="Call summary, next steps, risks…" rows="5" hint="Saved to the account timeline" />
<Button>Save note</Button>
</Form>
</Card>
<Card title="Log a call">
<Form name="call-log">
<Select label="Contact" name="contact" options="Maya Patel | Tom Okafor | Lena Fischer" placeholder="Who did you talk to?" required="true" />
<Date label="Date" name="call-date" value="2025-03-15" required="true" />
<Input label="Duration (min)" name="duration" type="number" placeholder="30" min="1" step="5" />
<TextArea label="Call notes" name="call-notes" rows="2" placeholder="Outcome, action items…" />
<Button>Log call</Button>
</Form>
</Card>
</Columns>

<FollowUps>
- What deals are closing this quarter?
- Who hasn't opened the latest proposal?
- When was the last security review?
</FollowUps>