Chainlist default banner for PAID CHAINS (#3911)

## Problem solved

Short description of the bug fixed or feature added
Added a default banner and CTA image for every paying chain except lens.
Added an about section to every paying chain
Added a link to their website for every paying chain

##How to test
Visit the chain's chainlist page and view the images.
Click on their "learn More" butttons to be taken to their website.
Chains Added
- Lumia Mainnet
- Superposition Testnet
- Aleph 0 Mainnet
- b3 Mainnet
- Campnetwork v2 testnet
- Donatuz mainnet
- Fuse
- Gemuchain
- 0g labs testnet
- zkCandy
- zkSync

<!-- start pr-codex -->

---

## PR-Codex overview
The focus of this PR is to add metadata for different blockchains in the dashboard.

### Detailed summary
- Added metadata for Lumia Mainnet, Superposition Testnet, Aleph 0 Mainnet, B3 Mainnet, CampNetwork Testnet v2, Donatuz, Fuse, Gemuchain, 0G-Newton-Testnet, Plume, zkCandy, and zkSync
- Updated `utils.ts` with imports for new assets
- Updated chain metadata record with details for each blockchain

> ✨ Ask PR-Codex anything about this PR by commenting with `/codex {your question}`

<!-- end pr-codex -->
This commit is contained in:
Joe-Thirdweb
2024-08-02 19:14:22 +00:00
parent 9c292a4903
commit e7f7ae8452
7 changed files with 152 additions and 0 deletions
Binary file not shown.

After

Width:  |  Height:  |  Size: 58 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.7 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 560 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 629 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 49 KiB

@@ -7,12 +7,19 @@ import ancient8Banner from "./temp-assets/ancient8-banner.png";
import baseBanner from "./temp-assets/base-banner.jpeg";
import superchainCTABG from "./temp-assets/cta-bg-superchain.png";
import xaiCTABg from "./temp-assets/cta-bg-xai-connect.png";
import thirdwebCTA from "./temp-assets/cta-thirdweb.png";
import lumiaCTA from "./temp-assets/lumia-cta.png";
import lumiaBanner from "./temp-assets/lumiaBanner.png";
import mantleBanner from "./temp-assets/mantle-banner.jpeg";
import rootStockBanner from "./temp-assets/rootstock-banner.png";
import rootStockCTABG from "./temp-assets/rootstock-cta.png";
import superpositionBanner from "./temp-assets/superpositionBanner.png";
import superpositionCTA from "./temp-assets/superpositionCTA.png";
import thirdwebBanner from "./temp-assets/thirdweb-banner.png";
import vanarBanner from "./temp-assets/vanar-banner.png";
import vanarCTABG from "./temp-assets/vanar-cta.png";
import xaiBanner from "./temp-assets/xai-banner.jpg";
import type { ChainMetadataWithServices } from "./types/chain";
// END TEMPORARY
@@ -166,6 +173,151 @@ const chainMetaRecord = {
title: "Fully EVM compatible L1 for Entertainment",
},
},
// lumia Mainnet
994873017: {
headerImgUrl: lumiaBanner.src,
about:
"Lumia is a groundbreaking modular layer 2 blockchain designed to integrate real-world assets (RWA) with cross-chain liquidity. A seamless, efficient, and scalable aggregation layer that unifies liquidity from both centralized (CEX) and decentralized exchanges (DEX) to provide builders with immediate access to the biggest markets in Web3.",
cta: {
backgroundImageUrl: lumiaCTA.src,
title:
"Lumia is a groundbreaking modular layer 2 blockchain designed to integrate real-world assets (RWA) with cross-chain liquidity. A seamless, efficient, and scalable aggregation layer that unifies liquidity from both centralized (CEX) and decentralized exchanges (DEX) to provide builders with immediate access to the biggest markets in Web3.",
buttonLink: "https://docs.lumia.org/",
buttonText: "Learn more",
},
},
// Superposition Testnet
98985: {
headerImgUrl: superpositionBanner.src,
about:
"Superposition is the first blockchain that pays you to use it. It is a DeFi native Layer-3 that focuses on novel incentives and order-flow for growth and value capture for developers and users alike.\n\nSuperpositions includes a native on-chain orderbook with faster execution speeds through Stylus, providing shared and permissionless liquidity for all apps onchain, and Super Assets, which pay yield when you both hold and use them.",
cta: {
backgroundImageUrl: superpositionCTA.src,
title: "The Blockchain that pays you to use it",
buttonLink: "https://superposition.so/",
buttonText: "Learn more",
},
},
// Aleph 0 Mainnet
41455: {
headerImgUrl: thirdwebBanner.src,
about:
"Deploy Web3 apps that are as fast as legacy solutions. Aleph Zero is a layer 1 that enables teams to deploy scalable, secure, low-cost, and ZK privacy-enhanced products across multiple verticals—from DeFi and gaming to enterprise.",
cta: {
backgroundImageUrl: thirdwebCTA.src,
title: "",
buttonLink: "https://alephzero.org/",
buttonText: "Learn more",
},
},
// B3 Mainnet
8333: {
headerImgUrl: thirdwebBanner.src,
about:
"Created by a team of Base/Coinbase alumni and OG ETH contributors, B3 is a horizontally scaled gaming ecosystem built on Base. \n\nOur rollup network settles on Base, ensuring B3 transactions inherit the security of the EVM.",
cta: {
backgroundImageUrl: thirdwebCTA.src,
title: "",
buttonLink: "https://b3.fun/",
buttonText: "Learn more",
},
},
//CampNetwork Testnet v2
325000: {
headerImgUrl: thirdwebBanner.src,
about:
"Camp Network is the user identity layer across blockchains. Camp aggregates online user data, enabling users to own and monetize their identity while helping teams better understand user behavior.",
cta: {
backgroundImageUrl: thirdwebCTA.src,
title: "",
buttonLink: "https://www.campnetwork.xyz/",
buttonText: "Learn more",
},
},
//Donatuz
42026: {
headerImgUrl: thirdwebBanner.src,
about:
"Monetize your passion, your way. Discover the freedom to grow with our creator-focused platform.",
cta: {
backgroundImageUrl: thirdwebCTA.src,
title: "",
buttonLink: "https://www.donatuz.org/",
buttonText: "Learn more",
},
},
//Fuse
122: {
headerImgUrl: thirdwebBanner.src,
about:
"Build and grow on the leading web3 platform for business and finance, powered by a performant zkEVM tailor made to get millions of consumers on-chain.",
cta: {
backgroundImageUrl: thirdwebCTA.src,
title: "",
buttonLink: "https://www.fuse.io/",
buttonText: "Learn more",
},
},
//Gemuchain
1903648807: {
headerImgUrl: thirdwebBanner.src,
about:
"Is a new Layer 2 integrating Al, Cybersecurity, ZK and a new Consensus layer - Proof Of Longevity. It will protect projects from bad actors and practices including hacks, manipulations, MEV bots and more, penalize bad actors and reward good actors and long term holders, so unlike anything out there today.",
cta: {
backgroundImageUrl: thirdwebCTA.src,
title: "",
buttonLink: "https://gemuchain.io/",
buttonText: "Learn more",
},
},
//0G-Newton-Testnet
16600: {
headerImgUrl: thirdwebBanner.src,
about:
"0G is an infinitely scalable data availability layer and data storage system that provides the necessary infrastructure to scale Web3 and bring novel use cases on-chain.",
cta: {
backgroundImageUrl: thirdwebCTA.src,
title: "",
buttonLink: "https://0g.ai/",
buttonText: "Learn more",
},
},
//Plume
161221135: {
headerImgUrl: thirdwebBanner.src,
about:
"Plume Network is the premier RWA chain built for crypto natives. Venture into RWA land with us while earning Plume Miles!",
cta: {
backgroundImageUrl: thirdwebCTA.src,
title: "",
buttonLink: "https://www.plumenetwork.xyz/",
buttonText: "Learn more",
},
},
//zkCandy
302: {
headerImgUrl: thirdwebBanner.src,
about:
"Explore our cutting-edge Layer2 Ethereum scaling ZK Chain built for gaming and entertainment with the latest zk-proof technology.",
cta: {
backgroundImageUrl: thirdwebCTA.src,
title: "",
buttonLink: "https://zkcandy.io/",
buttonText: "Learn more",
},
},
//zkSync
324: {
headerImgUrl: thirdwebBanner.src,
about:
"ZKsync is an ever expanding verifiable blockchain network, secured by math.",
cta: {
backgroundImageUrl: thirdwebCTA.src,
title: "",
buttonLink: "https://zksync.io/",
buttonText: "Learn more",
},
},
} satisfies Record<number, ChainMetadata>;
// END TEMPORARY