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/home/archive/HomeFeaturesDark.tsx

@@ -42,7 +42,7 @@ export function HomeFeaturesDark() {
         <div className="mx-auto mt-16 max-w-2xl lg:max-w-7xl">
           <div className="grid grid-cols-1 gap-x-12 gap-y-12 lg:grid-cols-3">
             {features.map((feature) => (
-                                          <div key={feature.name} className="relative flex flex-col p-8 rounded-3xl border border-gray-700 bg-gray-900/50 backdrop-blur-lg overflow-hidden shadow-2xl hover:shadow-cyan-500/40 hover:border-cyan-500 hover:scale-105 transform transition-all duration-300">
+                                          <div key={feature.name} className="relative flex flex-col p-8 rounded-3xl border border-gray-800 bg-gray-900/50 backdrop-blur-lg overflow-hidden shadow-2xl hover:shadow-cyan-500/40 hover:border-cyan-500 hover:scale-105 transform transition-all duration-300">
                                                 <div className="w-20 h-20 bg-gray-800/80 rounded-full flex items-center justify-center">
                   <feature.icon className="h-12 w-12 text-cyan-500" />
                 </div>