# Invoice #1248

<Badge tone="warning">Payment pending</Badge>

<Card title="Summary" subtitle="Issued June 1, 2025 · from Alex Rivera to Bluepeak Inc.">
<Columns>
<Stat label="Amount due" value="$2,400.00" note="USD" icon="currency-circle-dollar" />
<Stat label="Due date" value="June 30, 2025" note="in 9 days" icon="calendar" tone="warning" />
</Columns>
</Card>

<Card title="Services rendered">
| Service | Hours | Rate | Amount |
|---|---|---|---|
| Website design | 10 | $120/hr | $1,200.00 |
| Brand identity | 10 | $120/hr | $1,200.00 |
| **Total due** |  |  | **$2,400.00** |
</Card>

<Card title="Payment" subtitle="Pay securely by credit card, PayPal, or bank transfer">
<Form name="invoice-payment">
<Radio label="Payment method" options="Credit card | PayPal | Bank transfer" name="method" value="Credit card" />
<Button variant="primary" size="large" icon="credit-card">Pay $2,400.00 now</Button>
</Form>
</Card>