Add index.html landing page

index.html

@@ -1,19 +1,21 @@
-<!doctype html>
-<html>
-	<head>
-		<meta charset="utf-8" />
-		<meta name="viewport" content="width=device-width" />
-		<title>My static Space</title>
-		<link rel="stylesheet" href="style.css" />
-	</head>
-	<body>
-		<div class="card">
-			<h1>Welcome to your static Space!</h1>
-			<p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
-			<p>
-				Also don't forget to check the
-				<a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
-			</p>
-		</div>
-	</body>
+<!DOCTYPE html>
+<html lang="en">
+<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>🏙️ AI Town Clone</title>
+<style>*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui;background:#0f0f23;color:#e4e4e7;min-height:100vh;display:flex;align-items:center;justify-content:center}.container{max-width:800px;padding:2rem;text-align:center}h1{font-size:3rem;margin-bottom:0.5rem}h1 span{background:linear-gradient(135deg,#8b5cf6,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.subtitle{color:#71717a;font-size:1.1rem;margin-bottom:2rem}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:2rem 0}.card{background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08);border-radius:12px;padding:1rem;text-align:left}.card h3{font-size:0.9rem;color:#fff;margin-bottom:0.3rem}.card p{font-size:0.75rem;color:#71717a}.btn{display:inline-block;margin-top:2rem;padding:12px 24px;background:#8b5cf6;color:#fff;border-radius:8px;text-decoration:none;font-weight:600}</style>
+</head>
+<body>
+<div class="container">
+<h1>🏙️ <span>AI Town</span></h1>
+<p class="subtitle">Virtual World with AI Inhabitants — Stanford "Generative Agents" on Mobile</p>
+<div class="grid">
+<div class="card"><h3>🧠 Memory System</h3><p>Vector-indexed RAG with recency × importance × relevance scoring</p></div>
+<div class="card"><h3>🤖 8 AI Characters</h3><p>Big Five personality, unique backstories, autonomous behavior</p></div>
+<div class="card"><h3>💬 Chat with Anyone</h3><p>RAG-powered responses — characters remember everything</p></div>
+<div class="card"><h3>🗺️ Town Builder</h3><p>2D Skia canvas with pan/zoom/tap, 8 building types</p></div>
+<div class="card"><h3>🕸️ Relationships</h3><p>Characters form opinions via EMA sentiment tracking</p></div>
+<div class="card"><h3>🎭 Reflection</h3><p>Auto-generates insights when enough events accumulate</p></div>
+</div>
+<a href="https://huggingface.co/spaces/Muthukumarank/ai-town-clone/tree/main" class="btn">📁 View Source Code</a>
+</div>
+</body>
 </html>