cards

Author: ataibarkai

docs/introduction.mdx

@@ -258,55 +258,38 @@ AG-UI was born from an initial partnership between CopilotKit, LangGraph and Cre
 
 Choose the path that fits your needs:
 
-<CardGroup cols={2}>
- <Card
-    title="AG-UI Middleware Connectors"
-    icon="bolt"
-    href="/quickstart/middleware"
-    color="#3B82F6"
-    iconType="solid"
-  >
-    Connect AG-UI with existing protocols, in process agents or custom solutions
-    **using TypeScript**
-  </Card>
-
+<CardGroup cols={3}>
   <Card
-    title="AG-UI Compatible Servers"
-    icon="wrench"
-    href="/quickstart/server"
+    title="Build agentic applications"
+    icon="rocket"
+    href="/quickstart/applications"
     color="#3B82F6"
     iconType="solid"
   >
-    Implement AG-UI compatible servers **using Python or TypeScript**
+    Build agentic applications powered by AG-UI compatible agents.
   </Card>
- 
-</CardGroup>
 
-## Resources
 
-Explore guides, tools, and integrations to help you build, optimize, and extend
-your AG-UI implementation. These resources cover everything from practical
-development workflows to debugging techniques.
-
-<CardGroup cols={2}>
   <Card
-    title="Developing with Cursor"
-    icon="rocket"
-    iconType="light"
+    title="Build new AG-UI integrations"
+    icon="plug"
+    href="/quickstart/introduction"
     color="#3B82F6"
-    href="/tutorials/cursor"
+    iconType="solid"
   >
-    Use Cursor to build AG-UI implementations faster
+    Build integrations for new agent frameworks, custom in-house solutions, or use AG-UI without any agent framework.
   </Card>
+
   <Card
-    title="Troubleshooting AG-UI"
-    icon="bug"
-    iconType="light"
+    title="Build AG-UI compatible clients"
+    icon="desktop"
+    href="/quickstart/clients"
     color="#3B82F6"
-    href="/tutorials/debugging"
+    iconType="solid"
   >
-    Fix common issues when working with AG-UI servers and clients
+    Build new clients for AG-UI-compatible agents (web, mobile, slack, messaging, etc.)
   </Card>
+
 </CardGroup>
 
 ## Explore AG-UI
@@ -335,6 +318,34 @@ Dive deeper into AG-UI's core concepts and capabilities:
   </Card>
 </CardGroup>
 
+## Resources
+
+Explore guides, tools, and integrations to help you build, optimize, and extend
+your AG-UI implementation. These resources cover everything from practical
+development workflows to debugging techniques.
+
+<CardGroup cols={2}>
+  <Card
+    title="Developing with Cursor"
+    icon="rocket"
+    iconType="light"
+    color="#3B82F6"
+    href="/tutorials/cursor"
+  >
+    Use Cursor to build AG-UI implementations faster
+  </Card>
+  <Card
+    title="Troubleshooting AG-UI"
+    icon="bug"
+    iconType="light"
+    color="#3B82F6"
+    href="/tutorials/debugging"
+  >
+    Fix common issues when working with AG-UI servers and clients
+  </Card>
+</CardGroup>
+
+
 ## Contributing
 
 Want to contribute? Check out our