# Invoice #INV-2025-034

<Avatar name="Dana Miller" subtitle="Studio Nova · Freelance Designer" />

<Badge tone="warning">Payment due soon</Badge>

<Card title="Summary">
<Columns>
<Stat label="Amount due" value="$2,450.00" note="USD" icon="currency-dollar" />
<Stat label="Due date" value="April 12, 2025" note="7 days remaining" icon="calendar" />
</Columns>
<Progress value="16" max="23" label="Payment term progress" tone="info" />
</Card>

<Card title="What you're paying for">
| Line item | Description | Amount |
|---|---|---|
| UI/UX design | Product pages & checkout flow | $1,200.00 |
| Front-end development | Next.js build with CMS integration | $950.00 |
| Revisions | Two rounds of client revisions | $200.00 |
| Subtotal | | $2,350.00 |
| Sales tax | 4.26% | $100.00 |
| **Total due** | | **$2,450.00** |
</Card>

<Card title="Pay now">
<Form name="invoice-payment">
<Radio label="Payment method" options="Credit / Debit Card | PayPal | Bank Transfer" />
<Button>Pay $2,450.00 now</Button>
</Form>
<Callout tone="neutral" title="Secure checkout">Payment is encrypted and processed securely. A receipt will be emailed to you.</Callout>
</Card>

<FollowUps>
- View my payment history
- Download a PDF receipt
- Contact the freelancer
</FollowUps>