fix: move Glama badge inline with shields row, same height

Glama score.svg is 110x20px — designed for inline use alongside
shields.io badges. Single cohesive row with Glama leading by position,
not by size separation. Follows Express/Vite/Next.js badge convention.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

Author: irparent

website/src/components/hero.tsx

@@ -6,13 +6,8 @@ import { RotatingWords } from "./rotating-words";
 
 const COMPAT = ["Claude Desktop", "Cursor", "Claude Code", "Windsurf", "LangChain", "CrewAI", "MCP SDK", "AutoGen"];
 
-const GLAMA = {
-  src: "https://glama.ai/mcp/servers/iris-eval/mcp-server/badges/score.svg",
-  alt: "Glama AAA Score",
-  href: "https://glama.ai/mcp/servers/iris-eval/mcp-server",
-};
-
 const BADGES = [
+  { src: "https://glama.ai/mcp/servers/iris-eval/mcp-server/badges/score.svg", alt: "Glama AAA Score", href: "https://glama.ai/mcp/servers/iris-eval/mcp-server" },
   { src: "https://img.shields.io/npm/v/@iris-eval/mcp-server?style=flat-square&color=0d9488&label=npm", alt: "npm version", href: "https://www.npmjs.com/package/@iris-eval/mcp-server" },
   { src: "https://img.shields.io/npm/dt/@iris-eval/mcp-server?style=flat-square&color=0d9488&label=downloads", alt: "npm downloads", href: "https://www.npmjs.com/package/@iris-eval/mcp-server" },
   { src: "https://img.shields.io/github/stars/iris-eval/mcp-server?style=flat-square&color=0d9488", alt: "GitHub stars", href: "https://github.com/iris-eval/mcp-server" },
@@ -36,22 +31,14 @@ export function Hero(): React.ReactElement {
           className="mx-auto max-w-4xl text-center"
         >
           {/* Open Source badge pill */}
-          <div className="mb-4 inline-flex items-center gap-2.5 rounded-full border border-border-default bg-bg-raised/80 px-4 py-1.5 backdrop-blur-sm">
+          <div className="mb-6 inline-flex items-center gap-2.5 rounded-full border border-border-default bg-bg-raised/80 px-4 py-1.5 backdrop-blur-sm">
             <span className="pulse-dot inline-block h-2 w-2 rounded-full bg-eval-pass" />
             <span className="font-mono text-[13px] text-text-secondary">
               Open Source
             </span>
           </div>
 
-          {/* Glama AAA trust badge — own row */}
-          <div className="mb-4 flex justify-center">
-            <a href={GLAMA.href} target="_blank" rel="noopener noreferrer">
-              {/* eslint-disable-next-line @next/next/no-img-element */}
-              <img src={GLAMA.src} alt={GLAMA.alt} height={24} className="h-6" />
-            </a>
-          </div>
-
-          {/* Shields.io badges row */}
+          {/* Badges row — Glama AAA leads, then shields.io */}
           <div className="mb-8 flex flex-wrap items-center justify-center gap-2">
             {BADGES.map((b) => (
               <a key={b.alt} href={b.href} target="_blank" rel="noopener noreferrer">