Chain Page Updates for Creator & Metal

apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/(chainPage)/layout.tsx

@@ -189,7 +189,7 @@ export default async function ChainPageLayout(props: {
 
             {/* description */}
             {chainMetadata?.about && (
-              <p className="mb-2 text-muted-foreground text-sm lg:text-base">
+              <p className="mb-2 whitespace-pre-line text-muted-foreground text-sm lg:text-base">
                 {chainMetadata.about}
               </p>
             )}

apps/dashboard/src/app/(dashboard)/(chain)/utils.ts

@@ -24,9 +24,13 @@ import laosCTA from "./temp-assets/laosCTA.jpg";
 import liskBanner from "./temp-assets/liskBanner.png";
 import liskCTA from "./temp-assets/liskCTA.png";
 
+import creatorBanner from "./temp-assets/creatorBanner.png";
+import creatorCTA from "./temp-assets/creatorCTA.png";
 import lumiaCTA from "./temp-assets/lumia-cta.png";
 import lumiaBanner from "./temp-assets/lumiaBanner.png";
 import mantleBanner from "./temp-assets/mantle.png";
+import metalBanner from "./temp-assets/metalBanner.png";
+import metalCTA from "./temp-assets/metalCTA.png";
 import plumeBanner from "./temp-assets/plumeBanner.png";
 import plumeCTA from "./temp-assets/plumeCTA.png";
 import rootStockBanner from "./temp-assets/rootstock-banner.png";
@@ -298,6 +302,18 @@ const chainMetaRecord = {
       buttonText: "Learn more",
     },
   },
+  //Creator Mainnet
+  66665: {
+    headerImgUrl: creatorBanner.src,
+    about:
+      "From Builders to Builders, From Idea to Creation ⚡\nCreator is AI Superhero Layer 2 Blockchain 🦇\nBuilt on the OP Stack, leveraging the robust foundation of Optimism 🟡🔴. We adopt the OP Stack's design principles because, as builders, we know they work and align perfectly with our values.\nWhy Creator?\nWe're constructing our Testnet on the Bedrock release of the OP Stack, ensuring a scalable and modular infrastructure that supports innovative and decentralized applications.\nCore Features:\n- Lightning Fast Transactions: Say goodbye to slow speeds with Creator's Layer 2 technology.\n- Low Fees: Lower transaction costs make blockchain accessible to all.\n- Scalable Infrastructure: Creator's network adapts effortlessly as you grow.",
+    cta: {
+      backgroundImageUrl: creatorCTA.src,
+      title: "From Builders to Builders, From Idea to Creation ⚡",
+      buttonLink: "https://www.creatorchain.io/",
+      buttonText: "Learn More",
+    },
+  },
   //Donatuz
   42026: {
     headerImgUrl: thirdwebBanner.src,
@@ -405,6 +421,18 @@ const chainMetaRecord = {
     cta: OP_CTA,
     gasSponsored: true,
   },
+  //Metal L2
+  1750: {
+    headerImgUrl: metalBanner.src,
+    about:
+      "Metal L2 is a banking-focused Layer 2 blockchain built on the Optimism Superchain, designed to enable direct on-chain fiat deposits through its connection to The Digital Banking Network—an open-source blockchain banking protocol developed by Metallicus",
+    cta: {
+      backgroundImageUrl: metalCTA.src,
+      title: "Connect to The Banking Layer, Metal L2",
+      buttonLink: "https://metall2.com/",
+      buttonText: "Connect Here",
+    },
+  },
   //0G-Newton-Testnet
   16600: {
     headerImgUrl: zeroGBanner.src,
@@ -453,7 +481,7 @@ const chainMetaRecord = {
       buttonText: "Learn more",
     },
   },
-  //treasure
+  //treasure-Ruby
   978657: {
     headerImgUrl: treasureBanner.src,
     about:
@@ -465,6 +493,30 @@ const chainMetaRecord = {
       buttonText: "Learn more",
     },
   },
+  //Treasure Topaz
+  978658: {
+    headerImgUrl: treasureBanner.src,
+    about:
+      'Treasure is the decentralized game console. Powered by $MAGIC, the Treasure L2 serves as the base layer for the best cryptonative games and projects. Treasure and its network of "Infinity Chains" L3s offers EVM compatibility, massive scale, and decentralized infrastructure enshrined throughout. Combined with a passionate community and builder support, developers on Treasure are equipped with all of the tools they need to not only build great games and products, but also distribute to the masses.',
+    cta: {
+      backgroundImageUrl: treasureCTA.src,
+      title: "Start building on Treasure!",
+      buttonLink: "https://portal.treasure.lol",
+      buttonText: "Learn more",
+    },
+  },
+  //Treasure Mainnet
+  61166: {
+    headerImgUrl: treasureBanner.src,
+    about:
+      'Treasure is the decentralized game console. Powered by $MAGIC, the Treasure L2 serves as the base layer for the best cryptonative games and projects. Treasure and its network of "Infinity Chains" L3s offers EVM compatibility, massive scale, and decentralized infrastructure enshrined throughout. Combined with a passionate community and builder support, developers on Treasure are equipped with all of the tools they need to not only build great games and products, but also distribute to the masses.',
+    cta: {
+      backgroundImageUrl: treasureCTA.src,
+      title: "Start building on Treasure!",
+      buttonLink: "https://portal.treasure.lol",
+      buttonText: "Learn more",
+    },
+  },
   //AssetChain
   42421: {
     headerImgUrl: assetChainBanner.src,