feat: allow explicit img w/o zoom

Author: dtbuchholz

app/[[...slug]]/page.tsx

@@ -4,6 +4,7 @@ import { ImageZoom, type ImageZoomProps } from "fumadocs-ui/components/image-zoo
 import { Step, Steps } from "fumadocs-ui/components/steps";
 import { Tab, Tabs } from "fumadocs-ui/components/tabs";
 import { TypeTable } from "fumadocs-ui/components/type-table";
+import Image, { type ImageProps } from "next/image";
 import { notFound } from "next/navigation";
 import { HTMLAttributes } from "react";
 
@@ -26,6 +27,7 @@ const defaultMdxComponents = {
   Tab,
   Tabs,
   TypeTable,
+  ImageNoZoom: (props: ImageProps) => <Image {...props} />,
   img: (props: ImageZoomProps) => <ImageZoom {...props} />,
   Card: (props: CardProps) => <Card {...props} />,
   Cards: (props: HTMLAttributes<HTMLDivElement>) => <Cards {...props} />,

docs/partners.mdx

@@ -18,14 +18,14 @@ platform.
     description="Eliza is a powerful multi-agent simulation framework designed to create, deploy, and manage autonomous AI agents. Built with TypeScript, it provides a flexible and extensible platform for developing intelligent agents that can interact across multiple platforms while maintaining consistent personalities and knowledge."
     icon={
       <>
-        <img
+        <ImageNoZoom
           src="/img/partners/eliza-light.svg"
           alt="Eliza"
           width={100}
           height={48}
           className="hidden h-12 w-auto object-contain dark:block"
         />
-        <img
+        <ImageNoZoom
           src="/img/partners/eliza-dark.svg"
           alt="Eliza"
           width={100}
@@ -41,14 +41,14 @@ platform.
     description="Gaia is building a decentralized ecosystem to support AI applications that learn, improve, and grow over time."
     icon={
       <>
-        <img
+        <ImageNoZoom
           src="/img/partners/gaia-network-light.svg"
           alt="Gaia Network"
           width={100}
           height={48}
           className="hidden h-12 w-auto object-contain dark:block"
         />
-        <img
+        <ImageNoZoom
           src="/img/partners/gaia-network-dark.svg"
           alt="Gaia Network"
           width={100}
@@ -65,14 +65,14 @@ platform.
     description="Lilypad is a serverless, distributed compute network that enables internet-scale data processing for AI, ML, and other arbitrary computation. Unleashing idle processing power by leveraging decentralized infrastructure networks, Lilypad unlocks a new marketplace for compute, making AI more accessible, efficient, and transparent for developers and users."
     icon={
       <>
-        <img
+        <ImageNoZoom
           src="/img/partners/lilypad-light.svg"
           alt="Lilypad"
           width={100}
           height={48}
           className="hidden h-12 w-auto object-contain dark:block"
         />
-        <img
+        <ImageNoZoom
           src="/img/partners/lilypad-dark.svg"
           alt="Lilypad"
           width={100}
@@ -88,14 +88,14 @@ platform.
     description="Lit is the programmable key management network powering interoperability, user-owned data, and agent wallets."
     icon={
       <>
-        <img
+        <ImageNoZoom
           src="/img/partners/lit-protocol-light.svg"
           alt="Lit"
           width={100}
           height={48}
           className="hidden h-12 w-auto object-contain dark:block"
         />
-        <img
+        <ImageNoZoom
           src="/img/partners/lit-protocol-dark.svg"
           alt="Lit"
           width={100}
@@ -111,14 +111,14 @@ platform.
     description="Rhinestone provides infrastructure and tooling for intent-powered smart wallets, allowing agents to request onchain permissions from users and instantly transact across anychain with a users balance from any chain. Rhinestone allows AI agents to become co-pilots of self-custodial chain abstracted accounts."
     icon={
       <>
-        <img
+        <ImageNoZoom
           src="/img/partners/rhinestone-light.svg"
           alt="Rhinestone"
           width={100}
           height={48}
           className="hidden h-12 w-auto object-contain dark:block"
         />
-        <img
+        <ImageNoZoom
           src="/img/partners/rhinestone-dark.svg"
           alt="Rhinestone"
           width={100}
@@ -134,14 +134,14 @@ platform.
     description="Terminal 3 is a privacy-first data and identity infrastructure that powers secure, compliant credential applications. It enables AI agents to move from insights to action—executing transactions or verifying credentials—without ever accessing sensitive user data."
     icon={
       <>
-        <img
+        <ImageNoZoom
           src="/img/partners/terminal-3-light.svg"
           alt="Terminal3"
           width={100}
           height={48}
           className="hidden h-12 w-auto object-contain dark:block"
         />
-        <img
+        <ImageNoZoom
           src="/img/partners/terminal-3-dark.svg"
           alt="Terminal3"
           width={100}