<Card title="Acme Corp" subtitle="Owner: John Doe">
<Avatar name="John Doe" src="https://example.com/john.png" subtitle="Owner"/>
<Stat label="Total Deal Value" value="$1.2M" change="" note="" tone="success"/>
<Stat label="Current Deal Stage" value="Proposal" change="" note="" tone="neutral"/>
</Card>

<Card title="Recent Activity">
<Steps>
<Step title="Sent proposal to Acme" status="done"/>
<Step title="Follow‑up call with Beta Ltd" status="done"/>
<Step title="Negotiation with Gamma Inc." status="current"/>
</Steps>
</Card>

<Card title="Contacts">
<Columns>
<Avatar name="Acme Corp" src="https://example.com/acme.png" subtitle="Client"><Badge tone="info">Client</Badge></Avatar>
<Avatar name="Beta Ltd" src="https://example.com/beta.png" subtitle="Partner"><Badge tone="info">Partner</Badge></Avatar>
<Avatar name="Gamma Inc." src="https://example.com/gamma.png" subtitle="Client"><Badge tone="info">Client</Badge></Avatar>
</Columns>
</Card>

<Card title="Follow‑ups">
<Details title="Open Follow-ups" open=true>
<FollowUps>
- Prepare proposal – due 2025-12-01
- Draft contract – due 2025-11-20
- Review pricing – due 2025-11-15
</FollowUps>
</Details>
</Card>

<Card title="Notes & Calls">
<Form name="note-form">
<TextArea label="Note" name="note" placeholder="Write a note" rows="4" required=false />
<Button variant="primary">Save note</Button>
</Form>

<Form name="call-log">
<Input label="Contact" name="contact" placeholder="Select contact" type="text" />
<Input label="Call type" name="type" placeholder="Phone" type="text" />
<Button variant="primary">Log call</Button>
</Form>
</Card>

<Card title="Renewal">
<Stat label="Renewal Date" value="2025-11-15" change="" note="" tone="warning"/>
<Callout tone="warning" title="Renewal soon">Renewal date is in 3 days – consider early renewal</Callout>
</Card>