fix(ai): update hero headline and make AI WG badge a link

- Replace hero headline with 'The API language for humans and agents'.
- Wrap the 'New: GraphQL AI Working Group' badge in a link to
  https://github.com/graphql/ai-wg/.
- Update openGraph/twitter metadata titles to match the new headline.

Author: aexol

src/app/(main)/ai/components/hero.tsx

@@ -40,20 +40,21 @@ export function Hero() {
       <div className="gql-container relative">
         <div className="flex flex-col items-center px-4 pb-16 pt-24 text-center lg:min-h-[640px] lg:justify-center lg:pb-24 lg:pt-32 xl:min-h-[720px] xl:px-24 xl:pt-40">
           {/* Badge */}
-          <div className="mb-8 inline-flex items-center gap-2 rounded-full border border-sec-light/30 bg-sec-light/10 px-4 py-1.5 backdrop-blur-sm">
+          <a
+            href="https://github.com/graphql/ai-wg/"
+            className="mb-8 inline-flex items-center gap-2 rounded-full border border-sec-light/30 bg-sec-light/10 px-4 py-1.5 backdrop-blur-sm transition-colors hover:bg-sec-light/20"
+          >
             <span className="relative flex size-2">
               <span className="absolute inline-flex size-2 animate-ping rounded-full bg-sec-base opacity-75" />
               <span className="relative inline-flex size-2 rounded-full bg-sec-base" />
             </span>
             <span className="typography-body-sm font-medium text-sec-light">
               New: GraphQL AI Working Group
             </span>
-          </div>
+          </a>
 
           <h1 className="typography-h1 max-w-4xl text-balance">
-            The API protocol
-            <br />
-            <span className="text-sec-light">for intelligent systems</span>
+            The API language for humans and agents
           </h1>
 
           <p className="typography-body-lg mt-6 max-w-2xl text-pretty text-white/80">

src/app/(main)/ai/page.tsx

@@ -13,7 +13,7 @@ export const metadata: Metadata = {
   description:
     "Discover how GraphQL's self-describing schemas, strong typing, and composability make it the ideal API protocol for AI systems, MCP servers, and LLM-powered applications.",
   openGraph: {
-    title: "GraphQL & AI — The API protocol for intelligent systems",
+    title: "GraphQL & AI — The API language for humans and agents",
     description:
       "When AI agents need to interact with APIs, GraphQL's self-describing schemas, strong typing, and composable queries make it the natural choice.",
   },