File size: 1,721 Bytes
20e9e63 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 | <!DOCTYPE html>
<html lang="id">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>PayParse — Asisten Keuangan</title>
<link rel="stylesheet" href="/static/style.css" />
</head>
<body>
<div class="app">
<header class="app-header">
<div class="brand">
<span class="brand-dot"></span>
<span class="brand-name">PayParse</span>
</div>
<div class="engine-badge" id="engineBadge">memuat…</div>
</header>
<main class="chat-shell">
<div class="chat-window" id="chatWindow">
<div class="msg msg-bot">
<div class="bubble">
Halo! Aku bisa bantu <b>transfer uang</b>, <b>beli pulsa</b>, atau
<b>bayar listrik PLN</b>. Coba ketik misalnya:
<em>"tf goceng ke budi"</em>.
</div>
</div>
</div>
<div class="quick-replies" id="quickReplies">
<button class="chip" data-text="transfer 50 ribu ke Budi">transfer 50 ribu ke Budi</button>
<button class="chip" data-text="beliin pulsa 25rb ke 081234567890">beli pulsa 25rb</button>
<button class="chip" data-text="bayar listrik id pelanggan 4512345678">bayar listrik PLN</button>
</div>
<form class="composer" id="composerForm">
<input
type="text"
id="messageInput"
placeholder="Ketik pesan… misal: tf goceng ke budi"
autocomplete="off"
/>
<button type="submit" id="sendButton">Kirim</button>
<button type="button" id="resetButton" title="Mulai percakapan baru">Reset</button>
</form>
</main>
</div>
<script src="/static/app.js"></script>
</body>
</html>
|