diff --git a/components/Head.tsx b/components/Head.tsx
index 628d9a847..ccaa16098 100644
--- a/components/Head.tsx
+++ b/components/Head.tsx
@@ -1,5 +1,6 @@
 import { FC } from 'react'
 import NextHead from 'next/head'
+import { Token } from '@reservoir0x/reservoir-kit-ui'
 
 type Props = {
   ogImage?: string
@@ -16,7 +17,7 @@ type Props = {
  */
 export const Head: FC<Props> = ({
   ogImage = 'https://explorer.reservoir.tools/og-image.png',
-  title = 'Reservoir | Multi-Chain NFT Explorer',
+  title = 'Reservoir | Multi-Chain NF`T Explorer',
   description = 'Reservoir Multi-Chain NFT Explorer is an open source NFT explorer built with Reservoir.',
   metatags = null,
 }) => {
diff --git a/components/frames/index.tsx b/components/frames/index.tsx
new file mode 100644
index 000000000..76de0bec0
--- /dev/null
+++ b/components/frames/index.tsx
@@ -0,0 +1,33 @@
+import { Token } from '@reservoir0x/reservoir-kit-ui'
+import { useMarketplaceChain } from 'hooks'
+
+interface Props {
+  token: Token
+}
+
+const Frame: React.FC<Props> = ({ token }) => {
+  const marketplaceChain = useMarketplaceChain()
+
+  return (
+    <>
+      {/* Warpcast NFT Old Spec */}
+      <meta
+        property="eth:nft:collection"
+        content={`Farcaster: ${token.token?.name}`}
+      />
+      <meta
+        property="eth:nft:contract_address"
+        content={`${token.token?.contract}`}
+      />
+      <meta
+        property="eth:nft:creator_address"
+        content="0xbc698ce1933afb2980d4a5a0f85fea1b02fbb1c9"
+      />
+      <meta
+        property="eth:nft:schema"
+        content={token.token?.kind?.toUpperCase()}
+      />
+      <meta property="eth:nft:media_url" content={token.token?.imageSmall} />
+    </>
+  )
+}
diff --git a/components/portfolio/ApprovalCollapsible.tsx b/components/portfolio/ApprovalCollapsible.tsx
index 1c0bd3e1b..55a59f1f1 100644
--- a/components/portfolio/ApprovalCollapsible.tsx
+++ b/components/portfolio/ApprovalCollapsible.tsx
@@ -29,14 +29,12 @@ const Img = styled('img', {
 type Props = {
   item: NonNullable<NonNullable<Execute['steps']>[0]['items']>[0]
   batchListingData: BatchListingData[]
-  selectedMarketplaces: Marketplace[]
   open?: boolean
 }
 
 export const ApprovalCollapsible: FC<Props> = ({
   item,
   batchListingData,
-  selectedMarketplaces,
   open,
 }) => {
   const [collapsibleOpen, setCollapsibleOpen] = useState(false)
@@ -45,37 +43,6 @@ export const ApprovalCollapsible: FC<Props> = ({
 
   const orderIndexes = item?.orderIndexes || []
 
-  const marketplacesSeekingApproval = useMemo(() => {
-    let uniqueMarketplaces: Marketplace[] = []
-
-    orderIndexes.forEach((orderIndex) => {
-      if (batchListingData[orderIndex]) {
-        const listing = batchListingData[orderIndex].listing
-
-        const marketplace = selectedMarketplaces.find(
-          (m) => m.orderbook === listing.orderbook
-        )
-
-        if (
-          marketplace &&
-          !uniqueMarketplaces.find(
-            (uniqueMarketplace) =>
-              uniqueMarketplace.orderbook === marketplace.orderbook
-          )
-        ) {
-          uniqueMarketplaces.push(marketplace)
-        }
-      }
-    })
-    return uniqueMarketplaces
-  }, [orderIndexes, item, batchListingData])
-
-  const marketplaceNames = useMemo(() => {
-    return marketplacesSeekingApproval
-      .map((marketplace) => marketplace.name)
-      .join(' and ')
-  }, [marketplacesSeekingApproval])
-
   const collectionImage: string = useMemo(() => {
     const token = batchListingData[orderIndexes[0]]?.token?.token
     return (
@@ -166,12 +133,9 @@ export const ApprovalCollapsible: FC<Props> = ({
           <Flex css={{ gap: '$2' }}>
             <Flex align="center">
               <Img src={collectionImage} />
-              {marketplacesSeekingApproval.map((marketplace) => (
-                <Img src={marketplace.imageUrl} />
-              ))}
             </Flex>
             <Text style="body3" ellipsify>
-              Approve {collectionName} on {marketplaceNames}
+              Approve {collectionName}
             </Text>
           </Flex>
           <Flex>
diff --git a/components/portfolio/BatchListModal.tsx b/components/portfolio/BatchListModal.tsx
index 99696abb2..706ab7c9c 100644
--- a/components/portfolio/BatchListModal.tsx
+++ b/components/portfolio/BatchListModal.tsx
@@ -44,21 +44,13 @@ type BatchListModalStepData = {
 type Props = {
   listings: BatchListing[]
   disabled: boolean
-  selectedMarketplaces: Marketplace[]
-  onChainRoyalties: ReturnType<typeof useOnChainRoyalties>['data']
   onCloseComplete?: () => void
 }
 
 const orderFee = process.env.NEXT_PUBLIC_MARKETPLACE_FEE
 const orderFees = orderFee ? [orderFee] : []
 
-const BatchListModal: FC<Props> = ({
-  listings,
-  disabled,
-  selectedMarketplaces,
-  onChainRoyalties,
-  onCloseComplete,
-}) => {
+const BatchListModal: FC<Props> = ({ listings, disabled, onCloseComplete }) => {
   const [open, setOpen] = useState(false)
   const { data: wallet } = useWalletClient()
   const { openConnectModal } = useConnectModal()
@@ -81,30 +73,9 @@ const BatchListModal: FC<Props> = ({
     []
   )
 
-  const getUniqueMarketplaces = useCallback(
-    (listings: BatchListModalStepData['listings']): Marketplace[] => {
-      const marketplaces: Marketplace[] = []
-      listings.forEach((listing) => {
-        const marketplace = selectedMarketplaces.find(
-          (m) => m.orderbook === listing.listing.orderbook
-        )
-        if (marketplace && !marketplaces.includes(marketplace)) {
-          marketplaces.push(marketplace)
-        }
-      })
-      return marketplaces
-    },
-    [listings]
-  )
-
   useEffect(() => {
     if (stepData) {
       const orderKind = stepData.listings[0].listing.orderKind || 'exchange'
-      const marketplaces = getUniqueMarketplaces(stepData.listings)
-      const marketplaceNames = marketplaces
-        .map((marketplace) => marketplace.name)
-        .join(' and ')
-      setUniqueMarketplaces(marketplaces)
 
       switch (stepData.currentStep.kind) {
         case 'transaction': {
@@ -116,9 +87,7 @@ const BatchListModal: FC<Props> = ({
           break
         }
         case 'signature': {
-          setStepTitle(
-            `Confirm listings on ${marketplaceNames}\nin your wallet`
-          )
+          setStepTitle(`Confirm listings in your wallet`)
           break
         }
       }
@@ -178,29 +147,6 @@ const BatchListModal: FC<Props> = ({
         convertedListing.expirationTime = expirationTime
       }
 
-      const onChainRoyalty =
-        onChainRoyalties && onChainRoyalties[i] ? onChainRoyalties[i] : null
-      if (onChainRoyalty && listing.orderKind?.includes('seaport')) {
-        convertedListing.automatedRoyalties = false
-        const royaltyData = onChainRoyalty.result as OnChainRoyaltyReturnType
-        const royalties = royaltyData[0].map((recipient, i) => {
-          const bps = Math.floor(
-            (parseFloat(
-              formatUnits(
-                royaltyData[1][i],
-                marketplaceChain?.nativeCurrency.decimals || 18
-              )
-            ) /
-              1) *
-              10000
-          )
-          return `${recipient}:${bps}`
-        })
-        if (royalties.length > 0) {
-          convertedListing.fees = [...royalties]
-        }
-      }
-
       batchListingData.push({
         listing: convertedListing,
         token: listing.token,
@@ -268,7 +214,7 @@ const BatchListModal: FC<Props> = ({
         )
         setTransactionError(transactionError)
       })
-  }, [client, listings, wallet, onChainRoyalties])
+  }, [client, listings, wallet])
 
   const trigger = (
     <Button disabled={disabled} onClick={listTokens}>
@@ -357,7 +303,6 @@ const BatchListModal: FC<Props> = ({
                             key={i}
                             item={item}
                             batchListingData={stepData.listings}
-                            selectedMarketplaces={selectedMarketplaces}
                             open={item.status == 'incomplete'}
                           />
                         )
diff --git a/components/portfolio/BatchListings.tsx b/components/portfolio/BatchListings.tsx
index 4dfe1e1f8..6e91dcbe4 100644
--- a/components/portfolio/BatchListings.tsx
+++ b/components/portfolio/BatchListings.tsx
@@ -30,15 +30,13 @@ import BatchListModal from 'components/portfolio/BatchListModal'
 import { useMediaQuery } from 'react-responsive'
 import { BatchListingsTableHeading } from './BatchListingsTableHeading'
 import { BatchListingsTableRow } from './BatchListingsTableRow'
-import useOnChainRoyalties, {
-  OnChainRoyaltyReturnType,
-} from 'hooks/useOnChainRoyalties'
 import { formatUnits } from 'viem'
 import { useMultiMarketplaceConfigs } from '../../hooks'
 import {
   Exchange,
   Marketplace as MarketplaceConfig,
 } from 'hooks/useMultiMarketplaceConfigs'
+import LoadingSpinner from 'components/common/LoadingSpinner'
 
 export type BatchListing = {
   token: UserToken
@@ -78,7 +76,7 @@ const BatchListings: FC<Props> = ({
   setSelectedItems,
   setShowListingPage,
 }) => {
-  const [listings, setListings] = useState<BatchListing[]>([])
+  const [listings, setListings] = useState<BatchListing[] | null>(null)
 
   const [globalPrice, setGlobalPrice] = useState<string>('')
   const [globalExpirationOption, setGlobalExpirationOption] =
@@ -87,8 +85,10 @@ const BatchListings: FC<Props> = ({
   const isLargeDevice = useMediaQuery({ minWidth: 1400 })
 
   const chain = useMarketplaceChain()
-  const { collectionExchanges } = useMultiMarketplaceConfigs(
-    selectedItems.map((item) => item.token?.collection?.id as string)
+  const { tokenExchanges } = useMultiMarketplaceConfigs(
+    selectedItems.map(
+      (item) => `${item.token?.collection?.id}:${item.token?.tokenId}`
+    )
   )
 
   const chainCurrency = useChainCurrency()
@@ -99,53 +99,11 @@ const BatchListings: FC<Props> = ({
   }
   const currencies: ListingCurrencies = chain.listingCurrencies
 
-  const royaltyQuery: NonNullable<
-    Parameters<typeof useOnChainRoyalties>['0']['tokens']
-  > = useMemo(
-    () =>
-      listings
-        .filter((listing) => listing?.token?.token !== undefined)
-        .map((listing) => ({
-          contract: listing.token.token?.contract as string,
-          tokenId: listing.token.token?.tokenId as string,
-        })),
-    [listings]
-  )
-  const { data: onChainRoyalties } = useOnChainRoyalties({
-    tokens: royaltyQuery,
-    chainId: chain.id,
-    enabled: royaltyQuery.length > 0,
-  })
-
-  const onChainRoyaltiesMap = useMemo(
-    () =>
-      onChainRoyalties?.reduce((royalties, royaltyData, i) => {
-        if (
-          royaltyData.status === 'success' &&
-          (royaltyData.result as any)[0] &&
-          (royaltyData.result as any)[1]
-        ) {
-          const royaltyBpsList = (
-            royaltyData.result as OnChainRoyaltyReturnType
-          )[1]
-          const id = `${royaltyQuery[i].contract}:${royaltyQuery[i].tokenId}`
-          const totalRoyalty = royaltyBpsList
-            ? royaltyBpsList.reduce((total, feeBps) => {
-                total += parseFloat(formatUnits(feeBps, 18))
-                return total
-              }, 0)
-            : 0
-          if (totalRoyalty) {
-            royalties[id] = (totalRoyalty / 1) * 10000
-          }
-        }
-        return royalties
-      }, {} as Record<string, number>) || {},
-    [onChainRoyalties, chainCurrency]
-  )
-
   const displayQuantity = useMemo(
-    () => listings.some((listing) => listing?.token?.token?.kind === 'erc1155'),
+    () =>
+      listings?.some((listing) => listing?.token?.token?.kind === 'erc1155')
+        ? true
+        : false,
     [listings]
   )
 
@@ -161,12 +119,13 @@ const BatchListings: FC<Props> = ({
     const newListings: BatchListing[] = selectedItems
       .filter(
         (item) =>
-          collectionExchanges[item.token?.collection?.id as string] !==
-          undefined
+          tokenExchanges[
+            `${item.token?.collection?.id}:${item.token?.tokenId}`
+          ] !== undefined
       )
       .map((item) => {
         const { exchange, marketplace } =
-          collectionExchanges[item.token?.collection?.id as string]
+          tokenExchanges[`${item.token?.collection?.id}:${item.token?.tokenId}`]
 
         return {
           token: item,
@@ -186,49 +145,48 @@ const BatchListings: FC<Props> = ({
           exchange: exchange,
         }
       })
-    setListings(newListings)
-  }, [selectedItems, collectionExchanges])
+    setListings(newListings.length > 0 ? newListings : null)
+  }, [selectedItems, tokenExchanges])
 
   const totalProfit = useMemo(() => {
     return selectedItems.reduce((total, item) => {
       const itemId = `${item.token?.contract}:${item.token?.tokenId}`
-      const itemListings = listings.filter(
+      const itemListings = listings?.filter(
         (listing) =>
           `${listing.token.token?.contract}:${listing.token.token?.tokenId}` ===
           itemId
       )
 
-      const onChainRoyaltyBps = onChainRoyaltiesMap[itemId]
-
-      const profits = itemListings.map((listing) => {
-        const listingCreatorRoyalties =
-          (Number(listing.price) *
-            listing.quantity *
-            (onChainRoyaltyBps ||
-              listing?.token?.token?.collection?.royaltiesBps ||
-              0)) /
-          10000
-        const marketplaceFee =
-          ((listing.marketplace?.fee?.bps || 0) / 10000) *
-          Number(listing.price) *
-          listing.quantity
-
-        const profit =
-          Number(listing.price) * listing.quantity -
-          marketplaceFee -
-          listingCreatorRoyalties
-
-        return profit
-      })
+      const profits =
+        itemListings?.map((listing) => {
+          const listingCreatorRoyalties =
+            (Number(listing.price) *
+              listing.quantity *
+              (listing?.token?.token?.collection?.royaltiesBps ||
+                listing.marketplace.royalties?.maxBps ||
+                0)) /
+            10000
+          const marketplaceFee =
+            ((listing.marketplace?.fee?.bps || 0) / 10000) *
+            Number(listing.price) *
+            listing.quantity
+
+          const profit =
+            Number(listing.price) * listing.quantity -
+            marketplaceFee -
+            listingCreatorRoyalties
+
+          return profit
+        }) ?? []
 
       const highestProfit = Math.max(...profits)
 
       return total + highestProfit
     }, 0)
-  }, [listings, onChainRoyaltiesMap, globalPrice])
+  }, [listings, globalPrice])
 
   const listButtonDisabled = useMemo(() => {
-    const hasInvalidPrice = listings.some((listing) => {
+    const hasInvalidPrice = listings?.some((listing) => {
       const minimumAmount = listing.exchange?.minPriceRaw
         ? Number(
             formatUnits(
@@ -253,46 +211,50 @@ const BatchListings: FC<Props> = ({
         Number(listing.price) >= minimumAmount
       return !withinPricingBounds
     })
-    return hasInvalidPrice
+    return hasInvalidPrice ? true : false
   }, [listings])
 
   const updateListing = useCallback((updatedListing: BatchListing) => {
     setListings((prevListings) => {
-      return prevListings.map((listing) => {
-        if (
-          listing.token === updatedListing.token &&
-          listing.orderbook === updatedListing.orderbook
-        ) {
-          return updatedListing
-        }
-        return listing
-      })
+      return (
+        prevListings?.map((listing) => {
+          if (
+            listing.token === updatedListing.token &&
+            listing.orderbook === updatedListing.orderbook
+          ) {
+            return updatedListing
+          }
+          return listing
+        }) ?? null
+      )
     })
   }, [])
 
   const applyFloorPrice = useCallback(() => {
     setListings((prevListings) => {
-      return prevListings.map((listing) => {
-        if (
-          listing.token.token?.collection?.floorAskPrice?.amount?.decimal &&
-          listing.token.token?.collection?.floorAskPrice.currency
-        ) {
-          return {
-            ...listing,
-            price:
-              listing.token.token.collection.floorAskPrice.amount.decimal.toString(),
-            currency: listing.token.token?.collection?.floorAskPrice
-              .currency as Currency,
+      return (
+        prevListings?.map((listing) => {
+          if (
+            listing.token.token?.collection?.floorAskPrice?.amount?.decimal &&
+            listing.token.token?.collection?.floorAskPrice.currency
+          ) {
+            return {
+              ...listing,
+              price:
+                listing.token.token.collection.floorAskPrice.amount.decimal.toString(),
+              currency: listing.token.token?.collection?.floorAskPrice
+                .currency as Currency,
+            }
           }
-        }
-        return listing
-      })
+          return listing
+        }) ?? []
+      )
     })
   }, [listings])
 
   const applyTopTraitDisabled = useMemo(
     () =>
-      listings.every(
+      listings?.every(
         (listing) =>
           (listing?.exchange?.paymentTokens?.length &&
             listing.exchange.paymentTokens.length > 0) ||
@@ -305,32 +267,34 @@ const BatchListings: FC<Props> = ({
 
   const applyTopTraitPrice = useCallback(() => {
     setListings((prevListings) => {
-      return prevListings.map((listing) => {
-        if (
-          listing.token.token?.attributes &&
-          !listing.exchange?.paymentTokens?.length
-        ) {
-          // Find the highest floor price
-          let topTraitPrice = Math.max(
-            ...listing.token.token.attributes.map(
-              (attribute) => attribute.floorAskPrice?.amount?.decimal ?? 0
+      return (
+        prevListings?.map((listing) => {
+          if (
+            listing.token.token?.attributes &&
+            !listing.exchange?.paymentTokens?.length
+          ) {
+            // Find the highest floor price
+            let topTraitPrice = Math.max(
+              ...listing.token.token.attributes.map(
+                (attribute) => attribute.floorAskPrice?.amount?.decimal ?? 0
+              )
             )
-          )
-          if (topTraitPrice && topTraitPrice > 0) {
-            return {
-              ...listing,
-              price: topTraitPrice.toString(),
-              currency: defaultCurrency,
+            if (topTraitPrice && topTraitPrice > 0) {
+              return {
+                ...listing,
+                price: topTraitPrice.toString(),
+                currency: defaultCurrency,
+              }
             }
           }
-        }
 
-        return listing
-      })
+          return listing
+        }) ?? []
+      )
     })
   }, [listings, defaultCurrency])
 
-  const globalPriceEnabled = !listings.some(
+  const globalPriceEnabled = !listings?.some(
     (listing) =>
       listing.exchange.paymentTokens &&
       listing.exchange.paymentTokens.length > 0
@@ -338,7 +302,7 @@ const BatchListings: FC<Props> = ({
 
   const displayMaxProfit = useMemo(() => {
     const currencies: string[] = []
-    const mixedCurrencies = listings.find((listing) => {
+    const mixedCurrencies = listings?.find((listing) => {
       if (!currencies.includes(listing.currency.contract)) {
         currencies.push(listing.currency.contract)
       }
@@ -431,21 +395,16 @@ const BatchListings: FC<Props> = ({
           </Flex>
         </Flex>
       </Flex>
-      {listings.length > 0 ? (
+      {listings && listings?.length > 0 ? (
         <Flex direction="column" css={{ width: '100%', pb: 37 }}>
           <BatchListingsTableHeading
             displayQuantity={displayQuantity}
             gridTemplateColumns={gridTemplateColumns}
           />
-          {listings.map((listing, i) => (
+          {listings?.map((listing, i) => (
             <BatchListingsTableRow
               listing={listing}
               listings={listings}
-              onChainRoyaltiesBps={
-                onChainRoyaltiesMap[
-                  `${listing.token.token?.contract}:${listing.token.token?.tokenId}`
-                ]
-              }
               setListings={setListings}
               updateListing={updateListing}
               setSelectedItems={setSelectedItems}
@@ -490,14 +449,11 @@ const BatchListings: FC<Props> = ({
               ) : null}
               <BatchListModal
                 listings={listings}
-                onChainRoyalties={onChainRoyalties}
                 disabled={listButtonDisabled}
-                //TODO fix
-                selectedMarketplaces={[]}
                 onCloseComplete={() => {
                   setShowListingPage(false)
                   setSelectedItems([])
-                  setListings([])
+                  setListings(null)
                 }}
               />
             </Flex>
@@ -509,10 +465,16 @@ const BatchListings: FC<Props> = ({
           align="center"
           css={{ py: '$6', gap: '$4', width: '100%' }}
         >
-          <Text css={{ color: '$gray11' }}>
-            <FontAwesomeIcon icon={faMagnifyingGlass} size="2xl" />
-          </Text>
-          <Text css={{ color: '$gray11' }}>No items selected</Text>
+          {!listings ? (
+            <LoadingSpinner css={{ justifySelf: 'center' }} />
+          ) : (
+            <>
+              <Text css={{ color: '$gray11' }}>
+                <FontAwesomeIcon icon={faMagnifyingGlass} size="2xl" />
+              </Text>
+              <Text css={{ color: '$gray11' }}>No items selected</Text>
+            </>
+          )}
         </Flex>
       )}
     </Flex>
diff --git a/components/portfolio/BatchListingsTableRow.tsx b/components/portfolio/BatchListingsTableRow.tsx
index cdee1e447..63192b2ee 100644
--- a/components/portfolio/BatchListingsTableRow.tsx
+++ b/components/portfolio/BatchListingsTableRow.tsx
@@ -32,7 +32,6 @@ import { formatNumber } from 'utils/numbers'
 type BatchListingsTableRowProps = {
   listing: BatchListing
   listings: BatchListing[]
-  onChainRoyaltiesBps: number
   displayQuantity: boolean
   gridTemplateColumns: string
   globalExpirationOption: ExpirationOption
@@ -41,7 +40,7 @@ type BatchListingsTableRowProps = {
   selectedItems: UserToken[]
   currencies: Currency[]
   setSelectedItems: Dispatch<SetStateAction<UserToken[]>>
-  setListings: Dispatch<SetStateAction<BatchListing[]>>
+  setListings: Dispatch<SetStateAction<BatchListing[] | null>>
   updateListing: (updatedListing: BatchListing) => void
 }
 
@@ -51,7 +50,6 @@ const MAXIMUM_AMOUNT = Infinity
 export const BatchListingsTableRow: FC<BatchListingsTableRowProps> = ({
   listing,
   listings,
-  onChainRoyaltiesBps,
   selectedItems,
   displayQuantity,
   gridTemplateColumns,
@@ -107,8 +105,8 @@ export const BatchListingsTableRow: FC<BatchListingsTableRowProps> = ({
   )
 
   const creatorRoyalties =
-    (onChainRoyaltiesBps ||
-      listing?.token?.token?.collection?.royaltiesBps ||
+    (listing?.token?.token?.collection?.royaltiesBps ||
+      listing.marketplace.royalties?.maxBps ||
       0) / 10000
 
   const marketplaceFee = (listing.marketplace?.fee?.bps || 0) / 10000
diff --git a/hooks/useIsUnsupportedChain.ts b/hooks/useIsUnsupportedChain.ts
index 5f81837dc..16243e64d 100644
--- a/hooks/useIsUnsupportedChain.ts
+++ b/hooks/useIsUnsupportedChain.ts
@@ -11,6 +11,8 @@ const TESTNET_CHAINS: Chain[] = [
   reservoirChains.baseGoerli,
   reservoirChains.scrollTestnet,
   reservoirChains.zoraTestnet,
+  reservoirChains.baseSepolia,
+  reservoirChains.ancient8Testnet,
 ]
 
 const MAINNET_CHAINS: Chain[] = [
@@ -26,6 +28,8 @@ const MAINNET_CHAINS: Chain[] = [
   reservoirChains.zkSync,
   reservoirChains.polygonZkEvm,
   reservoirChains.scroll,
+  reservoirChains.opBnb,
+  reservoirChains.ancient8,
 ]
 
 const MAINNET_DEPLOYMENT_URLS = [
@@ -36,20 +40,20 @@ const MAINNET_DEPLOYMENT_URLS = [
 
 const IS_TESTNET_DEPLOYMENT =
   !MAINNET_DEPLOYMENT_URLS.includes(
-    process.env.NEXT_PUBLIC_HOST_URL as string
+    process.env.NEXT_PUBLIC_HOST_URL as string,
   ) && process.env.NEXT_PUBLIC_HOST_URL == 'https://testnets.reservoir.tools'
 
 export default () => {
   const [unsupportedChain, setUnsupportedChain] = useState<Chain | undefined>(
-    undefined
+    undefined,
   )
   const { chain } = useNetwork()
 
   useEffect(() => {
     setUnsupportedChain(
       (IS_TESTNET_DEPLOYMENT ? MAINNET_CHAINS : TESTNET_CHAINS).find(
-        ({ id }) => chain?.id === id
-      )
+        ({ id }) => chain?.id === id,
+      ),
     )
   }, [chain])
   return {
diff --git a/hooks/useMultiMarketplaceConfigs.ts b/hooks/useMultiMarketplaceConfigs.ts
index 243312c56..ac83eee9d 100644
--- a/hooks/useMultiMarketplaceConfigs.ts
+++ b/hooks/useMultiMarketplaceConfigs.ts
@@ -2,9 +2,13 @@ import { paths } from '@reservoir0x/reservoir-sdk'
 import { useMemo } from 'react'
 import useSWR from 'swr/immutable'
 import useMarketplaceChain from './useMarketplaceChain'
+import { setParams } from '@reservoir0x/reservoir-sdk'
+import { ReservoirChain } from 'utils/chains'
 
 type MarketplaceConfigurationsResponse =
   paths['/collections/{collection}/marketplace-configurations/v1']['get']['responses']['200']['schema']
+type MarketplaceConfigurationsParams =
+  paths['/collections/{collection}/marketplace-configurations/v1']['get']['parameters']['query']
 export type Marketplace = NonNullable<
   NonNullable<MarketplaceConfigurationsResponse['marketplaces']>[0]
 >
@@ -24,19 +28,30 @@ const fetcher = async (urls: string[]) => {
   )
 }
 
-export default function (collectionIds: string[], enabled: boolean = true) {
+export default function (
+  tokens: string[],
+  chain?: ReservoirChain | null | undefined,
+  enabled: boolean = true
+) {
   const { proxyApi } = useMarketplaceChain()
-
-  const urls = collectionIds.map(
-    (id) =>
-      `${process.env.NEXT_PUBLIC_PROXY_URL}${proxyApi}/collections/${id}/marketplace-configurations/v1`
-  )
+  const urls = tokens.map((id) => {
+    const pieces = id.split(':')
+    const tokenId = pieces[pieces.length - 1]
+    const collectionId = pieces.slice(0, -1).join(':')
+    let url = new URL(
+      `${process.env.NEXT_PUBLIC_PROXY_URL}${proxyApi}/collections/${collectionId}/marketplace-configurations/v1`
+    )
+    setParams(url, {
+      tokenId,
+    } as MarketplaceConfigurationsParams)
+    return url.href
+  })
   const { data, error } = useSWR<MarketplaceConfigurationsResponse[]>(
     enabled ? urls : null,
     fetcher
   )
 
-  const collectionExchanges = useMemo(() => {
+  const tokenExchanges = useMemo(() => {
     return (
       data?.reduce((exchanges, data, i) => {
         const reservoirMarketplace = data?.marketplaces?.find(
@@ -50,7 +65,7 @@ export default function (collectionIds: string[], enabled: boolean = true) {
             bps: 250,
           }
 
-          const key = collectionIds[i]
+          const key = tokens[i]
 
           exchanges[key] = {
             exchange: Object.values(reservoirMarketplace?.exchanges || {}).find(
@@ -68,7 +83,7 @@ export default function (collectionIds: string[], enabled: boolean = true) {
 
   return {
     data: data,
-    collectionExchanges,
+    tokenExchanges,
     isError: !!error,
     isLoading: !data && !error,
   }
diff --git a/package.json b/package.json
index 62998d3f4..703c78351 100644
--- a/package.json
+++ b/package.json
@@ -32,6 +32,7 @@
     "@reservoir0x/reservoir-kit-ui": "1.25.4",
     "@sentry/nextjs": "^7.85.0",
     "@types/uuid": "^9.0.1",
+    "@vercel/og": "^0.5.20",
     "dayjs": "^1.11.6",
     "eslint-config-next": "^14.1.0",
     "framer-motion": "^6.3.6",
diff --git a/pages/[chain]/asset/[assetId].tsx b/pages/[chain]/asset/[assetId].tsx
index 909e862b1..a16580456 100644
--- a/pages/[chain]/asset/[assetId].tsx
+++ b/pages/[chain]/asset/[assetId].tsx
@@ -226,10 +226,14 @@ const IndexPage: NextPage<Props> = ({ assetId, ssr }) => {
     ? token.token.name
     : `${token?.token?.tokenId} - ${token?.token?.collection?.name}`
 
+  const base64EncodedToken = btoa(JSON.stringify(token))
+
   return (
     <Layout>
       <Head
-        ogImage={token?.token?.image || collection?.banner}
+        ogImage={`/api/og/token?token=${encodeURIComponent(
+          base64EncodedToken
+        )}`}
         title={pageTitle}
         description={collection?.description as string}
         metatags={
diff --git a/pages/[chain]/collection/[contract].tsx b/pages/[chain]/collection/[contract].tsx
index a2f06d111..b8747c26a 100644
--- a/pages/[chain]/collection/[contract].tsx
+++ b/pages/[chain]/collection/[contract].tsx
@@ -356,6 +356,7 @@ const CollectionPage: NextPage<Props> = ({ id, ssr }) => {
   return (
     <Layout>
       <Head
+        //ogImage={`/api/og/collection?imageUrl=${encodedImageUrl}&floorPrice=${collection?.floorAsk?.price?.amount?.decimal}`} //floorPrice=${collection?.floorAsk?.price?.amount?.decimal}&
         ogImage={ssr?.collection?.collections?.[0]?.banner}
         title={ssr?.collection?.collections?.[0]?.name}
         description={ssr?.collection?.collections?.[0]?.description as string}
@@ -674,6 +675,7 @@ const CollectionPage: NextPage<Props> = ({ id, ssr }) => {
                             css={{ pl: 42 }}
                             placeholder="Search by token name"
                             onChange={(e) => {
+                              resetCache()
                               setTokenSearchQuery(e.target.value)
                             }}
                             value={tokenSearchQuery}
diff --git a/pages/api/globalSearch.ts b/pages/api/globalSearch.ts
index 55e010aed..5c4175931 100644
--- a/pages/api/globalSearch.ts
+++ b/pages/api/globalSearch.ts
@@ -71,6 +71,7 @@ async function searchSingleChain(chain: ReservoirChain, query: string) {
   const headers = {
     headers: {
       'x-api-key': process.env.RESERVOIR_API_KEY || '',
+      origin: HOST_URL || '',
     },
   }
 
@@ -210,6 +211,7 @@ async function searchAllChains(query: string) {
     const headers = {
       headers: {
         'x-api-key': process.env.RESERVOIR_API_KEY || '',
+        origin: HOST_URL || '',
       },
     }
 
@@ -237,6 +239,7 @@ async function searchAllChains(query: string) {
       const headers = {
         headers: {
           'x-api-key': process.env.RESERVOIR_API_KEY || '',
+          origin: HOST_URL || '',
         },
       }
       const { data } = await fetcher(
diff --git a/pages/api/og/token/index.tsx b/pages/api/og/token/index.tsx
new file mode 100644
index 000000000..ca87da754
--- /dev/null
+++ b/pages/api/og/token/index.tsx
@@ -0,0 +1,240 @@
+import { Token } from '@reservoir0x/reservoir-kit-ui'
+import { ImageResponse } from '@vercel/og'
+import { NextRequest } from 'next/server'
+
+export const config = {
+  runtime: 'edge',
+}
+
+export default async function handler(request: NextRequest) {
+  const { searchParams } = request.nextUrl
+
+  const base64EncodedToken = searchParams.get('token')
+
+  const [blackFont, regularFont] = await Promise.all([
+    fetch(
+      `https://github.com/reservoirprotocol/marketplace-v2/raw/dev/public/fonts/Inter-Black.ttf`
+    ).then((res) => res.arrayBuffer()),
+    fetch(
+      `https://github.com/reservoirprotocol/marketplace-v2/raw/dev/public/fonts/Inter-Regular.ttf`
+    ).then((res) => res.arrayBuffer()),
+  ])
+
+  if (!base64EncodedToken) {
+    return new ImageResponse(
+      <img src={`${process.env.NEXT_PUBLIC_HOST_URL}/og-image.png`} />,
+      {
+        width: 1200,
+        height: 630,
+      }
+    )
+  }
+
+  const token = JSON.parse(atob(base64EncodedToken)) as Token
+
+  return new ImageResponse(
+    (
+      <div
+        style={{
+          opacity: 0.9,
+          display: 'flex',
+          justifyContent: 'space-around',
+          alignItems: 'center',
+          width: '100%',
+          height: '100%',
+          color: 'white',
+        }}
+      >
+        <svg
+          style={{
+            position: 'absolute',
+            top: '0',
+            bottom: '0',
+            left: '0',
+            right: '0',
+            zIndex: '-99999',
+          }}
+          xmlns="http://www.w3.org/2000/svg"
+          width="100%"
+          height="100%"
+          viewBox="0 0 2048 1152"
+          fill="none"
+        >
+          <g clip-path="url(#clip0_1207_77)">
+            <rect width="2048" height="1152" fill="black" />
+            <g opacity="0.9" filter="url(#filter0_f_1207_77)">
+              <rect
+                x="-415"
+                y="-249.398"
+                width="2914"
+                height="1639.24"
+                fill="url(#paint0_angular_1207_77)"
+              />
+            </g>
+          </g>
+          <defs>
+            <filter
+              id="filter0_f_1207_77"
+              x="-821.983"
+              y="-656.382"
+              width="3727.97"
+              height="2453.21"
+              filterUnits="userSpaceOnUse"
+              color-interpolation-filters="sRGB"
+            >
+              <feFlood flood-opacity="0" result="BackgroundImageFix" />
+              <feBlend
+                mode="normal"
+                in="SourceGraphic"
+                in2="BackgroundImageFix"
+                result="shape"
+              />
+              <feGaussianBlur
+                stdDeviation="203.492"
+                result="effect1_foregroundBlur_1207_77"
+              />
+            </filter>
+            <radialGradient
+              id="paint0_angular_1207_77"
+              cx="0"
+              cy="0"
+              r="1"
+              gradientUnits="userSpaceOnUse"
+              gradientTransform="translate(1042 570.221) rotate(107.623) scale(952.739 1693.64)"
+            >
+              <stop stop-color="#C171FF" />
+              <stop offset="0.432292" stop-color="#7000FF" />
+              <stop offset="0.65625" stop-color="#80D8FF" />
+              <stop offset="1" stop-color="#354FFF" />
+            </radialGradient>
+            <clipPath id="clip0_1207_77">
+              <rect width="2048" height="1152" fill="white" />
+            </clipPath>
+          </defs>
+        </svg>
+        <div
+          style={{
+            display: 'flex',
+            justifyContent: 'center',
+            gap: '50px',
+            width: '100%',
+            maxWidth: '525px',
+            height: 'auto',
+          }}
+        >
+          <img
+            src={token.token?.imageSmall as string}
+            alt={token.token?.name}
+            style={{
+              width: '450px',
+              height: '450px',
+              borderRadius: '8px',
+            }}
+          />
+
+          <div
+            style={{
+              display: 'flex',
+              flexDirection: 'column',
+              justifyContent: 'center',
+            }}
+          >
+            <div style={{ display: 'flex', justifyContent: 'center' }}>
+              <p
+                style={{
+                  margin: '0',
+                  padding: '0',
+                  fontSize: '50px',
+                  fontWeight: '800',
+                }}
+              >
+                {token.token?.name}
+              </p>
+            </div>
+            <div
+              style={{
+                marginTop: '10px',
+                display: 'flex',
+                flexDirection: 'column',
+              }}
+            >
+              <p
+                style={{
+                  margin: '0',
+                  padding: '0',
+                  fontSize: '33px',
+                  fontFamily: 'Regular',
+                }}
+              >
+                Floor Price
+              </p>
+              <div
+                style={{
+                  display: 'flex',
+                  alignItems: 'center',
+                  marginTop: '5px',
+                  fontSize: '38px',
+                  fontWeight: '800',
+                }}
+              >
+                <img
+                  src="https://explorer.reservoir.tools/icons/currency/no-padding-eth.png"
+                  alt="Currency"
+                  style={{
+                    height: '50px',
+                    width: '35px',
+                    marginRight: '15px',
+                  }}
+                />
+                {token.market?.floorAsk?.price?.amount?.native}
+              </div>
+            </div>
+            <div
+              style={{
+                marginTop: '25px',
+                display: 'flex',
+                alignItems: 'center',
+                gap: '10px',
+              }}
+            >
+              <img
+                src={token.market?.floorAsk?.source?.icon as string}
+                alt="Market Source"
+                style={{
+                  height: '50px',
+                  width: '50px',
+                }}
+              />
+              <p
+                style={{
+                  margin: '0',
+                  padding: '0',
+                  fontSize: '34px',
+                  fontWeight: '800',
+                }}
+              >
+                {token.market?.floorAsk?.source?.name}
+              </p>
+            </div>
+          </div>
+        </div>
+      </div>
+    ),
+    {
+      width: 1200,
+      height: 630,
+      fonts: [
+        {
+          name: 'Black',
+          data: blackFont,
+          style: 'normal',
+        },
+        {
+          name: 'Regular',
+          data: regularFont,
+          style: 'normal',
+        },
+      ],
+    }
+  )
+}
diff --git a/public/fonts/Inter-Black.ttf b/public/fonts/Inter-Black.ttf
new file mode 100644
index 000000000..b27822bae
Binary files /dev/null and b/public/fonts/Inter-Black.ttf differ
diff --git a/public/fonts/Inter-Regular.ttf b/public/fonts/Inter-Regular.ttf
new file mode 100644
index 000000000..5e4851f0a
Binary files /dev/null and b/public/fonts/Inter-Regular.ttf differ
diff --git a/public/icons/ancient8-icon-dark.svg b/public/icons/ancient8-icon-dark.svg
new file mode 100644
index 000000000..b70506d0f
--- /dev/null
+++ b/public/icons/ancient8-icon-dark.svg
@@ -0,0 +1,12 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_5303_21434)">
+<path d="M13.2908 0C13.8114 1.36458 14.3038 2.72938 14.7976 4.09367C15.1797 5.14943 15.5627 6.20485 15.9467 7.25988C16.536 8.87877 17.1288 10.4963 17.7158 12.1161C18.2039 13.4629 18.6823 14.8134 19.1794 16.1568C19.2089 16.2363 19.3662 16.3115 19.4651 16.3129C20.299 16.3253 21.1331 16.32 22 16.32C22 17.0738 22 17.8091 21.9687 18.5722C16.1574 18.6 10.3774 18.6 4.5975 18.6001C4.49921 18.6001 4.39427 18.5795 4.30466 18.6081C4.22858 18.6324 4.17019 18.7139 4.08712 18.7795C4.10586 18.827 4.13519 18.8759 4.17798 18.9015C5.36482 19.6114 5.83208 20.8912 5.34665 22.2721C5.14472 22.8465 4.95113 23.424 4.75375 24C3.84682 24 2.93989 24 2.00528 24C2.11999 23.5687 2.25092 23.1331 2.40691 22.7069C2.88271 21.4071 3.36815 20.1109 3.85879 18.7892C3.2296 18.7892 2.62595 18.7892 2 18.7892C2 17.969 2 17.1658 2 16.3353C2.07129 16.3307 2.1555 16.3208 2.23973 16.3207C2.99703 16.3195 3.75438 16.3155 4.51161 16.3233C4.68961 16.3251 4.77431 16.2815 4.84292 16.0917C5.58325 14.043 6.33886 12 7.09006 9.95534C7.84132 7.91056 8.593 5.86595 9.34208 3.82035C9.40187 3.65708 9.44285 3.48671 9.5367 3.30434C9.72638 3.27269 9.8718 3.24395 10.0175 3.24226C10.5278 3.23634 11.0382 3.24343 11.5485 3.23663C11.6547 3.23521 11.8297 3.28469 11.7762 3.05724C11.5209 2.29102 11.2644 1.52527 11.0114 0.758296C10.9334 0.521996 10.8652 0.282368 10.7856 0.0221322C11.6067 1.78814e-09 12.4349 0 13.2908 0ZM11.9118 3.45758C11.8954 3.43397 11.879 3.41037 11.8626 3.38676C11.8368 3.44012 11.811 3.49347 11.7831 3.59733C11.7637 3.7222 11.7621 3.85332 11.7219 3.97085C11.5526 4.46623 11.3679 4.95617 11.1958 5.45062C10.4153 7.69333 9.63818 9.93723 8.85786 12.18C8.51697 13.1597 8.1692 14.137 7.8289 15.117C7.69219 15.5106 7.56716 15.9085 7.43368 16.314C10.4508 16.314 13.4322 16.314 16.4249 16.314C15.91 14.8313 15.4006 13.3566 14.8859 11.8838C14.0609 9.52309 13.2344 7.16285 12.4033 4.80434C12.2464 4.35921 12.0647 3.92312 11.9118 3.45758Z" fill="#11181C"/>
+<path d="M18.8939 24C18.6421 23.4415 18.4353 22.8784 18.1974 22.3256C17.6908 21.1484 18.182 19.7982 19.4119 19.1846C19.5228 19.1293 19.6264 19.0625 19.7813 19.0002C19.8779 18.9997 19.9267 19.0002 19.9754 19.0007C20.1562 19.3887 20.3462 19.7736 20.516 20.1653C20.8843 21.0146 21.2533 21.8639 21.5998 22.7201C21.7692 23.1387 21.8888 23.5729 22 24C20.9543 24 19.9396 24 18.8939 24Z" fill="#11181C"/>
+<path d="M20.1245 18.91C20.0755 19.0047 20.0316 19.0026 19.9656 18.9985C19.8349 18.9184 19.7262 18.7722 19.6175 18.7719C14.4209 18.7589 9.22428 18.7586 4 18.7391C4.03918 18.4926 4.09812 18.1607 4.1749 18.0619C4.26536 17.9454 4.37128 18.0291 4.47049 18.029C10.3046 18.0287 16.1386 18.0288 22 18.0287C21.9808 18.2729 21.9339 18.7306 21.888 18.729C21.3178 18.7087 20.7478 18.6195 20.1776 18.5629C20.1621 18.5614 20.1456 18.7261 20.1245 18.91Z" fill="#11181C"/>
+</g>
+<defs>
+<clipPath id="clip0_5303_21434">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/public/icons/ancient8-icon-light.svg b/public/icons/ancient8-icon-light.svg
new file mode 100644
index 000000000..91a9157c2
--- /dev/null
+++ b/public/icons/ancient8-icon-light.svg
@@ -0,0 +1,12 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_5303_21433)">
+<path d="M13.2908 0C13.8114 1.36458 14.3038 2.72938 14.7976 4.09367C15.1797 5.14943 15.5627 6.20485 15.9467 7.25988C16.536 8.87877 17.1288 10.4963 17.7158 12.1161C18.2039 13.4629 18.6823 14.8134 19.1794 16.1568C19.2089 16.2363 19.3662 16.3115 19.4651 16.3129C20.299 16.3253 21.1331 16.32 22 16.32C22 17.0738 22 17.8091 21.9687 18.5722C16.1574 18.6 10.3774 18.6 4.5975 18.6001C4.49921 18.6001 4.39427 18.5795 4.30466 18.6081C4.22858 18.6324 4.17019 18.7139 4.08712 18.7795C4.10586 18.827 4.13519 18.8759 4.17798 18.9015C5.36482 19.6114 5.83208 20.8912 5.34665 22.2721C5.14472 22.8465 4.95113 23.424 4.75375 24C3.84682 24 2.93989 24 2.00528 24C2.11999 23.5687 2.25092 23.1331 2.40691 22.7069C2.88271 21.4071 3.36815 20.1109 3.85879 18.7892C3.2296 18.7892 2.62595 18.7892 2 18.7892C2 17.969 2 17.1658 2 16.3353C2.07129 16.3307 2.1555 16.3208 2.23973 16.3207C2.99703 16.3195 3.75438 16.3155 4.51161 16.3233C4.68961 16.3251 4.77431 16.2815 4.84292 16.0917C5.58325 14.043 6.33886 12 7.09006 9.95534C7.84132 7.91056 8.593 5.86595 9.34208 3.82035C9.40187 3.65708 9.44285 3.48671 9.5367 3.30434C9.72638 3.27269 9.8718 3.24395 10.0175 3.24226C10.5278 3.23634 11.0382 3.24343 11.5485 3.23663C11.6547 3.23521 11.8297 3.28469 11.7762 3.05724C11.5209 2.29102 11.2644 1.52527 11.0114 0.758296C10.9334 0.521996 10.8652 0.282368 10.7856 0.0221322C11.6067 1.78814e-09 12.4349 0 13.2908 0ZM11.9118 3.45758C11.8954 3.43397 11.879 3.41037 11.8626 3.38676C11.8368 3.44012 11.811 3.49347 11.7831 3.59733C11.7637 3.7222 11.7621 3.85332 11.7219 3.97085C11.5526 4.46623 11.3679 4.95617 11.1958 5.45062C10.4153 7.69333 9.63818 9.93723 8.85786 12.18C8.51697 13.1597 8.1692 14.137 7.8289 15.117C7.69219 15.5106 7.56716 15.9085 7.43368 16.314C10.4508 16.314 13.4322 16.314 16.4249 16.314C15.91 14.8313 15.4006 13.3566 14.8859 11.8838C14.0609 9.52309 13.2344 7.16285 12.4033 4.80434C12.2464 4.35921 12.0647 3.92312 11.9118 3.45758Z" fill="#ECEDEE"/>
+<path d="M18.8939 24C18.6421 23.4415 18.4353 22.8784 18.1974 22.3256C17.6908 21.1484 18.182 19.7982 19.4119 19.1846C19.5228 19.1293 19.6264 19.0625 19.7813 19.0002C19.8779 18.9997 19.9267 19.0002 19.9754 19.0007C20.1562 19.3887 20.3462 19.7736 20.516 20.1653C20.8843 21.0146 21.2533 21.8639 21.5998 22.7201C21.7692 23.1387 21.8888 23.5729 22 24C20.9543 24 19.9396 24 18.8939 24Z" fill="#ECEDEE"/>
+<path d="M20.1245 18.91C20.0755 19.0047 20.0316 19.0026 19.9656 18.9985C19.8349 18.9184 19.7262 18.7722 19.6175 18.7719C14.4209 18.7589 9.22428 18.7586 4 18.7391C4.03918 18.4926 4.09812 18.1607 4.1749 18.0619C4.26536 17.9454 4.37128 18.0291 4.47049 18.029C10.3046 18.0287 16.1386 18.0288 22 18.0287C21.9808 18.2729 21.9339 18.7306 21.888 18.729C21.3178 18.7087 20.7478 18.6195 20.1776 18.5629C20.1621 18.5614 20.1456 18.7261 20.1245 18.91Z" fill="#ECEDEE"/>
+</g>
+<defs>
+<clipPath id="clip0_5303_21433">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/public/icons/zksync-icon-dark.svg b/public/icons/zksync-icon-dark.svg
index 456579125..a857f7034 100644
--- a/public/icons/zksync-icon-dark.svg
+++ b/public/icons/zksync-icon-dark.svg
@@ -11,4 +11,4 @@
 	<path class="st1" d="M316,199l-66.7-66.4v48.6l-66.2,48.7l66.2,0v35.5L316,199z"/>
 	<path class="st1" d="M81,199l66.7,66.4v-48.3l66.2-49.1l-66.2,0v-35.5L81,199z"/>
 </g>
-</svg>
\ No newline at end of file
+</svg>
diff --git a/public/icons/zksync-icon-light.svg b/public/icons/zksync-icon-light.svg
index 55fcba3bf..55021930f 100644
--- a/public/icons/zksync-icon-light.svg
+++ b/public/icons/zksync-icon-light.svg
@@ -11,4 +11,4 @@
 	<path class="st1" d="M316,199l-66.7-66.4v48.6l-66.2,48.7l66.2,0v35.5L316,199z"/>
 	<path class="st1" d="M81,199l66.7,66.4v-48.3l66.2-49.1l-66.2,0v-35.5L81,199z"/>
 </g>
-</svg>
\ No newline at end of file
+</svg>
diff --git a/utils/chains.ts b/utils/chains.ts
index 70ff7362a..37d7dedf4 100644
--- a/utils/chains.ts
+++ b/utils/chains.ts
@@ -1,5 +1,5 @@
 import { Currency } from '@reservoir0x/reservoir-kit-ui'
-import { reservoirChains } from '@reservoir0x/reservoir-sdk'
+import { reservoirChains, customChains } from '@reservoir0x/reservoir-sdk'
 import { zeroAddress } from 'viem'
 import {
   arbitrum,
@@ -16,9 +16,37 @@ import {
   base,
   arbitrumNova,
   scroll,
+  opBNB,
 } from 'wagmi/chains'
 import usdcContracts from './usdcContracts'
 
+export const ancient8Testnet = {
+  id: 2863311531,
+  name: 'Ancient8 Testnet',
+  network: 'ancient8',
+  nativeCurrency: { name: 'Ether', symbol: 'ETH', decimals: 18 },
+  rpcUrls: {
+    default: {
+      http: ['https://rpc-testnet.ancient8.gg'],
+      webSocket: ['https://rpc-testnet.ancient8.gg'],
+    },
+    public: {
+      http: ['https://rpc-testnet.ancient8.gg'],
+      webSocket: ['https://rpc-testnet.ancient8.gg'],
+    },
+  },
+  blockExplorers: {
+    etherscan: {
+      name: 'a8scan',
+      url: 'https://testnet.a8scan.io/',
+    },
+    default: {
+      name: 'a8scan',
+      url: 'https://testnet.a8scan.io/',
+    },
+  },
+} as const satisfies Chain
+
 //CONFIGURABLE: The default export controls the supported chains for the marketplace. Removing
 // or adding chains will result in adding more or less chains to the marketplace.
 // They are an extension of the wagmi chain objects
@@ -208,6 +236,26 @@ export default [
     ],
     checkPollingInterval: reservoirChains.bsc.checkPollingInterval,
   },
+  {
+    ...opBNB,
+    lightIconUrl: '/icons/bsc-icon-dark.svg',
+    darkIconUrl: '/icons/bsc-icon-light.svg',
+    reservoirBaseUrl: reservoirChains.opBnb.baseApiUrl,
+    proxyApi: '/api/reservoir/opbnb',
+    routePrefix: 'opbnb',
+    coingeckoId: 'binancecoin',
+    checkPollingInterval: reservoirChains.opBnb.checkPollingInterval,
+  },
+  {
+    ...customChains.ancient8,
+    lightIconUrl: '/icons/ancient8-icon-dark.svg',
+    darkIconUrl: '/icons/ancient8-icon-light.svg',
+    reservoirBaseUrl: reservoirChains.ancient8.baseApiUrl,
+    proxyApi: '/api/reservoir/ancient8',
+    routePrefix: 'ancient8',
+    coingeckoId: 'ethereum',
+    checkPollingInterval: reservoirChains.ancient8.checkPollingInterval,
+  },
   {
     ...avalanche,
     lightIconUrl: '/icons/avalanche-icon-dark.svg',
@@ -286,4 +334,16 @@ export default [
     community: process.env.NEXT_PUBLIC_SCROLL_COMMUNITY,
     checkPollingInterval: reservoirChains.scroll.checkPollingInterval,
   },
+  {
+    ...ancient8Testnet,
+    lightIconUrl: '/icons/ancient8-icon-dark.svg',
+    darkIconUrl: '/icons/ancient8-icon-light.svg',
+    reservoirBaseUrl: 'https://api-ancient8-testnet.reservoir.tools',
+    proxyApi: '/api/reservoir/ancient8Testnet',
+    routePrefix: 'ancient8Testnet',
+    apiKey: process.env.RESERVOIR_API_KEY,
+    coingeckoId: 'ethereum',
+    collectionSetId: process.env.NEXT_PUBLIC_ANCIENT8TESTNET_COLLECTION_SET_ID,
+    community: process.env.NEXT_PUBLIC_NCIENT8TESTNET_COMMUNITY,
+  },
 ] as ReservoirChain[]
diff --git a/utils/wrappedContracts.ts b/utils/wrappedContracts.ts
index 43b1c9fe9..31a31f1f4 100644
--- a/utils/wrappedContracts.ts
+++ b/utils/wrappedContracts.ts
@@ -17,6 +17,7 @@ const wrappedContracts: Record<number, string> = {
   534352: '0x5300000000000000000000000000000000000004', //scroll
   7777777: '0x4200000000000000000000000000000000000006', //zora
   11155111: '0x7b79995e5f793a07bc00c21412e50ecae098e7f9', //sepolia
+  2863311531: '0x4200000000000000000000000000000000000006', //ancient8testnet
 }
 
 export default wrappedContracts