refactor: standardize background color to #121212

- Replaced inconsistent gray-900 and #171717 background colors with unified #121212 across all pages
- Removed unused imports from multiple component files
- Cleaned up trailing spaces in className attributes

src/pages/agents/AgentBento.tsx

@@ -94,12 +94,12 @@ export function AgentBento() {
             >
               {!card.noBorder && (
                 <div
-                  className={`absolute inset-0 rounded-md border border-gray-800 bg-[#111212] ${card.rounded}`}
+                  className={`absolute inset-0 rounded-md border border-gray-800 bg-[#111212] `}
                 />
               )}
 
               <div
-                className={`relative flex lg:h-90 flex-col overflow-hidden rounded-[calc(var(--radius-lg)+1px)] ${card.innerRounded}`}
+                className={`relative flex lg:h-90 flex-col overflow-hidden rounded-[calc(var(--radius-lg)+1px)] `}
               >
                 {/* ✅ VIDEO instead of animation */}
                 {card.video ? (
@@ -145,7 +145,7 @@ export function AgentBento() {
 
               {!card.noBorder && (
                 <div
-                  className={`pointer-events-none absolute inset-0 rounded-lg shadow-sm outline outline-black/5 ${card.rounded}`}
+                  className={`pointer-events-none absolute inset-0 rounded-lg shadow-sm outline outline-black/5 `}
                 />
               )}
             </div>

src/pages/agents/BentoSection.tsx

@@ -69,7 +69,7 @@ export function BentoSection() {
               whileInView={{ opacity: 1, y: 0 }}
               viewport={{ once: true, amount: 0.2 }}
               transition={{ duration: 0.45, delay: index * 0.1, ease: 'easeOut' }}
-              className="overflow-hidden rounded-2xl border border-gray-800 bg-gray-900 p-6 transition-all duration-300 hover:scale-105 hover:border-cyan-500 hover:shadow-lg"
+              className="overflow-hidden rounded-2xl border border-gray-800 bg-[#121212]  p-6 transition-all duration-300 hover:scale-105 hover:border-cyan-500 hover:shadow-lg"
             >
               <video
                 src={item.video}

src/pages/agents/Companies.tsx

@@ -1,7 +1,5 @@
 "use client";
 
-import { motion } from "framer-motion";
-import { P, Eyebrow } from "@/components/Texts";
 import { InfiniteMovingCards } from "@/components/magicui/infinite-moving-cards";