From 3e8a0ed0f82aed7bea1f40d2c1b6315eb778ffdc Mon Sep 17 00:00:00 2001
From: Rick Staa <rick.staa@outlook.com>
Date: Thu, 12 Dec 2024 21:11:06 +0100
Subject: [PATCH] docs(ai): align pipeline card order wide sidebar order (#695)

This commit ensure that the order of the cards align with the sidebar
order.
---
 ai/pipelines/overview.mdx | 44 ++++++++++++++++++++-------------------
 1 file changed, 23 insertions(+), 21 deletions(-)

diff --git a/ai/pipelines/overview.mdx b/ai/pipelines/overview.mdx
index ab97bbb3..fd987c61 100644
--- a/ai/pipelines/overview.mdx
+++ b/ai/pipelines/overview.mdx
@@ -51,28 +51,28 @@ The Livepeer AI network currently supports the following generative AI
 pipelines:
 
 <CardGroup cols={2}>
-  <Card title="Text-to-Image" icon="image" href="/ai/pipelines/text-to-image">
-    The text-to-image pipeline generates high-quality images from text
-    descriptions
+  <Card
+    title="Audio-to-Text"
+    icon="message-dots"
+    href="/ai/pipelines/audio-to-text"
+  >
+    The audio-to-text pipeline uses automatic speech recognition (ASR) to
+    translate audio to text with timestamps
   </Card>
   <Card title="Image-to-Image" icon="image" href="/ai/pipelines/image-to-image">
     The image-to-image pipeline enables advanced image manipulations, including
     style transfer, image enhancement, and more
   </Card>
-  <Card title="Image-to-Video" icon="video" href="/ai/pipelines/image-to-video">
-    The image-to-video pipeline creates animated high-quality videos from images
-  </Card>
-  <Card title="Upscale" icon="image" href="/ai/pipelines/upscale">
-    The upscale pipeline transforms low-resolution images into high-quality ones
-    without distortion
-  </Card>
   <Card
-    title="Audio-to-Text"
+    title="Image-to-Text"
     icon="message-dots"
-    href="/ai/pipelines/audio-to-text"
+    href="/ai/pipelines/image-to-text"
   >
-    The audio-to-text pipeline uses automatic speech recognition (ASR) to
-    translate audio to text with timestamps
+    The image-to-text pipeline generates captions for input images, with an
+    optional prompt to guide the process.
+  </Card>
+  <Card title="Image-to-Video" icon="video" href="/ai/pipelines/image-to-video">
+    The image-to-video pipeline creates animated high-quality videos from images
   </Card>
   <Card
     title="Segment-Anything-2"
@@ -82,18 +82,20 @@ pipelines:
     The segment-anything-2 pipeline offers promptable visual segmentation for
     images and videos.
   </Card>
+  <Card title="Text-to-Image" icon="image" href="/ai/pipelines/text-to-image">
+    The text-to-image pipeline generates high-quality images from text
+    descriptions
+  </Card>
   <Card
     title="Text-to-Speech"
     icon="message-dots"
     href="/ai/pipelines/text-to-speech"
   >
-    The text-to-speech pipeline generates high-quality, natural sounding speech in the style of a given speaker (gender, pitch, speaking style, etc).
+    The text-to-speech pipeline generates high-quality, natural sounding speech
+    in the style of a given speaker (gender, pitch, speaking style, etc).
   </Card>
-  <Card
-    title="Image-to-Text"
-    icon="message-dots"
-    href="/ai/pipelines/image-to-text"
-  >
-    The image-to-text pipeline generates captions for input images, with an optional prompt to guide the process.
+  <Card title="Upscale" icon="image" href="/ai/pipelines/upscale">
+    The upscale pipeline transforms low-resolution images into high-quality ones
+    without distortion
   </Card>
 </CardGroup>