DX-2840: fix vector examples index dark mode

docs.json

@@ -1103,12 +1103,7 @@
                   "vector/tutorials/gradio-application"
                 ]
               },
-              {
-                "group": "Examples",
-                "pages": [
-                  "vector/examples"
-                ]
-              },
+              "vector/examples",
               {
                 "group": "Help",
                 "pages": [

llms-full.txt

@@ -10504,9 +10504,8 @@ Many things can go wrong in a serverless environment. If your API does not
 respond with a success status code (2XX), we retry the request to ensure every
 message will be delivered.
 
-The maximum number of retries depends on your current plan. By default, we retry
-the maximum amount of times, but you can set it lower by sending the
-`Upstash-Retries` header:
+By default, we retry a failed delivery 3 times. You can change this per message
+by sending the `Upstash-Retries` header:
 
 <CodeGroup>
 ```shell cURL
@@ -36470,12 +36469,96 @@ Example:
 # Examples
 Source: https://upstash.com/docs/vector/examples
 
-<iframe
-  src="https://vector-example-dashboard.vercel.app"
-  width="100%"
-  height="1000px"
-  style={{ border: "0" }}
-></iframe>
+A collection of examples, notebooks, and blog posts for building with Upstash Vector.
+
+<CardGroup cols={2}>
+  <Card
+    title="Image Search"
+    icon="python"
+    href="https://colab.research.google.com/drive/1y7ZBBxzEOAeSRDhyOeTxIJADxBC-0Fue"
+  >
+    Image Similarity Search using CLIP
+
+    `CLIP` `HuggingFace`
+  </Card>
+  <Card
+    title="Learn Vector Stores"
+    icon="python"
+    href="https://colab.research.google.com/drive/1CpKUuPr1458sBZkqvL6Km_HBj-IS0fNa"
+  >
+    Learn How Vector Stores Work by Building a Recommendation Engine
+  </Card>
+  <Card
+    title="RAG Chatbot"
+    icon="python"
+    href="https://colab.research.google.com/drive/1zSzb2lajFMxf6FDxDM0sUe5wpIx4KyU2"
+  >
+    RAG (Retrieval Augmented Generation) Chatbot with OpenAI and Upstash Vector
+
+    `OpenAI` `text-embedding-ada-002`
+  </Card>
+  <Card
+    title="Semantic Search with Sentence Transformers"
+    icon="python"
+    href="https://colab.research.google.com/drive/1NhqEzjKdAGfI-nhEa3pfqmBXWl2oN0Ve"
+  >
+    Semantic Search using Sentence Transformers and Upstash Vector
+
+    `Sentence Transformers` `HuggingFace`
+  </Card>
+  <Card
+    title="Semantic Search with BERT"
+    icon="python"
+    href="https://colab.research.google.com/drive/1xXSLtG2uItaBWAxXYgzwa5jo669mDk2p"
+  >
+    Semantic Search with DistilBERT on HuggingFace
+
+    `BERT` `HuggingFace`
+  </Card>
+  <Card
+    title="Semantic Search with OpenAI"
+    icon="python"
+    href="https://colab.research.google.com/drive/1WGSEe11RsG1_TwyQ09-lONOrEDwDLaC1"
+  >
+    Semantic Search with OpenAI and Upstash Vector
+
+    `OpenAI` `text-embedding-ada-002`
+  </Card>
+  <Card
+    title="API Examples"
+    icon="python"
+    href="https://colab.research.google.com/drive/1RLcGtNEkGrdj6f6yBK78cSrSdl6ht-5S"
+  >
+    Upstash Vector API Examples
+  </Card>
+  <Card
+    title="Upsy"
+    icon="js"
+    href="https://github.com/upstash/upsy"
+  >
+    Upsy is a RAG based Slackbot which remembers all conversations.
+
+    `OpenAI` `text-embedding-ada-002`
+  </Card>
+  <Card
+    title="Semantic Search on Stackoverflow"
+    icon="newspaper"
+    href="https://upstash.com/blog/semantic-search-vector"
+  >
+    Blog: Semantic Search using all-MiniLM-L6-v2 model on HuggingFace
+
+    `HuggingFace` `Sentence Transformers`
+  </Card>
+  <Card
+    title="Image Similarity Search"
+    icon="newspaper"
+    href="https://upstash.com/blog/image-similarity-search"
+  >
+    Blog: Image Search using CLIP model on HuggingFace
+
+    `HuggingFace` `CLIP`
+  </Card>
+</CardGroup>
 
 # Algorithm
 Source: https://upstash.com/docs/vector/features/algorithm

vector/examples.mdx

@@ -1,11 +1,94 @@
 ---
 title: Examples
-sidebarTitle: Examples Index
 ---
 
-<iframe
-  src="https://vector-example-dashboard.vercel.app"
-  width="100%"
-  height="1000px"
-  style={{ border: "0" }}
-></iframe>
+A collection of examples, notebooks, and blog posts for building with Upstash Vector.
+
+<CardGroup cols={2}>
+  <Card
+    title="Image Search"
+    icon="python"
+    href="https://colab.research.google.com/drive/1y7ZBBxzEOAeSRDhyOeTxIJADxBC-0Fue"
+  >
+    Image Similarity Search using CLIP
+
+    `CLIP` `HuggingFace`
+  </Card>
+  <Card
+    title="Learn Vector Stores"
+    icon="python"
+    href="https://colab.research.google.com/drive/1CpKUuPr1458sBZkqvL6Km_HBj-IS0fNa"
+  >
+    Learn How Vector Stores Work by Building a Recommendation Engine
+  </Card>
+  <Card
+    title="RAG Chatbot"
+    icon="python"
+    href="https://colab.research.google.com/drive/1zSzb2lajFMxf6FDxDM0sUe5wpIx4KyU2"
+  >
+    RAG (Retrieval Augmented Generation) Chatbot with OpenAI and Upstash Vector
+
+    `OpenAI` `text-embedding-ada-002`
+  </Card>
+  <Card
+    title="Semantic Search with Sentence Transformers"
+    icon="python"
+    href="https://colab.research.google.com/drive/1NhqEzjKdAGfI-nhEa3pfqmBXWl2oN0Ve"
+  >
+    Semantic Search using Sentence Transformers and Upstash Vector
+
+    `Sentence Transformers` `HuggingFace`
+  </Card>
+  <Card
+    title="Semantic Search with BERT"
+    icon="python"
+    href="https://colab.research.google.com/drive/1xXSLtG2uItaBWAxXYgzwa5jo669mDk2p"
+  >
+    Semantic Search with DistilBERT on HuggingFace
+
+    `BERT` `HuggingFace`
+  </Card>
+  <Card
+    title="Semantic Search with OpenAI"
+    icon="python"
+    href="https://colab.research.google.com/drive/1WGSEe11RsG1_TwyQ09-lONOrEDwDLaC1"
+  >
+    Semantic Search with OpenAI and Upstash Vector
+
+    `OpenAI` `text-embedding-ada-002`
+  </Card>
+  <Card
+    title="API Examples"
+    icon="python"
+    href="https://colab.research.google.com/drive/1RLcGtNEkGrdj6f6yBK78cSrSdl6ht-5S"
+  >
+    Upstash Vector API Examples
+  </Card>
+  <Card
+    title="Upsy"
+    icon="js"
+    href="https://github.com/upstash/upsy"
+  >
+    Upsy is a RAG based Slackbot which remembers all conversations.
+
+    `OpenAI` `text-embedding-ada-002`
+  </Card>
+  <Card
+    title="Semantic Search on Stackoverflow"
+    icon="newspaper"
+    href="https://upstash.com/blog/semantic-search-vector"
+  >
+    Blog: Semantic Search using all-MiniLM-L6-v2 model on HuggingFace
+
+    `HuggingFace` `Sentence Transformers`
+  </Card>
+  <Card
+    title="Image Similarity Search"
+    icon="newspaper"
+    href="https://upstash.com/blog/image-similarity-search"
+  >
+    Blog: Image Search using CLIP model on HuggingFace
+
+    `HuggingFace` `CLIP`
+  </Card>
+</CardGroup>