Eventbuzz_Concierge/public/embed-demo.html

61 lines
1.7 KiB
HTML

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>EventBuzz Concierge Demo (Step 1)</title>
<style>
body {
margin: 0;
min-height: 100vh;
font-family: "Segoe UI", system-ui, -apple-system, sans-serif;
color: #0f172a;
background:
radial-gradient(1200px 600px at 10% -10%, #ccfbf1 0%, transparent 55%),
radial-gradient(900px 500px at 100% 0%, #e0e7ff 0%, transparent 50%),
#f8fafc;
padding: 40px 24px;
}
main {
max-width: 40rem;
}
h1 {
margin: 0 0 8px;
font-size: 1.75rem;
}
p {
color: #475569;
line-height: 1.5;
}
code {
background: #e2e8f0;
padding: 2px 6px;
border-radius: 4px;
font-size: 0.9em;
}
</style>
</head>
<body>
<main>
<h1>Concierge widget demo</h1>
<p>
Step 1 only: messages are classified via Bedrock. The chat bubble shows a temporary intent summary;
the full JSON is in the <code>/chat</code> API response as <code>classification</code>.
</p>
<p>
Set a real ConciergeBot <code>_id</code> in <code>window.EB_CONCIERGE.botId</code> below.
Optional resume: <code>?session=&lt;sessionId or mongo id&gt;</code>
</p>
</main>
<script>
window.EB_CONCIERGE = {
botId: "6a61ddf778df0ea305244efc",
apiBase: location.origin.replace(/\/$/, "") + "/api",
// Optional: accentColor: "rgb(13, 148, 136)" or "#0d9488"
};
</script>
<script async src="/embed/concierge-widget.js?v=26"></script>
</body>
</html>