initial commit: slides ready + upgraded

slides/pages/introduction/11.md

@@ -0,0 +1,59 @@
+---
+layout: default
+---
+
+# Arquitectura de Componentes
+
+<p class="text-sm opacity-80 -mt-2">Los componentes trabajan juntos para crear aplicaciones AI sofisticadas</p>
+
+<div class="mt-4">
+
+## 🧩 Seis Categorías Principales
+
+<div class="grid grid-cols-3 gap-3 mt-4 text-sm">
+
+<v-click>
+<div class="border-l-4 border-blue-500 pl-3 py-1">
+  <h3 class="font-bold text-base">📝 Models</h3>
+  <p class="text-xs opacity-80">Chat, LLMs, embeddings</p>
+</div>
+</v-click>
+
+<v-click>
+<div class="border-l-4 border-green-500 pl-3 py-1">
+  <h3 class="font-bold text-base">🔧 Tools</h3>
+  <p class="text-xs opacity-80">APIs, búsquedas, DBs</p>
+</div>
+</v-click>
+
+<v-click>
+<div class="border-l-4 border-purple-500 pl-3 py-1">
+  <h3 class="font-bold text-base">🤖 Agents</h3>
+  <p class="text-xs opacity-80">Orquestación y razonamiento</p>
+</div>
+</v-click>
+
+<v-click>
+<div class="border-l-4 border-yellow-500 pl-3 py-1">
+  <h3 class="font-bold text-base">💾 Memory</h3>
+  <p class="text-xs opacity-80">Historia y estado</p>
+</div>
+</v-click>
+
+<v-click>
+<div class="border-l-4 border-red-500 pl-3 py-1">
+  <h3 class="font-bold text-base">🔍 Retrievers</h3>
+  <p class="text-xs opacity-80">Búsqueda vectorial y web</p>
+</div>
+</v-click>
+
+<v-click>
+<div class="border-l-4 border-orange-500 pl-3 py-1">
+  <h3 class="font-bold text-base">📄 Documents</h3>
+  <p class="text-xs opacity-80">Loaders, splitters</p>
+</div>
+</v-click>
+
+</div>
+
+</div>