Light restructuring, wording changes, and cards in resources section for use unless other, specific resource types are added.

Author: Manny-r31

website/docs/main/compatibility-api/guides/voice/nodejs/realtime-streaming-to-openai/index.mdx

@@ -883,6 +883,12 @@ All of this happens in real-time during the conversation.
 
 ## Technical Deep Dive
 
+{/* Section reserved for future architectural explanations */}
+
+---
+
+## Audio Processing
+
 ### Audio Processing Pipeline
 
 ```mermaid
@@ -903,10 +909,6 @@ graph LR
 - **Latency**: Typically 150-300ms end-to-end
 - **Quality**: Depends on codec choice (G.711 vs PCM16)
 
----
-
-## Audio Processing
-
 ### Codec Selection Guide
 
 Choose the right audio codec for your use case:
@@ -1270,7 +1272,7 @@ DEBUG=openai-agents:* npm run dev
 ## Complete example
 
 See the GitHub repo for a complete working example, including
-weather and time function examples,
+weather and time function usage,
 error handling,
 and a production Docker setup.
 
@@ -1285,11 +1287,36 @@ and a production Docker setup.
 
 ## Resources
 
-### Documentation
-- [SignalWire Call Fabric Documentation](/platform/call-fabric)
-- [OpenAI Realtime API Guide](https://platform.openai.com/docs/guides/realtime)
-- [cXML Reference](/compatibility-api/cxml)
-- [@openai/agents SDK Documentation](https://www.npmjs.com/package/@openai/agents)
+<CardGroup cols={2}>
+  <Card
+    title="SignalWire Call Fabric Documentation"
+    href="/platform/call-fabric"
+    icon={<MdCode />}
+  >
+    Learn about SignalWire's Call Fabric platform
+  </Card>
+  <Card
+    title="OpenAI Realtime API Guide"
+    href="https://platform.openai.com/docs/guides/realtime"
+    icon={<MdCode />}
+  >
+    Official documentation for the OpenAI Realtime API
+  </Card>
+  <Card
+    title="cXML Reference"
+    href="/compatibility-api/cxml"
+    icon={<MdCode />}
+  >
+    Complete reference for Compatibility XML
+  </Card>
+  <Card
+    title="@openai/agents SDK Documentation"
+    href="https://www.npmjs.com/package/@openai/agents"
+    icon={<MdCode />}
+  >
+    NPM package documentation for the OpenAI Agents SDK
+  </Card>
+</CardGroup>
 
 <!-- Links -->