refactor: simplify infinite-moving-cards and redesign agents page layout

- Removed getDirection callback in favor of inline style calculation for cleaner animation control
- Replaced BentoSection and AgentComponents with unified AgentBento component featuring video backgrounds and updated card structure
- Standardized border styling across CallToAction components (gray-700 → gray-800) for consistent visual hierarchy

src/pages/agents/AgentsPage.tsx

@@ -2,10 +2,9 @@ import { AnimatedSection } from '../../components/AnimatedSection'
 import { DeploySection } from './DeploySection'
 import { GallerySection } from './GallerySection'
 import { Companies } from './Companies'
-import { BentoSection } from './BentoSection'
+import { AgentBento } from './AgentBento'
 import { AgentHeroAlt } from './AgentHeroAlt'
 import { CallToAction } from './CallToAction'
-import { AgentComponents } from './AgentComponents'
 
 export default function AgentsPage() {
   return (
@@ -27,11 +26,7 @@ export default function AgentsPage() {
       </AnimatedSection>
 
       <AnimatedSection>
-        <BentoSection />
-      </AnimatedSection>
-
-      <AnimatedSection>
-        <AgentComponents />
+        <AgentBento />
       </AnimatedSection>
 
       <AnimatedSection>