<Card title="Account Overview">
Account Name: Acme Corp  
Owner: John Doe
</Card>

<Card title="Deal Summary">
<Stat label="Total Deal Value" value="$250,000" change="+" tone="success" />
<Badge tone="info">Proposal</Badge>
</Card>

<Card title="Recent Activity">
<Steps>
<Step title="Follow‑up email" status="done">Sent proposal to Acme Corp (Mar 28)</Step>
<Step title="Discovery call" status="done">Discovery call with Acme Corp (Mar 25)</Step>
<Step title="Prepare quote" status="todo">Prepare quote (Mar 24)</Step>
</Steps>
</Card>

<Card title="Contacts">
<Columns>
<Avatar name="Acme Corp" subtitle="Client" src="https://example.com/avatar1.png" />
<Avatar name="John Doe" subtitle="Account Manager" src="https://example.com/avatar2.png" />
<Avatar name="Jane Smith" subtitle="Support" src="https://example.com/avatar3.png" />
</Columns>
</Card>

<Card title="Open Follow‑ups">
<Details title="Open Follow‑ups" open=true>
<Step title="Send contract" status="todo">Due: Apr 5</Step>
<Step title="Review budget" status="todo">Due: Apr 12</Step>
</Details>
</Card>

<Card title="Notes">
<TextArea label="Note" placeholder="Add a note..." rows=3 />
</Card>

<Card title="Renewal">
<Stat label="Renewal Date" value="Apr 10" change="+" tone="info" />
<Callout tone="warning" title="Renewal soon">Renewal is due in 3 days</Callout>
</Card>

<Card title="Log Call">
<Button variant="primary" ask>Log Call</Button>
</Card>