
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Home</title>
	<style>
		body {
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			height: 100vh;
			font-family: Arial, sans-serif;
			background: #f7f7f7;
		}
		.button-container {
			display: flex;
			gap: 2rem;
		}
		.nav-btn {
			padding: 1rem 2rem;
			font-size: 1.2rem;
			border: none;
			border-radius: 8px;
			background: #1976d2;
			color: white;
			cursor: pointer;
			transition: background 0.2s;
		}
		.nav-btn:hover {
			background: #1565c0;
		}
	</style>
</head>
<body>
	<h1>Welcome to the LightRAG Demo</h1>
	<div class="button-container">
		<button class="nav-btn" onclick="location.href='/frontend/chat'">Chat</button>
		<button class="nav-btn" onclick="location.href='/frontend/rag-chat'">RAG Chat</button>
		<button class="nav-btn" onclick="location.href='/frontend/graph-viewer'">RAG Graph Viewer</button>
	</div>
</body>
</html>
