Reorder use cases on home page

Author: yatarkan

site/src/pages/_sections/HeroSection/PipelinesCarousel/index.tsx

@@ -29,18 +29,18 @@ print(ov_pipe.generate("The Sun is yellow because"))`,
     Icon: ImageIcon,
     code: `ov_pipe = ov_genai.Text2ImagePipeline("Flux")
 image = ov_pipe.generate("Create beautiful Sun")`,
-  },
-  {
-    title: 'Speech Recognition API',
-    Icon: SoundIcon,
-    code: `ov_pipe = ov_genai.WhisperPipeline("whisper-base")
-print(ov_pipe.generate(read_wav("sample.wav")))`,
   },
   {
     title: 'Image Processing API',
     Icon: ImageIcon,
     code: `ov_pipe = ov_genai.VLMPipeline("LLaVA")
 print(ov_pipe.generate("Describe images", images))`,
+  },
+  {
+    title: 'Speech Recognition API',
+    Icon: SoundIcon,
+    code: `ov_pipe = ov_genai.WhisperPipeline("whisper-base")
+print(ov_pipe.generate(read_wav("sample.wav")))`,
   },
   {
     title: 'Speech Generation API',

site/src/pages/_sections/UseCasesSection/index.tsx

@@ -19,9 +19,9 @@ export const UseCasesSection = () => (
     <div className={styles.sectionContent}>
       <TextGeneration />
       <ImageGeneration />
+      <ImageProcessing />
       <SpeechRecognition />
       <SpeechGeneration />
-      <ImageProcessing />
       <TextEmbedding />
       <TextRerank />
     </div>