# Acme Corp

<Badge tone="success">Active</Badge> <Badge tone="info">Enterprise</Badge> · Owned by Sarah Chen

<Columns>
<Stat label="Total deal value" value="$184,500" note="OP-1024 · Software + Support" icon="chart-line" />
<Stat label="Current deal stage" value="Negotiation" note="Step 4 of 5" icon="trend-up" />
<Stat label="Renewal date" value="Aug 15, 2025" note="34 days away" icon="calendar" tone="warning" />
</Columns>

<Callout tone="warning" title="Renewal is near">The enterprise agreement renews on Aug 15, 2025. Start the renewal conversation with Maya now.</Callout>

<Card title="Deal progression" subtitle="Owner: Sarah Chen">
<Progress value="4" max="5" label="Stage 4 of 5 — Negotiation" tone="info" />
</Card>

<Columns>
<Card title="Recent activity" subtitle="In order, oldest to newest">
<Steps>
<Step title="Discovery call completed" status="done" subtitle="May 12 · with John Reyes" />
<Step title="Demo delivered to stakeholders" status="done" subtitle="Jun 3 · hosted by Sarah Chen" />
<Step title="Proposal sent · $184,500" status="done" subtitle="Jun 20 · sent to Maya Patel" />
<Step title="Pricing review with CFO" status="current" subtitle="Jul 8 · 2:00 PM · Zoom" />
</Steps>
</Card>

<Card title="Contacts" subtitle="Key people in this account">
<Columns>
<Avatar name="John Reyes" subtitle="VP Procurement · Champion" />
<Avatar name="Maya Patel" subtitle="CFO · Economic buyer" />
<Avatar name="Tom Becker" subtitle="IT Director · Technical evaluator" />
<Avatar name="Lena Fischer" subtitle="Legal · Gatekeeper" />
</Columns>
</Card>
</Columns>

<Card title="Open follow-ups" subtitle="Sorted by due date">
| Action | Due date | Status |
|---|---|---|
| Prepare negotiation playbook | Jul 9, 2025 | <Badge tone="warning">Due soon</Badge> |
| Send contract draft | Jul 14, 2025 | <Badge tone="neutral">Planned</Badge> |
| Follow-up with legal | Jul 18, 2025 | <Badge tone="neutral">Planned</Badge> |
</Card>

<Columns>
<Card title="Jot a note" subtitle="Add a memo to the account timeline">
<Form name="note">
<TextArea label="Note" name="note" placeholder="e.g. Maya wants a 3-year term and a usage cap discussion..." rows="4" />
<Button>Save note</Button>
</Form>
</Card>

<Card title="Log a call" subtitle="Record a conversation with a contact">
<Form name="log-call">
<Input label="Contact" name="contact" placeholder="John Reyes" />
<Columns>
<Date label="Date" name="call-date" />
<Input label="Time" type="time" name="call-time" />
</Columns>
<TextArea label="Notes" name="call-notes" placeholder="Summary of the conversation..." rows="3" />
<Button variant="primary">Log call</Button>
</Form>
</Card>
</Columns>