<Card title="Current Location" subtitle="Package status" icon="map-pin">
<Badge tone="info">Out for delivery</Badge>
<p><strong>Last scan:</strong> Local distribution center, Springfield</p>
<p><strong>Courier:</strong> Alex M. — Vehicle #4821</p>
<p><strong>Time:</strong> 14 minutes ago</p>
<Progress value="85" max="100" label="Delivery progress" tone="info" />
</Card>

<Card title="Estimated Delivery" subtitle="When to expect it" icon="calendar">
<Stat label="Today" value="by 6:00 PM" change="Weather permitting" tone="success" icon="truck" />
<p>Delivery window: <strong>4:00 PM – 6:00 PM</strong></p>
<p>Requires signature: <Badge tone="neutral">No</Badge></p>
</Card>

<Card title="Report a Problem" subtitle="Something not right?">
<Form name="delivery-issue">
<TextArea label="Describe the issue" placeholder="Package damaged, left in wrong location, missing, etc." rows="4" hint="Include any tracking details or photos if possible" required="true" />
<Checkboxes label="Issue type" options="Damaged | Missing items | Wrong address | Late delivery | Other" required="true" />
<Button variant="primary" icon="flag">Submit report</Button>
<Button variant="tertiary">Cancel</Button>
</Form>
</Card>