# Personal Banking Home

<Card title="Account Balances" subtitle="Updated just now">
<Columns>
<Stat label="Checking" value="$4,230.18" icon="bank" />
<Stat label="Savings" value="$12,845.50" icon="piggy-bank" />
<Stat label="Credit Card" value="-$1,204.67" change="-$204.67" tone="danger" icon="credit-card" />
</Columns>
</Card>

<Card title="Recent Transactions">
| Merchant | Amount | Date |
|---|---|---|
| Whole Foods Market | -$87.42 | Today |
| Netflix | -$15.99 | Yesterday |
| Starbucks | -$5.75 | 2 days ago |
| Amazon.com | -$129.99 | 3 days ago |
| Direct Deposit - Employer | +$3,450.00 | 4 days ago |
<Button ask="Show more transactions" variant="secondary">View all</Button>
</Card>

<Card title="Spending This Month">
<Chart type="donut" x="Category" y="Amount">
| Category | Amount |
|---|---|
| Groceries | 520 |
| Dining | 310 |
| Shopping | 245 |
| Transportation | 180 |
| Entertainment | 95 |
| Utilities | 140 |
| Other | 90 |
</Chart>
</Card>

<Card title="Bills Due Soon">
| Bill | Due Date | Amount | Status |
|---|---|---|---|
| Rent | Apr 1 | $1,800 | Upcoming |
| Electric Bill | Mar 28 | $112 | Due in 3 days |
| Phone Plan | Mar 25 | $65 | Due today |
| Internet | Mar 30 | $79 | Due in 5 days |
<Button ask="Pay bills now" variant="primary">Pay Bills</Button>
</Card>

<Card title="Vacation Savings Goal">
<Stat label="Saved" value="$2,450" />
<Stat label="Goal" value="$5,000" />
<Progress value="2450" max="5000" label="49% of $5,000 goal" tone="info" />
<Button ask="Add to vacation fund">Add funds</Button>
</Card>

<Card title="Credit Score">
<Stat label="Current Score" value="742" change="+12" tone="success" icon="chart-line" />
<Button ask="Show credit score details">View details</Button>
</Card>

<Card title="Move Money">
<Form name="transfer">
<Select label="From" options="Checking ($4,230.18) | Savings ($12,845.50) | Credit Card (-$1,204.67)" name="from" />
<Select label="To" options="Checking ($4,230.18) | Savings ($12,845.50) | Credit Card (-$1,204.67)" name="to" />
<Input label="Amount" type="number" name="amount" placeholder="0.00" step="0.01" min="0.01" />
<Button variant="primary">Transfer</Button>
</Form>
</Card>

<Card title="Card Controls">
<Switch label="Freeze Credit Line" name="freeze" value="false" hint="Prevents new purchases and cash advances" />
<Button ask="Freeze my credit line" variant="danger">Freeze Now</Button>
</Card>

<Card title="Statement Period">
<Select label="Select statement period" options="Current (Mar 1 - Mar 31) | Previous (Feb 1 - Feb 28) | Custom range" name="statement-period" placeholder="Choose a period" />
<Button ask="Show statement for selected period">View Statement</Button>
</Card>

<Card title="Alert Preferences">
<Form name="alert-settings">
<Checkboxes label="Notify me when" options="Large purchase over $500 | Balance below $100 | Payment due in 3 days | Foreign transaction | Credit score changes" name="alert-triggers" />
<Button variant="primary">Save Preferences</Button>
</Form>
</Card>

<Card title="Dispute a Transaction">
<Form name="dispute">
<Select label="Transaction to dispute" options="Whole Foods Market -$87.42 | Netflix -$15.99 | Starbucks -$5.75 | Amazon.com -$129.99" name="transaction" placeholder="Select transaction" />
<TextArea label="Reason for dispute" name="reason" placeholder="Describe why you're disputing this charge..." rows="3" />
<Button variant="danger">Submit Dispute</Button>
</Form>
</Card>

<FollowUps>
- Show me my spending trends for the last 3 months
- What's my available credit?
- Suggest a savings plan for the vacation goal
- Show me my full transaction history
- Help me set up automatic bill pay
</FollowUps>