Add landing page

README.md

@@ -1,10 +1,21 @@
 ---
 title: Moching
-emoji: 📚
-colorFrom: yellow
-colorTo: green
+emoji: 🤖
+colorFrom: indigo
+colorTo: purple
 sdk: static
-pinned: false
+pinned: true
+license: mit
 ---
 
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
+# Moching — Open-source AI Desktop Agent (Rust)
+
+Moching operates the computer like a person: it sees the screen in real time through two engines (visual understanding + accessibility UI tree), then clicks, types and verifies its own actions in a closed loop.
+
+- **219 native tools** — files, browser, office documents, system control
+- **Rust core** — fast, low memory, ships as a single app
+- **30+ skill store** — extensible via MCP plugins
+- **Windows & macOS** — free and open source
+
+- GitHub: https://github.com/moching-ai-dev/moching
+- Website: https://mochingcode.com

index.html

@@ -1,19 +1,37 @@
-<!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>
-</html>
+<!DOCTYPE html>
+<html lang="en"><head><meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<title>Moching — Open-source AI Desktop Agent (Rust)</title>
+<style>
+*{margin:0;padding:0;box-sizing:border-box}
+body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background:#0f1117;color:#e6e8ee;line-height:1.6}
+.wrap{max-width:880px;margin:0 auto;padding:64px 24px}
+.badge{display:inline-block;background:#1d2333;border:1px solid #2c3448;border-radius:999px;padding:6px 16px;font-size:13px;color:#9aa4bf;margin-bottom:24px}
+h1{font-size:44px;line-height:1.15;margin-bottom:16px;background:linear-gradient(90deg,#818cf8,#c084fc);-webkit-background-clip:text;background-clip:text;color:transparent}
+.sub{font-size:19px;color:#b6bdcc;max-width:640px;margin-bottom:36px}
+.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin:36px 0}
+.card{background:#161a24;border:1px solid #262d40;border-radius:12px;padding:20px}
+.card h3{font-size:15px;margin-bottom:8px;color:#a5b4fc}
+.card p{font-size:14px;color:#9aa4bf}
+.cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:12px}
+.btn{padding:13px 26px;border-radius:10px;font-weight:600;text-decoration:none;font-size:15px}
+.btn-p{background:linear-gradient(90deg,#6366f1,#8b5cf6);color:#fff}
+.btn-s{background:#1d2333;color:#e6e8ee;border:1px solid #2c3448}
+footer{margin-top:56px;padding-top:24px;border-top:1px solid #262d40;font-size:13px;color:#6b7490}
+a{color:#818cf8}
+</style></head><body><div class="wrap">
+<div class="badge">✨ Open source · MIT License</div>
+<h1>Your AI desktop agent.<br>It sees. It acts. It verifies.</h1>
+<p class="sub">Moching operates the computer like a person — real-time screen understanding through two engines (visual + accessibility UI tree), then clicks, types and verifies its own actions in a closed loop.</p>
+<div class="grid">
+<div class="card"><h3>219 native tools</h3><p>Files, browser, office documents, system control — built in.</p></div>
+<div class="card"><h3>Rust core</h3><p>Fast, low memory, ships as a single app.</p></div>
+<div class="card"><h3>30+ skill store</h3><p>Extensible via MCP plugins.</p></div>
+<div class="card"><h3>Windows &amp; macOS</h3><p>Free and open source.</p></div>
+</div>
+<div class="cta">
+<a class="btn btn-p" href="https://mochingcode.com">Download →</a>
+<a class="btn btn-s" href="https://github.com/moching-ai-dev/moching">GitHub →</a>
+</div>
+<footer>Moching · open-source AI desktop agent · <a href="https://github.com/moching-ai-dev/moching">github.com/moching-ai-dev/moching</a> · <a href="https://mochingcode.com">mochingcode.com</a></footer>
+</div></body></html>