feat: seo optimization p1

components/agents.tsx

@@ -1,3 +1,4 @@
+import Image from 'next/image'
 import { CheckCircle2 } from 'lucide-react'
 
 const agents = [
@@ -42,7 +43,7 @@ export function Agents() {
               rel="noopener noreferrer"
               className="group flex items-center gap-2.5 sm:gap-3 p-3 sm:p-4 rounded-lg border border-border/40 bg-card/30 hover:border-primary/20 hover:bg-card/50 transition-all cursor-pointer"
             >
-              <img
+              <Image
                 src={`https://github.com/${agent.org}.png?size=64`}
                 alt={agent.name}
                 width={28}