overview pages

Author: ataibarkai

docs/content/docs/ag2/index.mdx

@@ -33,6 +33,16 @@ import { CTACards } from "@/components/react/cta-cards";
 import { FaSync } from "react-icons/fa";
 import { Socials } from "@/components/react/socials";
 
+<div className="p-4 mb-6 rounded-lg bg-indigo-50 dark:bg-indigo-950 border border-indigo-200 dark:border-indigo-800">
+  <div className="flex items-center gap-2 mb-2">
+    <LuBrainCog className="h-5 w-5 text-indigo-500 dark:text-indigo-300" />
+    <h3 className="text-lg font-semibold text-indigo-700 dark:text-indigo-300">AG2 Overview</h3>
+  </div>
+  <p className="text-indigo-700 dark:text-indigo-300">
+    Visit the <a href="https://v0-ag2-land.vercel.app/" target="_blank" rel="noopener noreferrer" className="font-medium underline underline-offset-4 decoration-indigo-400 dark:decoration-indigo-500 hover:text-indigo-600 dark:hover:text-indigo-200">AG2 Overview Page</a> to learn more about AG2's capabilities and features.
+  </p>
+</div>
+
 # Copilot Infrastructure for AG2 Agents
 
 Full user-interaction infrastructure for your agents, to turn your agents into Copilot Agents (CoAgents).

docs/content/docs/coagents/index.mdx

@@ -34,6 +34,16 @@ import { CTACards } from "@/components/react/cta-cards";
 import { FaSync } from "react-icons/fa";
 import { Socials } from "@/components/react/socials";
 
+<div className="p-4 mb-6 rounded-lg bg-indigo-50 dark:bg-indigo-950 border border-indigo-200 dark:border-indigo-800">
+  <div className="flex items-center gap-2 mb-2">
+    <TelescopeIcon className="h-5 w-5 text-indigo-500 dark:text-indigo-300" />
+    <h3 className="text-lg font-semibold text-indigo-700 dark:text-indigo-300">LangGraph Overview</h3>
+  </div>
+  <p className="text-indigo-700 dark:text-indigo-300">
+    Visit the <a href="https://v0-langgraph-land.vercel.app/" target="_blank" rel="noopener noreferrer" className="font-medium underline underline-offset-4 decoration-indigo-400 dark:decoration-indigo-500 hover:text-indigo-600 dark:hover:text-indigo-200">LangGraph Overview Page</a> to learn more about LangGraph's capabilities and features.
+  </p>
+</div>
+
 # Copilot Infrastructure for LangGraph Agents
 
 Full user-interaction infrastructure for your agents, to turn your agents into Copilot Agents (CoAgents).

docs/content/docs/mastra/index.mdx

@@ -34,6 +34,16 @@ import { CTACards } from "@/components/react/cta-cards";
 import { FaSync } from "react-icons/fa";
 import { Socials } from "@/components/react/socials";
 
+<div className="p-4 mb-6 rounded-lg bg-gray-100 dark:bg-gray-800 border border-gray-200 dark:border-gray-700">
+  <div className="flex items-center gap-2 mb-2">
+    <TelescopeIcon className="h-5 w-5 text-gray-700 dark:text-gray-300" />
+    <h3 className="text-lg font-semibold text-gray-700 dark:text-gray-300">Mastra Overview</h3>
+  </div>
+  <p className="text-gray-700 dark:text-gray-300">
+    Visit the <a href="https://v0-mastra-land.vercel.app/" target="_blank" rel="noopener noreferrer" className="font-medium underline underline-offset-4 decoration-gray-400 dark:decoration-gray-500 hover:text-gray-900 dark:hover:text-gray-100">Mastra Overview Page</a> to learn more about Mastra's capabilities and features.
+  </p>
+</div>
+
 # Copilot Infrastructure for Mastra Agents
 
 Full user-interaction infrastructure for your agents, to turn your agents into Copilot Agents (CoAgents).