Add demo teaser

app.py

@@ -141,5 +141,41 @@ with socialnet:
 }"""
             )
 
+        with gr.TabItem("Claude Demo"):
+            gr.Markdown("""Not able to watch?: https://youtu.be/FtaY3DyTDi4""")
+            gr.HTML(
+                """
+                <div style="position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto;">
+<iframe
+    src="https://www.youtube.com/embed/FtaY3DyTDi4?si=4V-Spt6ENLIJFsDJ" 
+    title="YouTube video player"
+    style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"
+    frameborder="0"
+    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" 
+    referrerpolicy="strict-origin-when-cross-origin" 
+    allowfullscreen>
+</iframe>
+</div>
+"""
+            )
+            gr.Markdown("""Want to use it in your Claude Desktop? Add this to your **claude_desktop_config.json**""")
+            gr.Code(
+                """{
+  "mcpServers": {
+    "SocialNetwork": {
+      "command": "npx",
+      "args": [
+        "mcp-remote",
+        "https://agents-mcp-hackathon-socialnetwork.hf.space/gradio_api/mcp/sse",
+        "--transport",
+        "sse-only"
+      ]
+    }
+  }
+}"""
+            )
+
+
+
 if __name__ == "__main__":
     socialnet.launch(mcp_server=True)