From 191b6f74c0c3c2c232b612f71a2f2e0756bae4a2 Mon Sep 17 00:00:00 2001
From: Morgan Dean <morgandeanhi@gmail.com>
Date: Mon, 21 Jul 2025 15:29:07 -0700
Subject: [PATCH] Add a link to the API reference on the home page, update dev
 guide

---
 .../docs/home/guides/developer-guide.mdx      |  6 ++---
 docs/content/docs/home/index.mdx              | 25 +++++++++++++++++++
 2 files changed, 28 insertions(+), 3 deletions(-)

diff --git a/docs/content/docs/home/guides/developer-guide.mdx b/docs/content/docs/home/guides/developer-guide.mdx
index e280b49d..41cb8c3b 100644
--- a/docs/content/docs/home/guides/developer-guide.mdx
+++ b/docs/content/docs/home/guides/developer-guide.mdx
@@ -1,14 +1,14 @@
 ---
 title: Developer Guide
-description: The guide for developing within the cua repository.
+description: Set up development for the Cua open source repository.
 ---
 
 import { GithubInfo } from 'fumadocs-ui/components/github-info';
 
-<GithubInfo owner="trycua" repo="cua" token={process.env.GITHUB_TOKEN} />
-
 ## Project Structure
 
+<GithubInfo owner="trycua" repo="cua" token={process.env.GITHUB_TOKEN} />
+
 The project is organized as a monorepo with these main packages:
 
 ### Python
diff --git a/docs/content/docs/home/index.mdx b/docs/content/docs/home/index.mdx
index 8d06745d..80588f1d 100644
--- a/docs/content/docs/home/index.mdx
+++ b/docs/content/docs/home/index.mdx
@@ -3,6 +3,10 @@ title: Home
 icon: House
 ---
 
+import { buttonVariants } from 'fumadocs-ui/components/ui/button';
+import { cn } from 'fumadocs-ui/utils/cn';
+import { ChevronRight } from 'lucide-react';
+
 ## What is C/ua?
 
 C/ua is a collection of cross-platform libraries and tools for building Computer-Use AI agents.
@@ -26,6 +30,27 @@ C/ua is a collection of cross-platform libraries and tools for building Computer
 
 </Cards>
 
+---
+
+<Callout type="info">
+  **Need detailed API documentation?**
+  <span className="w-full">
+    Explore the complete API reference with detailed class documentation, and
+    method signatures.
+  </span>
+  <a
+    href="/api"
+    className={cn(
+      buttonVariants({
+        color: 'secondary',
+      }),
+      'no-underline h-10'
+    )}>
+    View API Reference
+    <ChevronRight size={18} />
+  </a>
+</Callout>
+
 ## Resources
 
 - [How to use the MCP Server with Claude Desktop or other MCP clients](./libraries/mcp-server) - One of the easiest ways to get started with C/ua