docs: Reorder the "Re-thinking Backend Development" section and add "RealWorld Example" and "Error Handling" cards.

Author: yamcodes

apps/www/content/docs/(architecture)/index.mdx

@@ -3,14 +3,6 @@ title: Welcome to Bedstack
 description: Bedstack is a bleeding-edge tech stack and architecture for building high-performance TypeScript backends.
 ---
 
-## Re-thinking Backend Development
-
-Bedstack is a modular, layered architecture designed for developers who demand both extreme performance and absolute typesafety. By combining **Bun**, **Elysia**, **Drizzle**, and **ArkType**, Bedstack provides a cohesive framework for building production-ready APIs.
-
----
-
-## Explore the Architecture
-
 <Cards>
   <Card
     title="Core Architecture"
@@ -27,8 +19,17 @@ Bedstack is a modular, layered architecture designed for developers who demand b
     href="/docs/what-is-bedstack"
     description="Discover the 'why' behind Bedstack and our commitment to performance and typesafety."
   />
+  <Card
+    title="RealWorld Example"
+    href="/docs/realworld"
+    description="Explore our RealWorld reference implementation: Conduit."
+  />
 </Cards>
 
+## Re-thinking Backend Development
+
+Bedstack is a modular, layered architecture designed for developers who demand both extreme performance and absolute typesafety. By combining **Bun**, **Elysia**, **Drizzle**, and **ArkType**, Bedstack provides a cohesive framework for building production-ready APIs.
+
 ---
 
 ## Core Patterns
@@ -49,6 +50,11 @@ Bedstack is a modular, layered architecture designed for developers who demand b
     href="/docs/authentication"
     description="JWT-based security with native Bun performance."
   />
+  <Card
+    title="Error Handling"
+    href="/docs/error-handling"
+    description="Consistent error responses with ArkType."
+  />
 </Cards>
 
 ---