refactor: convert agent bento cards from videos to React animation components

- Replaced video paths with imported animation components (Fungistor, Herodb, MOSSandboxes, etc.)
- Added new AgentDesign and AgentUseCase sections to agents page
- Updated hero copy to emphasize private, sovereign AI and 2026 timeline
- Reorganized page layout with new sections between existing components

src/pages/pods/PodsComing.tsx

@@ -4,7 +4,6 @@ import {
   UsersIcon,
   CpuChipIcon,
 } from '@heroicons/react/24/solid'
-import { Button } from '@/components/Button'
 import { Eyebrow, H4, P } from '@/components/Texts'
 
 export function PodsComing() {

src/pages/pods/PodsFeatures.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { Container } from "@/components/Container";
-import { CP, Small } from "@/components/Texts";
+import { Small } from "@/components/Texts";
 
 const useCases = [
   {

src/pages/pods/PodsPage.tsx

@@ -5,7 +5,6 @@ import { PodsFeatures } from './PodsFeatures';
 import { PodsDesign } from './PodsDesign';
 import { PodsBenefits } from './PodsBenefits';
 import { PodsComing } from './PodsComing';
-import { PodsPricing } from './PodsPricing';
 import { CallToAction } from './CallToAction';
 
 const PodsPage = () => {

src/pages/pods/PodsPricing.tsx

@@ -1,5 +1,5 @@
 import { CheckIcon } from "@heroicons/react/20/solid";
-import { Eyebrow, H3, H4 } from "@/components/Texts";
+import { Eyebrow, H3 } from "@/components/Texts";
 
 const tiers = [
   {