diff --git a/src/pages/Agents.tsx b/src/pages/Agents.tsx
index 03c88fd..04424b0 100644
--- a/src/pages/Agents.tsx
+++ b/src/pages/Agents.tsx
@@ -33,9 +33,9 @@ export default function AgentsPage() {
         <div className="mx-auto max-w-7xl px-6">
           <div className="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
             {agents.map((a, i) => (
-              <Card key={i} className="bg-white/70 dark:bg-white/5 backdrop-blur-xl border-stone-200 dark:border-white/10 rounded-2xl overflow-hidden hover:-translate-y-2 hover:shadow-xl transition-all duration-300 group animate-fade-up" style={{ animationDelay: `\${i * 100}ms` }}>
+              <Card key={i} className="bg-white/70 dark:bg-white/5 backdrop-blur-xl border-stone-200 dark:border-white/10 rounded-2xl overflow-hidden hover:-translate-y-2 hover:shadow-xl transition-all duration-300 group animate-fade-up" style={{ animationDelay: `${i * 100}ms` }}>
                 <CardContent className="p-8 text-center">
-                  <div className={`w-24 h-24 rounded-full bg-gradient-to-br \${a.gradient} flex items-center justify-center text-white text-2xl font-bold mx-auto mb-5 shadow-lg group-hover:scale-110 transition-transform duration-300`}>{a.init}</div>
+                  <div className={`w-24 h-24 rounded-full bg-gradient-to-br ${a.gradient} flex items-center justify-center text-white text-2xl font-bold mx-auto mb-5 shadow-lg group-hover:scale-110 transition-transform duration-300`}>{a.init}</div>
                   <h3 className="text-xl font-bold text-stone-900 dark:text-white">{a.name}</h3>
                   <p className="text-sm text-stone-500 dark:text-stone-400 mt-1">{a.title}</p>
                   <Badge className="mt-3 bg-emerald-100 text-emerald-700 dark:bg-emerald-600/20 dark:text-emerald-400">{a.spec}</Badge>