[AI Gateway] Adding OpenRouter as a new model provider (#18442)

* Adding OpenRouter as a new model provider.

* Adding H3s to examples.

* Hiding redundant Overview page.

* Adding "cURL" as H3s where applicable.

Author: Oxyjun

src/content/docs/ai-gateway/providers/anthropic.mdx

@@ -13,6 +13,8 @@ https://gateway.ai.cloudflare.com/v1/{account_id}/{gateway_id}/anthropic`
 
 ## Examples
 
+### cURL
+
 ```bash title="Example fetch request"
 curl https://gateway.ai.cloudflare.com/v1/{account_id}/{gateway_id}/anthropic/v1/messages \
  --header 'x-api-key: {anthropic_api_key}' \
@@ -27,6 +29,8 @@ curl https://gateway.ai.cloudflare.com/v1/{account_id}/{gateway_id}/anthropic/v1
   }'
 ```
 
+### Use Anthropic SDK with JavaScript
+
 If you are using the `@anthropic-ai/sdk`, you can set your endpoint like this:
 
 ```js title="JavaScript"

src/content/docs/ai-gateway/providers/azureopenai.mdx

@@ -27,6 +27,8 @@ Your new base URL will use the data above in this structure: `https://gateway.ai
 
 ## Examples
 
+### cURL
+
 ```bash title="Example fetch request"
 curl 'https://gateway.ai.cloudflare.com/v1/{account_id}/{gateway_id}/azure-openai/{resource_name}/{deployment_name}/chat/completions?api-version=2023-05-15' \
   --header 'Content-Type: application/json' \
@@ -41,6 +43,8 @@ curl 'https://gateway.ai.cloudflare.com/v1/{account_id}/{gateway_id}/azure-opena
 }'
 ```
 
+### Use `openai-node` with JavaScript
+
 If you are using the `openai-node` library, you can set your endpoint like this:
 
 ```js title="JavaScript"

src/content/docs/ai-gateway/providers/bedrock.mdx

@@ -20,7 +20,9 @@ When making requests to Amazon Bedrock, replace `https://bedrock-runtime.us-east
 
 With Bedrock, you will need to sign the URL before you make requests to AI Gateway. You can try using the [`aws4fetch`](https://github.com/mhart/aws4fetch) SDK.
 
-## Example:
+## Examples
+
+### Use `aws4fetch1` SDK with TypeScript
 
 ```typescript
 import { AwsClient } from "aws4fetch";

src/content/docs/ai-gateway/providers/cohere.mdx

@@ -17,6 +17,8 @@ When making requests to [Cohere](https://cohere.com/), replace `https://api.cohe
 
 ## Examples
 
+### cURL
+
 ```bash title="Request"
 curl https://gateway.ai.cloudflare.com/v1/{account_id}/{gateway_id}/cohere/v1/chat \
   --header 'Authorization: Token {cohere_api_token}' \
@@ -31,6 +33,8 @@ curl https://gateway.ai.cloudflare.com/v1/{account_id}/{gateway_id}/cohere/v1/ch
 }'
 ```
 
+### Use Cohere SDK with Python
+
 If using the [`cohere-python-sdk`](https://github.com/cohere-ai/cohere-python), set your endpoint like this:
 
 ```js title="Python"

src/content/docs/ai-gateway/providers/google-ai-studio.mdx

@@ -51,7 +51,7 @@ curl "https://gateway.ai.cloudflare.com/v1/{account_id}/{gateway_name}/google-ai
       }'
 ```
 
-### JavaScript
+### Use `@google/generative-ai` with JavaScript
 
 If you are using the `@google/generative-ai` package, you can set your endpoint like this:
 

src/content/docs/ai-gateway/providers/grok.mdx

@@ -37,6 +37,8 @@ curl https://gateway.ai.cloudflare.com/v1/{account_id}/{gateway_id}/grok/v1/chat
 }'
 ```
 
+### Use OpenAI SDK with JavaScript
+
 If you are using the OpenAI SDK with JavaScript, you can set your endpoint like this:
 
 ```js title="JavaScript"
@@ -66,6 +68,8 @@ const completion = await openai.chat.completions.create({
 console.log(completion.choices[0].message);
 ```
 
+### Use OpenAI SDK with Python
+
 If you are using the OpenAI SDK with Python, you can set your endpoint like this:
 
 ```python title="Python"
@@ -89,6 +93,8 @@ completion = client.chat.completions.create(
 print(completion.choices[0].message)
 ```
 
+### Use Anthropic SDK with JavaScript
+
 If you are using the Anthropic SDK with JavaScript, you can set your endpoint like this:
 
 ```js title="JavaScript"
@@ -116,6 +122,8 @@ const msg = await anthropic.messages.create({
 console.log(msg);
 ```
 
+### Use Anthropic SDK with Python
+
 If you are using the Anthropic SDK with Python, you can set your endpoint like this:
 
 ```python title="Python"

src/content/docs/ai-gateway/providers/groq.mdx

@@ -17,6 +17,8 @@ When making requests to [Groq](https://groq.com/), replace `https://api.groq.com
 
 ## Examples
 
+### cURL
+
 ```bash title="Example fetch request"
 curl https://gateway.ai.cloudflare.com/v1/{account_id}/{gateway_id}/groq/chat/completions \
   --header 'Authorization: Bearer {groq_api_key}' \
@@ -32,6 +34,8 @@ curl https://gateway.ai.cloudflare.com/v1/{account_id}/{gateway_id}/groq/chat/co
 }'
 ```
 
+### Use Groq SDK with JavaScript
+
 If using the [`groq-sdk`](https://www.npmjs.com/package/groq-sdk), set your endpoint like this:
 
 ```js title="JavaScript"

src/content/docs/ai-gateway/providers/huggingface.mdx

@@ -17,6 +17,8 @@ When making requests to HuggingFace Inference API, replace `https://api-inferenc
 
 ## Examples
 
+### cURL
+
 ```bash title="Request"
 curl https://gateway.ai.cloudflare.com/v1/{account_id}/{gateway_id}/huggingface/bigcode/starcoder \
   --header 'Authorization: Bearer {hf_api_token}' \
@@ -26,6 +28,8 @@ curl https://gateway.ai.cloudflare.com/v1/{account_id}/{gateway_id}/huggingface/
 }'
 ```
 
+### Use HuggingFace.js library with JavaScript
+
 If you are using the HuggingFace.js library, you can set your inference endpoint like this:
 
 ```js title="JavaScript"

src/content/docs/ai-gateway/providers/index.mdx

@@ -2,6 +2,8 @@
 pcx_content_type: navigation
 title: Model providers
 sidebar:
+  group:
+    hideIndex: true
   order: 3
 ---
 

src/content/docs/ai-gateway/providers/mistral.mdx

@@ -50,7 +50,7 @@ curl -X POST https://gateway.ai.cloudflare.com/v1/{account_id}/{gateway_id}/mist
 }'
 ```
 
-### JavaScript
+### Use `@mistralai/mistralai` package with JavaScript
 
 If you are using the `@mistralai/mistralai` package, you can set your endpoint like this: