docs: update readme and docs

Author: idosal

README.md

@@ -10,11 +10,10 @@
 </p>
 
 <p align="center">
-  <a href="#-what's-`mcp-ui`?">What's mcp-ui?</a> •
+  <a href="#-whats-mcp-ui">What's mcp-ui?</a> •
   <a href="#-core-concepts">Core Concepts</a> •
   <a href="#-installation">Installation</a> •
   <a href="#-quickstart">Quickstart</a> •
-  <a href="#-core-concepts">Core Concepts</a> •
   <a href="#-examples">Examples</a> •
   <a href="#-security">Security</a> •
   <a href="#-roadmap">Roadmap</a> •

docs/README.md

@@ -74,7 +74,7 @@ docs/
 - Clean, organized sidebar with collapsible sections
 - Breadcrumb navigation
 - "Edit on GitHub" links
-- Social media links (GitHub, npm, Discord)
+- Social media links (GitHub, npm)
 
 ### Content
 - Professional typography with proper hierarchy

docs/src/.vitepress/config.ts

@@ -129,8 +129,7 @@ export default defineConfig({
 
     socialLinks: [
       { icon: 'github', link: 'https://github.com/idosal/mcp-ui' },
-      { icon: 'npm', link: 'https://www.npmjs.com/package/@mcp-ui/client' },
-      { icon: 'discord', link: 'https://discord.gg/mcp-ui' }, // Update with actual Discord link
+      { icon: 'npm', link: 'https://www.npmjs.com/package/@mcp-ui/server' }
     ],
 
     footer: {

docs/src/guide/client/usage-examples.md

@@ -4,10 +4,10 @@ Here's how to use the `<ResourceRenderer />` component from `@mcp-ui/client`.
 
 ## Installation
 
-Make sure you have `@mcp-ui/client` and its peer dependencies installed in your React project:
+Make sure you have `@mcp-ui/client` and its peer dependencies installed in your project:
 
 ```bash
-pnpm add @mcp-ui/client react @modelcontextprotocol/sdk
+npm i @mcp-ui/client
 ```
 
 ## Rendering HTML Resources
@@ -96,7 +96,7 @@ const App: React.FC = () => {
 
   return (
     <div>
-      <h1>MCP UI Client Demo</h1>
+      <h1>MCP-UI Client Demo</h1>
       <button onClick={() => loadResource('direct')}>
         Load Direct HTML (Text)
       </button>

docs/src/guide/getting-started.md

@@ -176,7 +176,7 @@ For MCP servers, ensure you have `@mcp-ui/server` available in your Node.js proj
 For MCP clients, ensure `@mcp-ui/client` and its peer dependencies (`react` and potentially `@modelcontextprotocol/sdk`) are installed in your React project.
 
 ```bash
-pnpm add @mcp-ui/client react @modelcontextprotocol/sdk
+npm i @mcp-ui/client
 ```
 
 ## Key Components

docs/src/guide/server/usage-examples.md

@@ -4,10 +4,10 @@ This page provides practical examples for using the `@mcp-ui/server` package.
 
 ## Basic Setup
 
-First, ensure you have `@mcp-ui/server` available in your project. If you're working outside this monorepo, you would typically install them:
+First, ensure you have `@mcp-ui/server` available in your project:
 
 ```bash
-pnpm add @mcp-ui/server
+npm i @mcp-ui/server
 ```
 
 ## Basic Usage

examples/server/README.md

@@ -9,7 +9,6 @@
   <a href="#-what-is-mcp-ui">What's mcp-ui?</a> •
   <a href="#-installation">Installation</a> •
   <a href="#-quickstart">Quickstart</a> •
-  <a href="#-core-concepts">Core Concepts</a> •
   <a href="#-examples">Examples</a> •
   <a href="#-roadmap">Roadmap</a> •
   <a href="#-contributing">Contributing</a> •

packages/client/README.md

@@ -10,11 +10,10 @@
 </p>
 
 <p align="center">
-  <a href="#-what's-`mcp-ui`?">What's mcp-ui?</a> •
+  <a href="#-whats-mcp-ui">What's mcp-ui?</a> •
   <a href="#-core-concepts">Core Concepts</a> •
   <a href="#-installation">Installation</a> •
   <a href="#-quickstart">Quickstart</a> •
-  <a href="#-core-concepts">Core Concepts</a> •
   <a href="#-examples">Examples</a> •
   <a href="#-security">Security</a> •
   <a href="#-roadmap">Roadmap</a> •

packages/server/README.md

@@ -10,11 +10,10 @@
 </p>
 
 <p align="center">
-  <a href="#-what's-`mcp-ui`?">What's mcp-ui?</a> •
+  <a href="#-whats-mcp-ui">What's mcp-ui?</a> •
   <a href="#-core-concepts">Core Concepts</a> •
   <a href="#-installation">Installation</a> •
   <a href="#-quickstart">Quickstart</a> •
-  <a href="#-core-concepts">Core Concepts</a> •
   <a href="#-examples">Examples</a> •
   <a href="#-security">Security</a> •
   <a href="#-roadmap">Roadmap</a> •