diff --git a/app/components/AgentAssets.tsx b/app/components/AgentAssets.tsx
index 69c695a..a8fbe51 100644
--- a/app/components/AgentAssets.tsx
+++ b/app/components/AgentAssets.tsx
@@ -1,5 +1,6 @@
 import { NFTMintCard } from '@coinbase/onchainkit/nft';
 import { NFTCollectionTitle } from '@coinbase/onchainkit/nft/mint';
+import { NFTMedia } from '@coinbase/onchainkit/nft/view';
 import { type Token, TokenRow } from '@coinbase/onchainkit/token';
 import { useCallback, useEffect, useMemo, useState } from 'react';
 import { type Address, erc721Abi } from 'viem';
@@ -45,6 +46,7 @@ function AgentNFT({ tokenAddress }: AgentAssetProps) {
 
   return (
     <NFTMintCard contractAddress={tokenAddress} useNFTData={() => nftData}>
+      <NFTMedia />
       <NFTCollectionTitle className="font-mono text-sm" />
     </NFTMintCard>
   );
diff --git a/app/images/1.png b/app/images/1.png
new file mode 100644
index 0000000..81d5f1c
Binary files /dev/null and b/app/images/1.png differ
diff --git a/app/images/2.png b/app/images/2.png
new file mode 100644
index 0000000..efce3f6
Binary files /dev/null and b/app/images/2.png differ
diff --git a/app/images/3.png b/app/images/3.png
new file mode 100644
index 0000000..2052124
Binary files /dev/null and b/app/images/3.png differ
diff --git a/app/images/4.png b/app/images/4.png
new file mode 100644
index 0000000..e5f7092
Binary files /dev/null and b/app/images/4.png differ
diff --git a/app/images/5.png b/app/images/5.png
new file mode 100644
index 0000000..44c662f
Binary files /dev/null and b/app/images/5.png differ
diff --git a/app/images/6.png b/app/images/6.png
new file mode 100644
index 0000000..3b39fed
Binary files /dev/null and b/app/images/6.png differ
diff --git a/app/images/7.png b/app/images/7.png
new file mode 100644
index 0000000..37be953
Binary files /dev/null and b/app/images/7.png differ
diff --git a/app/images/8.png b/app/images/8.png
new file mode 100644
index 0000000..6d6a956
Binary files /dev/null and b/app/images/8.png differ