fix(shell-docs): remove duplicate backend header on index page

Author: samjulien

showcase/shell-docs/src/components/integration-grid.tsx

@@ -3,7 +3,14 @@
 import React from "react";
 import { useFramework } from "./framework-provider";
 
-export function IntegrationGrid({ path }: { path?: string; exclude?: string[] }) {
+export function IntegrationGrid({
+  path,
+  description,
+}: {
+  path?: string;
+  exclude?: string[];
+  description?: string;
+}) {
   const { framework } = useFramework();
 
   // On a framework-scoped route the user already chose a backend — hide.
@@ -12,6 +19,11 @@ export function IntegrationGrid({ path }: { path?: string; exclude?: string[] })
   return (
     <>
       <h2>Choose your AI backend</h2>
+      {description && (
+        <p style={{ marginBottom: "1rem", color: "var(--text-secondary)" }}>
+          {description}
+        </p>
+      )}
       <div
         style={{
           padding: "1rem",

showcase/shell-docs/src/content/docs/index.mdx

@@ -175,9 +175,5 @@ Look below to find right guide for your needs, whether you're starting from noth
 
 {/* ── Integrations ── */}
 
-## Explore by AI backend
-
-CopilotKit works with most agent frameworks: LangGraph, CrewAI, Mastra, Google ADK, and more. Pick the one that fits your stack and jump straight into a live demo.
-
-<IntegrationGrid />
+<IntegrationGrid description="CopilotKit works with most agent frameworks: LangGraph, CrewAI, Mastra, Google ADK, and more. Pick the one that fits your stack and jump straight into a live demo." />