diff --git a/packages/website/components/Ecosystem/EcosystemSection.tsx b/packages/website/components/Ecosystem/EcosystemSection.tsx index 87e2bc4ed8d..44e359ce66a 100644 --- a/packages/website/components/Ecosystem/EcosystemSection.tsx +++ b/packages/website/components/Ecosystem/EcosystemSection.tsx @@ -154,6 +154,15 @@ const ecosystemData: EcosystemData[] = [ filters: [], isLive: true, }, + { + icon: "/images/ecosystem/polyhedra.svg", + name: "Polyhedra", + link: "https://polyhedra.network/", + description: + "Polyhedra Network is building the infrastructure for Web3 interoperability with efficient zero-knowledge proof protocols. Polyhedra Network designs and implements zkBridge, providing trustless and efficient cross-chain infrastructures for layer-1 and layer-2 interoperability.", + filters: ["zk"], + isLive: true, + }, { icon: "/images/ecosystem/rai-finance.png", name: "RAI Finance", @@ -322,15 +331,13 @@ 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 (