diff --git a/apps/nextjs/src/app/collection/[id]/(list)/L2ERC721Card.tsx b/apps/nextjs/src/app/collection/[id]/(list)/L2ERC721Card.tsx
index 369b0340..6ebad503 100644
--- a/apps/nextjs/src/app/collection/[id]/(list)/L2ERC721Card.tsx
+++ b/apps/nextjs/src/app/collection/[id]/(list)/L2ERC721Card.tsx
@@ -39,7 +39,7 @@ export const L2ERC721Card = ({
diff --git a/apps/nextjs/src/app/user/UserTabs.tsx b/apps/nextjs/src/app/user/UserTabs.tsx
index c5cd5b17..98fce7f1 100644
--- a/apps/nextjs/src/app/user/UserTabs.tsx
+++ b/apps/nextjs/src/app/user/UserTabs.tsx
@@ -26,6 +26,7 @@ export const UserTabs = ({ address }: { address: string }) => {
{ name: "Golden Token", link: "" },
{ name: "Beasts", link: "beasts" },
{ name: "Blobert", link: "blobert" },
+ { name: "Banners", link: "banners" },
);
}
return (
diff --git a/apps/nextjs/src/app/user/[address]/banners/page.tsx b/apps/nextjs/src/app/user/[address]/banners/page.tsx
new file mode 100644
index 00000000..4ef41a64
--- /dev/null
+++ b/apps/nextjs/src/app/user/[address]/banners/page.tsx
@@ -0,0 +1,23 @@
+import { Suspense } from "react";
+import { LoadingSkeletonGrid } from "@/app/_components/LoadingSkeletonGrid";
+import L2ERC721Table from "@/app/collection/[id]/(list)/L2ERC721Table";
+import { SUPPORTED_L2_CHAIN_ID } from "@/constants/env";
+
+import { Collections, getCollectionAddresses } from "@realms-world/constants";
+
+export default async function Page({
+ params,
+}: {
+ params: { address: string };
+}) {
+ return (
+ }>
+
+
+ );
+}
diff --git a/config/styles/globals.css b/config/styles/globals.css
index 7645b1a7..6a09e0e3 100644
--- a/config/styles/globals.css
+++ b/config/styles/globals.css
@@ -134,11 +134,3 @@ body::-webkit-scrollbar-thumb,
position: relative;
}
-svg image {
- image-rendering: pixelated;
-}
-@layer components {
- .disable-blur{
- image-rendering: pixelated;
- }
-}