feat(website): use cards in guides (#14378)

Co-authored-by: Marcus Wentz <[email protected]> Co-authored-by: d1onys1us <[email protected]> Co-authored-by: TABASCO <[email protected]> Co-authored-by: Korbinian <[email protected]> Co-authored-by: Brecht Devos <[email protected]> Co-authored-by: David <[email protected]> Co-authored-by: Daniel Wang <[email protected]> Co-authored-by: Tacrew <[email protected]> Co-authored-by: TIGGERLAND <[email protected]> Co-authored-by: IchiCoin <[email protected]>
taikoxyz · Aug 11, 2023 · cd1db4a · cd1db4a
1 parent fbbc417
commit cd1db4a
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 16 deletions.
diff --git a/packages/website/pages/docs/guides.mdx b/packages/website/pages/docs/guides.mdx
@@ -1,21 +1,28 @@
+import { Cards, Card } from "nextra/components";
+
 # Guides
 
 Check out our guides below. You can leave feedback [here](https://docs.google.com/forms/d/1Vn10tqZW0bPvNUItzeek9u8kh7YkQZOGorMb3LuJVVA) and ask any questions on the [Taiko Discord](https://discord.gg/taikoxyz)!
 
-# Build on Taiko
+## Build on Taiko
+
+<Cards>
+  <Card title="💰 Setup your wallet" href="/docs/guides/build-on-taiko/setup-your-wallet" />
+  <Card title="🎁 Receive tokens" href="/docs/guides/build-on-taiko/receive-tokens" />
+  <Card title="🌉 Bridge tokens" href="/docs/guides/build-on-taiko/bridge-tokens" />
+  <Card title="🔄 Swap tokens" href="/docs/guides/build-on-taiko/swap-tokens" />
+  <Card title="🚀 Deploy a contract" href="/docs/guides/build-on-taiko/deploy-a-contract" />
+  <Card title="📜 Verify a contract" href="/docs/guides/build-on-taiko/verify-a-contract" />
+  <Card title="🛠️ Build a dapp" href="/docs/guides/build-on-taiko/build-a-dapp" />    
+</Cards>
 
-- 💰 [Setup your wallet](/docs/guides/build-on-taiko/setup-your-wallet)
-- 🎁 [Receive tokens](/docs/guides/build-on-taiko/receive-tokens)
-- 🌉 [Bridge tokens](/docs/guides/build-on-taiko/bridge-tokens)
-- 🔄 [Swap tokens](/docs/guides/build-on-taiko/swap-tokens)
-- 🚀 [Deploy a contract](/docs/guides/build-on-taiko/deploy-a-contract)
-- 📜 [Verify a contract](/docs/guides/build-on-taiko/verify-a-contract)
-- 🛠️ [Build a dapp](/docs/guides/build-on-taiko/build-a-dapp)
+## Run a node
 
-# Run a node
+<Cards>
+  <Card title="🔷 Run a Sepolia node" href="/docs/guides/run-a-node/run-a-sepolia-node"/>
+  <Card title="🥁 Run a Taiko node" href="/docs/guides/run-a-node/run-a-taiko-node"/>
+  <Card title="📤 Enable a proposer" href="/docs/guides/run-a-node/enable-a-proposer"/>
+  <Card title="🔎 Enable a prover" href="/docs/guides/run-a-node/enable-a-prover"/>
+  <Card title="🛄 Claim prover rewards" href="/docs/guides/run-a-node/claim-prover-rewards"/>
+</Cards>
 
-- ♦️ [Run a Sepolia node](/docs/guides/run-a-node/run-a-sepolia-node)
-- 🥁 [Run a Taiko node](/docs/guides/run-a-node/run-a-taiko-node)
-- ✉️ [Enable a proposer](/docs/guides/run-a-node/enable-a-proposer)
-- 🔎 [Enable a prover](/docs/guides/run-a-node/enable-a-prover)
-- 🛄 [Claim prover rewards](/docs/guides/run-a-node/claim-prover-ttko)
diff --git a/packages/website/pages/docs/guides/run-a-node/_meta.json b/packages/website/pages/docs/guides/run-a-node/_meta.json
@@ -1,12 +1,12 @@
 {
   "run-a-sepolia-node": {
-    "title": "♦️ Run a Sepolia node"
+    "title": "🔷 Run a Sepolia node"
   },
   "run-a-taiko-node": {
     "title": "🥁 Run a Taiko node"
   },
   "enable-a-proposer": {
-    "title": "✉️ Enable a proposer"
+    "title": "📤 Enable a proposer"
   },
   "enable-a-prover": {
     "title": "🔎 Enable a prover"