Add Open Graph and Twitter Card metadata

- Add og-image.jpg (1200x630) for link previews
- Add OG and Twitter meta tags to index.html

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

index.html

@@ -4,7 +4,25 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Coming Soon - MycopunkXYZ</title>
+    <meta name="description" content="MycopunkXYZ - Coming soon. A mycelial vision for decentralized futures.">
     <link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>🍄</text></svg>">
+
+    <!-- Open Graph / Facebook -->
+    <meta property="og:type" content="website">
+    <meta property="og:url" content="https://mycopunk.xyz/">
+    <meta property="og:title" content="MycopunkXYZ - Coming Soon">
+    <meta property="og:description" content="A mycelial vision for decentralized futures.">
+    <meta property="og:image" content="https://mycopunk.xyz/og-image.jpg">
+    <meta property="og:image:width" content="1200">
+    <meta property="og:image:height" content="630">
+
+    <!-- Twitter -->
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:url" content="https://mycopunk.xyz/">
+    <meta name="twitter:title" content="MycopunkXYZ - Coming Soon">
+    <meta name="twitter:description" content="A mycelial vision for decentralized futures.">
+    <meta name="twitter:image" content="https://mycopunk.xyz/og-image.jpg">
+
     <style>
         :root {
             --primary-color: #D27D2D;