feat: add agent components section and update agents page content

- Created AgentComponents table showcasing building blocks of sovereign agents
- Added CallToAction section with deployment and documentation links
- Updated hero and deployment sections to clarify agent layer timeline and current capabilities

src/pages/agents/GallerySection.tsx

@@ -53,14 +53,13 @@ export function GallerySection() {
         <FadeIn transition={{ duration: 0.8, delay: 0.1 }}>
           <div className="mx-auto max-w-5xl lg:mt-12">
             <Eyebrow color="accent">Use Cases</Eyebrow>
-            <SectionHeader className="text-center" color="dark">Agents with Endless Possibilities.</SectionHeader>
+            <SectionHeader className="text-center" color="dark">What Agents Will Enable</SectionHeader>
           </div>
         </FadeIn>
         <FadeIn transition={{ duration: 0.8, delay: 0.2 }}>
           <div className="mx-auto max-w-4xl mt-6 lg:px-0 px-4">
             <P className="text-center" color="dark">
-            Your private agent coordinates a team of specialists that spin up on demand, collaborate across your world, and deliver end-to-end results.
-            Many agents, one intelligence—yours.
+            The Agent layer is the coordination layer that sits on top of the Mycelium Stack, combining memory, execution, and secure communication into a single intelligence plane.
             </P>
           </div>
         </FadeIn>