add cross-chain category and resources (#498)

docs/cross-chain/_category_.json

@@ -0,0 +1,4 @@
+{
+  "label": "Cross-Chain",
+  "position": 20
+}

docs/cross-chain/axelar.md

@@ -0,0 +1,19 @@
+---
+sidebar_position: 1
+---
+
+# Axelar
+
+Axelar delivers secure cross-chain communication for Web3, enabling you to build Interchain dApps that grow beyond a single chain. 
+
+**Secure** means Axelar is built on proof-of-stake, the battle-tested approach used by Ethereum, Polygon, Cosmos, and more. 
+
+**Cross-chain** communication means you can build a complete experience for your users that lets them interact with any asset, any application, on any chain with one click.
+
+
+## Resources
+
+- [Axelar Documentation](https://docs.axelar.dev/)
+- [Axelar Examples](https://github.com/axelarnetwork/axelar-examples)
+- [Axelar Developer Tutorials](https://www.youtube.com/@Axelarcore/videos)
+- [Axelar JS SDK](https://github.com/axelarnetwork/axelarjs-sdk)

docs/cross-chain/cross-chain.md

@@ -0,0 +1,9 @@
+---
+sidebar_position: 1
+---
+
+# Cross-Chain
+
+Cross-chain bridges are software-based interoperability solutions that are designed to enable seamless interactivity between blockchains. Simply put, they employ smart contracts to enable the transfers of assets and data between different blockchain networks that would otherwise operate in isolation.
+
+- [Axelar](https://axelar.network/) delivers secure cross-chain communication for Web3, enabling you to build Interchain dApps that grow beyond a single chain.

src/components/HomepageFeatures/index.js

@@ -38,6 +38,7 @@ const FeatureList = [
       {url: "/docs/sdks", text: "SDKs"},
       {url: "/docs/notification", text: "Notifications"},
       {url: "/docs/data-network", text: "Data Network"},
+      {url: "/docs/cross-chain", text: "Cross-Chain"},
     ]
   },
 

src/css/custom.css

@@ -616,6 +616,11 @@ html[data-theme="light"] .menu__link:before {
   background-repeat: no-repeat;
 }
 
+.theme-doc-sidebar-menu li:nth-child(13) .menu__link:before {
+  background: url("../../static/img/icons/cross-chain.svg") 50% / 1.25rem 1rem;
+  background-repeat: no-repeat;
+}
+
 .theme-doc-sidebar-item-link-level-2 > .menu__link {
   margin-left: 1.25rem;
 }