chore(website): add chainpray and mintpad to ecosystem (#14552)

packages/website/components/Ecosystem/EcosystemSection.tsx

@@ -65,6 +65,15 @@ const ecosystemData: EcosystemData[] = [
     filters: [],
     isLive: true,
   },
+  {
+    icon: "/images/ecosystem/chainpray.png",
+    name: "ChainPray",
+    link: "https://chainpray.com",
+    description:
+      "ChainPray provides spiritual assistance to ordinary users in the cryptocurrency community, combining traditional prayer with blockchain technology.",
+    filters: [],
+    isLive: true,
+  },
   {
     icon: "/images/ecosystem/cloak.png",
     name: "Cloak",
@@ -92,6 +101,15 @@ const ecosystemData: EcosystemData[] = [
     filters: [],
     isLive: true,
   },
+  {
+    icon: "/images/ecosystem/mintpad.jpeg",
+    name: "Mintpad",
+    link: "https://mintpad.co/",
+    description:
+      "Mintpad is a multi-chain, no-code creator tool solution designed to assist creators in implementing artwork, passes, tickets, and other items on various EVM-compatible blockchain networks.",
+    filters: [],
+    isLive: true,
+  },
   {
     icon: "/images/ecosystem/goneuron.jpeg",
     name: "neuron 🧠",
@@ -133,8 +151,8 @@ const ecosystemData: EcosystemData[] = [
     name: "Morkie",
     link: "https://www.morkie.xyz/",
     description:
-      "Morkie aims to create an immersive oasis for NFT enthusiasts and collectors, offering them a unique space to not only showcase their digital assets but also to earn rewards for their loyalty and participation in the ecosystem. Our vision is to foster a thriving community that embraces the potential of NFTs beyond static ownership.",
-    filters: ['nft'],
+      "Morkie aims to create an immersive oasis for NFT enthusiasts and collectors, offering them a unique space to not only showcase their digital assets but also to earn rewards for their loyalty and participation in the ecosystem.",
+    filters: ["nft"],
     isLive: true,
   },
   {
@@ -203,7 +221,7 @@ const ecosystemData: EcosystemData[] = [
     name: "Phalcon Explorer",
     link: "https://explorer.phalcon.xyz/",
     description:
-      "Designed specifically for the DeFi community, Phalcon Explorer empowers developers, traders, and security researchers to delve deep into transactions. As of now, Phalcon Explorer boasts over 20,000 monthly active users, analyzing approximately 10,000 transactions daily across 160+ countries. Notably, 75% of our user base hails from major countries including the US, China, and the UK.",
+      "Designed specifically for the DeFi community, Phalcon Explorer empowers developers, traders, and security researchers to delve deep into transactions.",
     filters: [],
     isLive: false,
   },
@@ -307,7 +325,8 @@ const ecosystemData: EcosystemData[] = [
     icon: "/images/ecosystem/vooi.jpeg",
     name: "Vooi",
     link: "https://vooi.io/",
-    description: "vooi is a stableswap AMM DEX built for L2 chains on top of Unbounded pool technology.",
+    description:
+      "vooi is a stableswap AMM DEX built for L2 chains on top of Unbounded pool technology.",
     filters: [],
     isLive: true,
   },
@@ -427,13 +446,15 @@ export function EcosystemSection() {
 function FilterLabel({ text, activeFilter, setActiveFilter }) {
   const isActive = activeFilter === text;
 
-  const buttonStyles = `border rounded-full py-1 px-4 text-sm focus:outline-none transition-colors duration-200 font-bold ${isActive
-    ? "bg-gray-300 text-black"
-    : "bg-white text-gray-700 dark:bg-black dark:text-gray-300"
-    } ${isActive
+  const buttonStyles = `border rounded-full py-1 px-4 text-sm focus:outline-none transition-colors duration-200 font-bold ${
+    isActive
+      ? "bg-gray-300 text-black"
+      : "bg-white text-gray-700 dark:bg-black dark:text-gray-300"
+  } ${
+    isActive
       ? "hover:bg-gray-400"
       : "hover:bg-neutral-100 dark:hover:bg-neutral-800"
-    }`;
+  }`;
 
   return (
     <button className={buttonStyles} onClick={() => setActiveFilter(text)}>