PNG IHDR x sBIT|d pHYs + tEXtSoftware www.inkscape.org< ,tEXtComment
<?php
session_start();
require_once "../config.php";
if (!isset($_SESSION['auth'])) {
header("Location: ../login.php");
exit;
}
$user_id = $_SESSION['auth'];
// Fetch user info
$stmt = $pdo->prepare("SELECT fullname FROM users WHERE id = ?");
$stmt->execute([$user_id]);
$user = $stmt->fetch();
// Example notification (can later pull from DB)
$notification = "🎉 Welcome {$user['fullname']}! Ready to make your first transfer?";
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Pay & Transfer</title>
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css">
<link rel="stylesheet" href="style.css">
<style>
body {
margin: 0;
font-family: 'Inter', sans-serif;
background: #f8f9fb;
display: flex;
justify-content: center;
}
.container { width:100%;max-width:420px;background:#fff;min-height:100vh;display:flex;flex-direction:column }
.header { background:linear-gradient(90deg,#004E9A,#0C4DA2);color:#fff;padding:20px;font-size:20px;font-weight:700 }
.notice { background:#fff;padding:12px;font-size:14px;border-bottom:1px solid #ddd;display:flex;align-items:center;gap:8px }
.notice span { font-size:18px;color:#0C4DA2 }
.grid { display:grid;grid-template-columns:repeat(3,1fr);gap:25px 10px;text-align:center;padding:20px }
.grid .item img { width:40px;height:40px;margin-bottom:8px }
.grid .item p { font-size:13px;color:#004E9A;margin:0;font-weight:600 }
.grid .item small { color:#8c2aa2;font-weight:700 }
.list { margin-top:10px }
.list a { text-decoration:none;color:inherit }
.list .row { padding:15px 20px;border-bottom:1px solid #eee;font-size:15px;display:flex;justify-content:space-between;align-items:center;cursor:pointer }
.list .row span { color:#0C4DA2 }
.chat-btn { position:fixed;bottom:80px;right:20px;background:#0C4DA2;color:#fff;width:56px;height:56px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:22px;cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,0.2) }
</style>
</head>
<body>
<main class="app" role="main" aria-label="Bank dashboard">
<!-- header Bar -->
<div class="container">
<!-- Header -->
<div class="header">Pay & Transfer</div>
<!-- Notification -->
<div class="notice">
<span>🔔</span> <?= htmlspecialchars($notification) ?>
</div>
<!-- Quick Actions -->
<div class="grid">
<a href="paybill.php" class="item">
<img src="https://img.icons8.com/ios/50/0C4DA2/bill.png"><p>Pay bills</p>
</a>
<a href="send_money.php" class="item">
<img src="https://img.icons8.com/ios/50/0C4DA2/money-transfer.png"><p>Send money<br><small>Zelle®</small></p>
</a>
<a href="wt.php" class="item">
<img src="https://img.icons8.com/ios/50/0C4DA2/bank.png"><p>Wires & global<br>transfers</p>
</a>
<a href="transfer.php" class="item">
<img src="https://img.icons8.com/ios/50/0C4DA2/transaction-list.png"><p>Transfer</p>
</a>
<a href="request.php" class="item">
<img src="https://img.icons8.com/ios/50/0C4DA2/money-bag.png"><p>Request/split<br><small>Zelle®</small></p>
</a>
<a href="check.php" class="item">
<img src="https://img.icons8.com/?size=100&id=UhDjr47edMDD&format=png&color=0C4DA2" alt="Deposit checks">
<p>Deposit checks</p>
</a>
</div>
<!-- List Items -->
<div class="list">
<a href="offers.php"><div class="row">See Offers <span>›</span></div></a>
<a href="settings.php"><div class="row">Settings <span>›</span></div></a>
</div>
</div>
<!-- Floating chat -->
<div class="chat-btn">💬</div>
<!-- Bottom Nav -->
<?php include "nav.php" ?>
</main>
</body>
</html>
b IDATxytVսϓ22 A@IR:hCiZ[v*E:WũZA ^dQeQ @ !jZ'>gsV仿$|?g)&x-E