Add hidden demo page for deep-linking examples

- Created new hidden demo page at /docs/writing-content/demo with API documentation examples
- Updated all deep-linking examples in code-blocks.mdx to link to demo page sections
- Added demo page to docs.yml navigation with hidden: true flag
- Demo page includes PlantClient, PlantConfig, createPlant, create_plant, fetchPlants, and PlantResponse examples

Co-Authored-By: Catherine Deskur <[email protected]>

Author: devin-ai-integration[bot]

fern/products/docs/docs.yml

@@ -111,6 +111,10 @@ navigation:
       - page: Conditionally rendered content
         hidden: true
         path: ./pages/component-library/custom-components/conditional-rendering.mdx
+      - page: Component demos
+        hidden: true
+        path: ./pages/component-library/demo.mdx
+        slug: demo
   - section: AI features
     contents:
       - link: Ask Fern

fern/products/docs/pages/component-library/default-components/code-blocks.mdx

@@ -313,7 +313,7 @@ The `links` property accepts a map where keys are matching patterns (exact strin
 
 <Tabs>
   <Tab title="Example">
-    ```typescript links={"PlantClient": "https://example.com/api/plant-client", "createPlant": "https://example.com/api/create-plant"}
+    ```typescript links={"PlantClient": "/docs/writing-content/demo#plantclient", "createPlant": "/docs/writing-content/demo#createplant"}
     import { PlantClient } from "@plantstore/sdk";
 
     const client = new PlantClient({ apiKey: "YOUR_API_KEY" });
@@ -325,7 +325,7 @@ The `links` property accepts a map where keys are matching patterns (exact strin
   </Tab>
   <Tab title="Markdown">
     ````markdown
-    ```typescript links={"PlantClient": "https://example.com/api/plant-client", "createPlant": "https://example.com/api/create-plant"}
+    ```typescript links={"PlantClient": "/docs/writing-content/demo#plantclient", "createPlant": "/docs/writing-content/demo#createplant"}
     import { PlantClient } from "@plantstore/sdk";
 
     const client = new PlantClient({ apiKey: "YOUR_API_KEY" });
@@ -348,7 +348,7 @@ You can use regex patterns for more flexible matching. This is useful when you w
 
 <Tabs>
   <Tab title="Example">
-    ```python links={"Plant\\w+": "https://example.com/api/plant-models", "create_\\w+": "https://example.com/api/create-methods"}
+    ```python links={"Plant\\w+": "/docs/writing-content/demo#type-definitions", "create_\\w+": "/docs/writing-content/demo#create_plant"}
     from plantstore import PlantClient, PlantConfig
 
     client = PlantClient(api_key="YOUR_API_KEY")
@@ -360,7 +360,7 @@ You can use regex patterns for more flexible matching. This is useful when you w
   </Tab>
   <Tab title="Markdown">
     ````markdown
-    ```python links={"Plant\\w+": "https://example.com/api/plant-models", "create_\\w+": "https://example.com/api/create-methods"}
+    ```python links={"Plant\\w+": "/docs/writing-content/demo#type-definitions", "create_\\w+": "/docs/writing-content/demo#create_plant"}
     from plantstore import PlantClient, PlantConfig
 
     client = PlantClient(api_key="YOUR_API_KEY")
@@ -383,7 +383,7 @@ You can mix exact string matching and regex patterns in the same `links` map:
 
 <Tabs>
   <Tab title="Example">
-    ```javascript links={"fetchPlants": "https://example.com/api/fetch", "Plant\\w+": "https://example.com/api/types"}
+    ```javascript links={"fetchPlants": "/docs/writing-content/demo#fetchplants", "Plant\\w+": "/docs/writing-content/demo#plantresponse"}
     async function fetchPlants() {
       const response = await fetch('/api/plants');
       const data: PlantResponse = await response.json();
@@ -393,7 +393,7 @@ You can mix exact string matching and regex patterns in the same `links` map:
   </Tab>
   <Tab title="Markdown">
     ````markdown
-    ```javascript links={"fetchPlants": "https://example.com/api/fetch", "Plant\\w+": "https://example.com/api/types"}
+    ```javascript links={"fetchPlants": "/docs/writing-content/demo#fetchplants", "Plant\\w+": "/docs/writing-content/demo#plantresponse"}
     async function fetchPlants() {
       const response = await fetch('/api/plants');
       const data: PlantResponse = await response.json();

fern/products/docs/pages/component-library/demo.mdx

@@ -0,0 +1,94 @@
+---
+title: Component demos
+hidden: true
+---
+
+This page contains demo content for testing and showcasing various documentation components. It's hidden from navigation but can be linked to from examples.
+
+## API client examples
+
+### PlantClient
+
+The `PlantClient` class is the main entry point for interacting with the Plant Store API. It handles authentication, request management, and provides access to all API endpoints.
+
+**Constructor parameters:**
+- `apiKey` (string, required): Your API authentication key
+- `baseUrl` (string, optional): Custom API base URL for testing
+- `timeout` (number, optional): Request timeout in milliseconds
+
+**Example usage:**
+```typescript
+import { PlantClient } from "@plantstore/sdk";
+
+const client = new PlantClient({ 
+  apiKey: "your-api-key-here" 
+});
+```
+
+### PlantConfig
+
+Configuration object for customizing the Plant Store SDK behavior.
+
+**Properties:**
+- `retryAttempts` (number): Number of retry attempts for failed requests
+- `cacheEnabled` (boolean): Enable response caching
+- `logLevel` (string): Logging verbosity level
+
+### createPlant
+
+Creates a new plant entry in the database.
+
+**Parameters:**
+- `name` (string, required): Common name of the plant
+- `species` (string, required): Scientific species name
+- `description` (string, optional): Plant description
+- `careLevel` (string, optional): Care difficulty level
+
+**Returns:** Promise resolving to the created plant object
+
+**Example:**
+```typescript
+const plant = await client.createPlant({
+  name: "Monstera",
+  species: "Monstera deliciosa",
+  careLevel: "easy"
+});
+```
+
+## API method examples
+
+### create_plant
+
+Python method for creating a new plant entry.
+
+**Signature:**
+```python
+def create_plant(
+    name: str,
+    species: str,
+    description: Optional[str] = None,
+    care_level: Optional[str] = None
+) -> Plant
+```
+
+### fetchPlants
+
+Retrieves a list of plants from the API with optional filtering.
+
+**Parameters:**
+- `filters` (object, optional): Filter criteria
+- `limit` (number, optional): Maximum number of results
+- `offset` (number, optional): Pagination offset
+
+**Returns:** Promise resolving to an array of plant objects
+
+## Type definitions
+
+### PlantResponse
+
+Response object returned from plant-related API calls.
+
+**Properties:**
+- `plants` (Array): List of plant objects
+- `total` (number): Total count of plants
+- `hasMore` (boolean): Whether more results are available