diff --git a/index.html b/index.html
index 30f33a8..a04bff5 100644
--- a/index.html
+++ b/index.html
@@ -1,11 +1,30 @@
-<!-- ... existing content ... -->
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Timmy's Nexus</title>
+  <meta name="description" content="A sovereign 3D world">
+  <meta property="og:title" content="Timmy's Nexus">
+  <meta property="og:description" content="A sovereign 3D world">
+  <meta property="og:image" content="https://example.com/og-image.png">
+  <meta property="og:type" content="website">
+  <meta name="twitter:card" content="summary_large_image">
+  <meta name="twitter:title" content="Timmy's Nexus">
+  <meta name="twitter:description" content="A sovereign 3D world">
+  <meta name="twitter:image" content="https://example.com/og-image.png">
+</head>
+<body>
+  <!-- ... existing content ... -->
 
-<!-- Top Right: Audio Toggle -->
-<div id="audio-control" class="hud-controls" style="position: absolute; top: 8px; right: 8px;">
-  <button id="audio-toggle" class="chat-toggle-btn" aria-label="Toggle ambient sound" style="background-color: var(--color-primary); color: var(--color-bg); padding: 4px 8px; border-radius: 4px; font-size: 12px; cursor: pointer;">
-    🔊
-  </button>
-  <audio id="ambient-sound" src="ambient.mp3" loop></audio>
-</div>
+  <!-- Top Right: Audio Toggle -->
+  <div id="audio-control" class="hud-controls" style="position: absolute; top: 8px; right: 8px;">
+    <button id="audio-toggle" class="chat-toggle-btn" aria-label="Toggle ambient sound" style="background-color: var(--color-primary); color: var(--color-bg); padding: 4px 8px; border-radius: 4px; font-size: 12px; cursor: pointer;">
+      🔊
+    </button>
+    <audio id="ambient-sound" src="ambient.mp3" loop></audio>
+  </div>
 
-<!-- ... existing content ... -->
+  <!-- ... existing content ... -->
+</body>
+</html>
