Updated examples cards

Author: D-K-P

docs/snippets/realtime-examples-cards.mdx

@@ -1,6 +1,14 @@
 ## Examples
 
 <CardGroup cols={2}>
+  <Card
+    title="Claude Thinking Chatbot"
+    icon="messages"
+    href="/guides/example-projects/claude-thinking-chatbot"
+  >
+    A chatbot using the AI SDK that demonstrates Anthropic Claude 3.7's thinking capabilities through the Realtime API and
+    react hooks.
+  </Card>
   <Card
     title="Image Generation with fal.ai"
     icon="image"
@@ -25,14 +33,6 @@
     A Next.js app that uses the Realtime API and react hooks to evaluate language model responses on
     the frontend in real-time.
   </Card>
-  <Card
-    title="Claude Thinking Chatbot"
-    icon="messages"
-    href="/guides/example-projects/claude-thinking-chatbot"
-  >
-    A chatbot that demonstrates Claude 3.7's thinking capabilities through the Realtime API and
-    react hooks.
-  </Card>
 
 </CardGroup>