# Northwind Traders

<Card title="Account overview" subtitle="Owner: Jordan Smith">
<Columns>
<Stat label="Total deal value" value="$126,400" change="+12% vs forecast" icon="chart-line" />
<Stat label="Current stage" value="Negotiation" icon="flag" tone="info" />
<Stat label="Renewal date" value="Jul 18, 2025" icon="calendar" tone="warning" />
</Columns>
<Progress value="80" max="100" label="Deal progress — Negotiation (stage 4 of 5)" tone="info" />
<Avatar name="Jordan Smith" subtitle="Account owner · AE" />
</Card>

<Callout tone="warning" title="Renewal is near">
Annual contract renews on Jul 18, 2025 — 34 days away. Confirm pricing and send renewal paperwork this week.
</Callout>

<Card title="Recent activity">
<Steps>
<Step title="Discovery call completed" subtitle="Jul 10 · 45 min · Jordan with Dana Liu" status="done" />
<Step title="Proposal v2 sent" subtitle="Jul 8 · Usage-based pricing attached" status="done" />
<Step title="Champion meeting with IT" subtitle="Jul 3 · Security review scoped" status="done" />
<Step title="Initial outreach" subtitle="Jun 28 · Email opened, reply received" status="done" />
</Steps>
</Card>

<Card title="Contacts">
| Name | Role | Email |
|---|---|---|
| Dana Liu | IT Director | dana@northwind.com |
| Marcus Webb | CFO | marcus@northwind.com |
| Priya Patel | Procurement Lead | priya@northwind.com |
| Tom Alvarez | Operations VP | tom@northwind.com |
</Card>

<Card title="Open follow-ups">
| Follow-up | Due date | Status |
|---|---|---|
| Send revised pricing | Jul 12, 2025 | Overdue |
| Collect security questionnaire | Jul 16, 2025 | Due soon |
| Book legal review call | Jul 21, 2025 | Upcoming |
| Confirm implementation kickoff | Jul 28, 2025 | Upcoming |
</Card>

<Card title="Quick actions">
<Tabs>
<Tab title="Jot a note">
<Form name="note">
<TextArea label="Note" name="note" placeholder="Customer mentioned Q3 budget freeze…" rows="4" hint="Saved with today's date" />
<Button>Save note</Button>
</Form>
</Tab>
<Tab title="Log a call">
<Form name="call-log">
<Input label="Contact" name="contact" placeholder="Dana Liu" />
<TextArea label="Call outcome" name="outcome" placeholder="What was discussed, next steps…" rows="3" />
<Date label="Date" name="call-date" value="2025-07-14" />
<Button>Log call</Button>
</Form>
</Tab>
</Tabs>
</Card>