Update the landing page to include MCP Toolkit banner and card

Signed-off-by: Usha Mandya <usha.mandya@docker.com>

content/_index.md

@@ -25,6 +25,17 @@ grid:
         url: "/dhi/get-started/"
       - text: "Use an image"
         url: "/dhi/how-to/use/"
+  - title: Docker MCP Catalog and Toolkit
+    icon: /icons/toolkit.svg
+    description: |
+      Augment your AI workflows with MCP servers.
+    links:
+      - text: "Overview"
+        url: "/ai/mcp-catalog-and-toolkit/"
+      - text: "Quickstart"
+        url: "/ai/mcp-catalog-and-toolkit/get-started/"
+      - text: "Explore the MCP Toolkit"
+        url: "/ai/mcp-catalog-and-toolkit/toolkit/"
   - title: Docker Engine
     icon: developer_board
     description: |

layouts/index.html

@@ -207,24 +207,18 @@
               <div class="flex flex-col gap-12">
                 <div class="flex flex-col gap-4">
                   <h2 class="font-medium">
-                    Docker Model Runner
+                    Docker MCP Catalog and Toolkit
                     {{ partial "components/badge.html" (dict "color" "blue" "content" "Beta") }}
                   </h2>
                   <p class="text-xl">
-                    Run, test, and serve AI models locally in seconds — no
-                    setup, no hassle.
-                  </p>
-                  <p>
-                    Whether you’re experimenting with the latest LLMs or
-                    deploying to production, Docker Model Runner brings the
-                    performance and control you need, without the friction.
+                  Supercharge your AI applications or agents with secure, containerized tools
                   </p>
                 </div>
                 <div class="flex flex-col items-start gap-4 xl:flex-row">
                   <a
-                    href="/desktop/features/model-runner/"
+                    href="/ai/mcp-catalog-and-toolkit/get-started/"
                     class="bg-blue dark:bg-blue rounded-sm p-2 px-4 text-white transition duration-300 hover:bg-blue-500 dark:hover:bg-blue-500"
-                    >Read the docs</a>
+                    >Let's get started</a>
                 </div>
               </div>
             </div>