feat: add OG card image with lobster design

Author: steipete

public/og-image.png

@@ -21,6 +21,15 @@ const { title, description = "Clawdbot — Your personal AI assistant, running o
     <meta property="og:description" content={description} />
     <meta property="og:type" content="website" />
     <meta property="og:url" content="https://clawd.bot/" />
+    <meta property="og:image" content="https://clawd.bot/og-image.png" />
+    <meta property="og:image:width" content="1200" />
+    <meta property="og:image:height" content="630" />
+
+    <!-- Twitter Card -->
+    <meta name="twitter:card" content="summary_large_image" />
+    <meta name="twitter:title" content={title} />
+    <meta name="twitter:description" content={description} />
+    <meta name="twitter:image" content="https://clawd.bot/og-image.png" />
 
     <!-- Fonts: Clash Display + Satoshi from Fontshare -->
     <link href="https://api.fontshare.com/v2/css?f[]=clash-display@700,600,500&f[]=satoshi@400,500,700&display=swap" rel="stylesheet">