Cleaning up "Get started" folder, adding example to overview page

Author: Oxyjun

src/content/docs/agents/getting-started/build-a-chat-agent.mdx

@@ -27,45 +27,52 @@ To use the Agent starter template and create your first Agent with the Agents SD
 
 ## Manually create an Agent
 
+<Steps>
 1. Install the `agents` package directly into an existing project:
 
-```sh
-npm i agents
-```
+   ```sh
+   npm i agents
+   ```
 
 2. Define your first Agent by creating a class that extends the `Agent` class:
 
-<TypeScriptExample>
+   <TypeScriptExample>
 
-```ts
-import { Agent, AgentNamespace } from "agents";
+   ```ts
+   import { Agent, AgentNamespace } from "agents";
 
-export class MyAgent extends Agent {
-	// Define methods on the Agent:
-	// https://developers.cloudflare.com/agents/api-reference/agents-api/
-	//
-	// Every Agent has built in state via this.setState and this.sql
-	// Built-in scheduling via this.schedule
-	// Agents support WebSockets, HTTP requests, state synchronization and
-	// can run for seconds, minutes or hours: as long as the tasks need.
-}
-```
+   export class MyAgent extends Agent {
+   // Define methods on the Agent:
+   // https://developers.cloudflare.com/agents/api-reference/agents-api/
+   //
+   // Every Agent has built in state via this.setState and this.sql
+   // Built-in scheduling via this.schedule
+   // Agents support WebSockets, HTTP requests, state synchronization and
+   // can run for seconds, minutes or hours: as long as the tasks need.
+   }
+   ```
 
-</TypeScriptExample>
+   </TypeScriptExample>
 
 3. Add the [Durable Objects](/durable-objects/) binding to your wrangler file:
 
-<WranglerConfig>
-```toml
-[[durable_objects.bindings]]
-name = "MyAgent"
-class_name = "MyAgent"
+   <WranglerConfig>
+   ```toml
+   [[durable_objects.bindings]]
+    name = "MyAgent"
+    class_name = "MyAgent"
+
+   [[migrations]]
+    tag = "v1"
+    new_sqlite_classes = ["MyAgent"]
+
+   ```
+   </WranglerConfig>
+
+</Steps>
 
-[[migrations]]
-tag = "v1"
-new_sqlite_classes = ["MyAgent"]
+Dive into the [Agent SDK reference](/agents/api-reference/agents-api/) to learn more about how to use the Agents SDK package and defining an `Agent`.
 
-```
-</WranglerConfig>
+## Additional resources
 
-Dive into the [Agent SDK reference](/agents/api-reference/agents-api/) to learn more about how to use the Agents SDK package and defining an `Agent`.
+- [Prompt an AI model](/workers/get-started/prompting/)

src/content/docs/agents/getting-started/get-started.mdx

@@ -11,11 +11,25 @@ head:
     content: Agents
 ---
 
-import { CardGrid, Description, Feature, LinkButton, LinkTitleCard, PackageManagers, Plan, RelatedProduct, Render, TabItem, Tabs, TypeScriptExample, WranglerConfig } from "~/components";
+import { CardGrid, Description, Feature, LinkButton, LinkTitleCard, PackageManagers, Plan, RelatedProduct, Render, TabItem, Tabs, TypeScriptExample, WranglerConfig, GitHubCode, Example } from "~/components";
 
 The Agents SDK enables you to build and deploy AI-powered agents that can autonomously perform tasks, communicate with clients in real time, call AI models, persist state, schedule tasks, run asynchronous workflows, browse the web, query data from your database, support human-in-the-loop interactions, and [a lot more](/agents/api-reference/).
 
-Try [building a chat agent](https://github.com/cloudflare/agents-starter).
+<Example title="Build a chat agent">
+
+<GitHubCode
+	repo="cloudflare/agents-starter"
+	file="src/server.ts"
+	commit="219dbd72adaff17c12276802d88dfbb5a0ab36b2"
+	lang="ts"
+	lines="24-33"
+/>
+
+Try building a chat agent using the [Agents starter template](https://github.com/cloudflare/agents-starter).
+
+</Example>
+
+<LinkButton href="/agents/getting-started/get-started/">Get started</LinkButton>
 
 ## Why build agents on Cloudflare?