# Acme Corp — Account Overview

<Card title="Account" subtitle="Customer account details">
<KeyValue title="Account information">
| Field | Value |
|---|---|
| Account name | Acme Corp |
| Owner | Sarah Chen |
| Industry | Manufacturing |
| Territory | West Coast |
| Stage | <Badge tone="info">Negotiation</Badge> |
</KeyValue>

<Columns>
<Stat label="Total deal value" value="$248,500" change="+12% vs last quarter" tone="success" icon="chart-line" />
<Stat label="Active deals" value="3" />
<Stat label="Renewal date" value="2026-08-15" tone="warning" icon="calendar" />
</Columns>
</Card>

<Card title="Deal pipeline" subtitle="Current deals in progress">
<Chart type="bar" x="Deal" y="Value ($)">
| Deal | Value ($) |
|---|---|
| Enterprise License | 145000 |
| Support Contract | 68000 |
| Training Package | 35500 |
</Chart>

<Callout tone="info" title="Current deal stage">
The primary deal (Enterprise License, $145,000) is in **Negotiation** — legal review in progress, expected close by end of quarter.
</Callout>
</Card>

<Card title="Renewal status">
<Callout tone="warning" title="Renewal approaching">
The annual contract renews on **2026-08-15**. That's **92 days** from today. Start renewal discussions with the procurement team now.
</Callout>
<Progress value="273" max="365" label="Days elapsed in current contract" tone="warning" />
</Card>

<Card title="Recent activity" subtitle="Chronological order">
<Timeline title="Account activity">
- 2026-05-01: Called with VP of Operations about expansion plans
- 2026-04-28: Sent revised proposal with updated pricing
- 2026-04-25: Demo delivered to IT team (12 attendees)
- 2026-04-22: Email from procurement requesting legal review
- 2026-04-18: Discovery call — identified need for 200 additional licenses
</Timeline>
</Card>

<Card title="Contacts" subtitle="Key people at Acme Corp">
<Columns>
<Avatar name="Maria Gonzalez" src subtitle="VP of Operations" />
<Avatar name="James Lee" src subtitle="IT Director" />
<Avatar name="Priya Patel" src subtitle="Procurement Lead" />
<Avatar name="Tom O'Brien" src subtitle="Finance Controller" />
</Columns>
</Card>

<Card title="Open follow-ups" subtitle="Due dates and priorities">
| Task | Due date | Priority |
|---|---|---|
| Send revised MSA to legal | 2026-05-05 | <Badge tone="danger">High</Badge> |
| Schedule renewal meeting | 2026-05-10 | <Badge tone="warning">Medium</Badge> |
| Follow up on training quote | 2026-05-12 | <Badge tone="info">Low</Badge> |
</Card>

<Card title="Quick actions" subtitle="Log activity on this account">
<Tabs>
<Tab title="Add note">
<Form name="add-note">
<TextArea label="Note" name="note" placeholder="Type your note here…" rows="4" hint="Visible to your team" />
<Button>Save note</Button>
</Form>
</Tab>
<Tab title="Log call">
<Form name="log-call">
<Select label="Contact" options="Maria Gonzalez | James Lee | Priya Patel | Tom O'Brien" placeholder="Who did you talk to?" />
<Input label="Date" type="date" />
<TextArea label="Call summary" name="call-summary" placeholder="What was discussed?" rows="3" />
<Select label="Outcome" options="No answer | Left voicemail | Conversation had | Meeting booked | Decision made" />
<Button>Log call</Button>
</Form>
</Tab>
</Tabs>
</Card>

<Card title="Account snapshot">
<Gauge label="Deal stage progress" value="80" min="0" max="100" unit="%" tone="success" />
<Sparkline label="Revenue trend" values="18000 | 22000 | 21000 | 26000 | 24800 | 29000 | 31000" value="+31%" change="+12%" />
</Card>

<FollowUps>
- Show me the full deal history for Acme Corp
- What's the renewal checklist?
- Who else is on the account team?
- Add a follow-up task
</FollowUps>