feat: add mcp page (#7687)

* feat: add mcp page

* use lucide icons

* feat(site): refine mcp page responsiveness

* Refine MCP page icon usage

* Use Figma icon classes on MCP page

* Refine MCP page responsiveness and assets

* update button

* Refine MCP bubble and CTA styling

* Use shared tokens for MCP styling

* fix: use privacy-friendly YouTube embed, make mobileTall optional

* fix: revert to youtube.com embed URL

* feat(site): mcp page refinment

* fix(site): resolve homepage merge conflict

Keep the homepage section refactor and metadata updates while removing leftover conflict markers.

Made-with: Cursor

---------

Co-authored-by: Mike Hartington <mikehartington@gmail.com>
Co-authored-by: Mike Hartington <mhartington@users.noreply.github.com>

Author: AmanVarshney01

apps/blog/components.json

@@ -5,7 +5,7 @@
   "tsx": true,
   "tailwind": {
     "config": "",
-    "css": "src/app/global.css",
+    "css": "../../packages/ui/src/styles/globals.css",
     "baseColor": "neutral",
     "cssVariables": true,
     "prefix": ""

apps/docs/components.json

@@ -5,7 +5,7 @@
   "tsx": true,
   "tailwind": {
     "config": "",
-    "css": "src/app/global.css",
+    "css": "../../packages/ui/src/styles/globals.css",
     "baseColor": "neutral",
     "cssVariables": true,
     "prefix": ""

apps/eclipse/components.json

@@ -4,8 +4,8 @@
   "rsc": true,
   "tsx": true,
   "tailwind": {
-    "config": "tailwind.config.ts",
-    "css": "src/styles/globals.css",
+    "config": "",
+    "css": "src/app/global.css",
     "baseColor": "neutral",
     "cssVariables": true,
     "prefix": ""

apps/site/components.json

@@ -5,7 +5,7 @@
   "tsx": true,
   "tailwind": {
     "config": "",
-    "css": "src/app/global.css",
+    "css": "../../packages/ui/src/styles/globals.css",
     "baseColor": "neutral",
     "cssVariables": true,
     "prefix": ""