From 8efbbd7c1b7e10b87ad1e449e78493c826076d7a Mon Sep 17 00:00:00 2001
From: RH <93211672+PrintRH@users.noreply.github.com>
Date: Wed, 5 Feb 2025 16:56:39 +0800
Subject: [PATCH 1/3] docs: add mainnet setup

---
 src/content/docs/en/user-guide/setup.mdx | 65 ++++++++++++++++++------
 1 file changed, 50 insertions(+), 15 deletions(-)

diff --git a/src/content/docs/en/user-guide/setup.mdx b/src/content/docs/en/user-guide/setup.mdx
index e12cd9a86..1eeaee3b4 100644
--- a/src/content/docs/en/user-guide/setup.mdx
+++ b/src/content/docs/en/user-guide/setup.mdx
@@ -5,38 +5,73 @@ title: "Setup"
 lang: "en"
 permalink: "user-guide/setup/"
 whatsnext: { "Grab Sepolia ETH from a Faucet": "/en/user-guide/faucet" }
-excerpt: "You need to have a wallet to interact with the Scroll Testnet. You can find some example wallets and configuration tips here."
+excerpt: "You need to have a wallet to interact with the Scroll network. You can find some example wallets and configuration tips here."
 ---
 
 import Aside from "../../../../components/Aside.astro"
+import ToggleElement from "../../../../components/ToggleElement.astro"
 
 ## Wallet
 
-You need to have a wallet to interact with dApps on the Scroll Sepolia testnet. You can find some example wallets and configuration tips below. Our Bridge app supports MetaMask, Coinbase Wallet, or any wallet with WalletConnect support.
+You need to have a wallet to interact with dApps on Scroll. You can find some example wallets and configuration tips below. Our Bridge app supports MetaMask, Coinbase Wallet, or any wallet with WalletConnect support.
 
 ### MetaMask
 
 You can install MetaMask from their [official website](https://metamask.io/download/).
 
-You can import the Scroll Sepolia testnet configurations to your MetaMask wallet. To do this, visit the [Scroll Sepolia portal](https://sepolia.scroll.io/portal), then click the "Connect Wallet" button and select MetaMask. Next, click the "Add to MetaMask" buttons for Sepolia Testnet and Scroll Sepolia Testnet. This will import the chain ID and RPC URLs for the Scroll Sepolia Testnet. The Sepolia Testnet is also configured on MetaMask by default. To show it, click "Show/hide test networks" in the MetaMask network selection dropdown menu.
+You can import the Scroll mainnet and Scroll Sepolia testnet configurations to your MetaMask wallet by following the steps below. 
 
-### Manual network configuration (for other wallets)
+To do this, visit the [Scroll Sepolia portal](https://sepolia.scroll.io/portal), then click the "Connect Wallet" button and select MetaMask. Next, click the "Add to MetaMask" buttons for Sepolia Testnet and Scroll Sepolia Testnet. This will import the chain ID and RPC URLs for the Scroll Sepolia Testnet. The Sepolia Testnet is also configured on MetaMask by default. To show it, click "Show/hide test networks" in the MetaMask network selection dropdown menu.
 
-The **Add to wallet** links may not be compatible with every wallet. If you are having issues using them, you may need to manually add the _Sepolia Testnet_ and _Scroll Sepolia_ network by inserting the configuration details from the table below:
+## Network Configuration
 
-| Network Name       | Scroll Sepolia Testnet                                           | Sepolia Testnet                                                              |
-| ------------------ | ---------------------------------------------------------------- | ---------------------------------------------------------------------------- |
-| RPC URL            | [https://sepolia-rpc.scroll.io/](https://sepolia-rpc.scroll.io/) | [https://eth-sepolia-public.unifra.io](https://eth-sepolia-public.unifra.io) |
-| Chain ID           | 534351                                                           | 11155111                                                                     |
-| Currency Symbol    | ETH                                                              | ETH                                                                          |
-| Block Explorer URL | [https://sepolia.scrollscan.com](https://sepolia.scrollscan.com) | [https://sepolia.etherscan.io](https://sepolia.etherscan.io)                 |
+### Scroll Mainnet
+
+Visit the [Scroll portal](https://scroll.io/portal), then click the "Connect Wallet" button and select MetaMask. Next, click the "Add to MetaMask" button for Layer 2 Scroll to directly import the network configurations. Finally, click "Approve" to add the network to your MetaMask wallet.
+
+Alternatively, you may use the table below to manually configure Scroll mainnet in other wallets.
+
+| Network Name       | Scroll                                             | Ethereum Mainnet                                     |
+| ------------------ | -------------------------------------------------- | ---------------------------------------------------- |
+| RPC URL            | [https://rpc.scroll.io/](https://rpc.scroll.io/)   | [https://eth.llamarpc.com](https://eth.llamarpc.com) |
+| Chain ID           | 534352                                             | 1                                                    |
+| Currency Symbol    | ETH                                                | ETH                                                  |
+| Block Explorer URL | [https://scrollscan.com/](https://scrollscan.com/) | [https://etherscan.io](https://etherscan.io)         |
+
+<ToggleElement anchor="mainnet-additional-infra">
+  <div slot="title">Additional Scroll Mainnet RPCs and Infra</div>
+  - [Scroll Native Bridge](https://scroll.io/bridge)
+  - [Scroll RPC Providers on ChainList.org](https://chainlist.org/chain/534352)
+  - [Ethereum RPC Providers on ChainList.org](https://chainlist.org/chain/1)
+
+</ToggleElement>
+
+### Scroll Sepolia Testnet
+
+Visit the [Scroll Sepolia portal](https://sepolia.scroll.io/portal), then click the "Connect Wallet" button and select MetaMask. Next, click the "Add to MetaMask" buttons for Scroll Sepolia Testnet. This will import the chain ID and RPC URLs for the Scroll Sepolia Testnet. The Ethereum Sepolia Testnet is also configured on MetaMask by default. To show it, click "Show/hide test networks" in the MetaMask network selection dropdown menu.
+
+Alternatively, you may use the table below to manually configure Scroll Sepolia testnet in other wallets.
+
+| Network Name       | Scroll Sepolia                                                    | Ethereum Sepolia                                             |
+| ------------------ | ----------------------------------------------------------------- | ------------------------------------------------------------ |
+| RPC URL            | [https://sepolia-rpc.scroll.io/](https://sepolia-rpc.scroll.io/)  | [https://rpc2.sepolia.org](https://rpc2.sepolia.org)         |
+| Chain ID           | 534351                                                            | 11155111                                                     |
+| Currency Symbol    | ETH                                                               | ETH                                                          |
+| Block Explorer URL | [https://sepolia.scrollscan.com](https://sepolia.scrollscan.com/) | [https://sepolia.etherscan.io](https://sepolia.etherscan.io) |
+
+<ToggleElement anchor="sepolia-additional-infra">
+  <div slot="title">Additional Scroll Sepolia RPCs and Infra</div>
+  - [Scroll Sepolia Native Bridge](https://sepolia.scroll.io/bridge)
+  - [Scroll Sepolia RPC Providers on ChainList.org](https://chainlist.org/chain/534351)
+  - [Ethereum Sepolia RPC Providers on ChainList.org](https://chainlist.org/chain/11155111)
+
+</ToggleElement>
 
 <Aside type="tip" title="Additional Block Explorers">
-  For looking into activity on Layer 1, use Etherscan's [Sepolia Testnet Explorer](https://sepolia.etherscan.io).
 
-For an alternative block explorer experience, Unifra has built [L2Scan](https://scroll-sepolia.l2scan.co/), which lets users
-explore additional aspects of the Scroll Sepolia Testnet.
-[Dora](https://www.ondora.xyz/network/scroll-sepolia/interactions) also supports Scroll Sepolia and provides a
+For an alternative block explorer experience, Unifra has built [Scroll L2Scan](https://scroll.l2scan.co/) and [Scroll Sepolia L2Scan](https://scroll-sepolia.l2scan.co/), which lets users
+explore additional aspects of the Scroll network.
+[Dora](https://www.ondora.xyz/network/scroll) and [Dora (Scroll Sepolia)](https://www.ondora.xyz/network/scroll-sepolia/interactions) also supports Scroll network and provides a
 multi-chain view of blockchain activity.
 
 </Aside>

From 1091e8c4532e10df7620b7e701760c5a96ab0885 Mon Sep 17 00:00:00 2001
From: RH <93211672+PrintRH@users.noreply.github.com>
Date: Wed, 5 Feb 2025 17:19:40 +0800
Subject: [PATCH 2/3] docs: clarify edits

---
 src/content/docs/en/user-guide/setup.mdx | 11 +++++------
 1 file changed, 5 insertions(+), 6 deletions(-)

diff --git a/src/content/docs/en/user-guide/setup.mdx b/src/content/docs/en/user-guide/setup.mdx
index 1eeaee3b4..8bb00b4dd 100644
--- a/src/content/docs/en/user-guide/setup.mdx
+++ b/src/content/docs/en/user-guide/setup.mdx
@@ -19,7 +19,7 @@ You need to have a wallet to interact with dApps on Scroll. You can find some ex
 
 You can install MetaMask from their [official website](https://metamask.io/download/).
 
-You can import the Scroll mainnet and Scroll Sepolia testnet configurations to your MetaMask wallet by following the steps below. 
+You can import the Scroll mainnet and Scroll Sepolia testnet configurations to your MetaMask wallet by following the steps below.
 
 To do this, visit the [Scroll Sepolia portal](https://sepolia.scroll.io/portal), then click the "Connect Wallet" button and select MetaMask. Next, click the "Add to MetaMask" buttons for Sepolia Testnet and Scroll Sepolia Testnet. This will import the chain ID and RPC URLs for the Scroll Sepolia Testnet. The Sepolia Testnet is also configured on MetaMask by default. To show it, click "Show/hide test networks" in the MetaMask network selection dropdown menu.
 
@@ -27,9 +27,9 @@ To do this, visit the [Scroll Sepolia portal](https://sepolia.scroll.io/portal),
 
 ### Scroll Mainnet
 
-Visit the [Scroll portal](https://scroll.io/portal), then click the "Connect Wallet" button and select MetaMask. Next, click the "Add to MetaMask" button for Layer 2 Scroll to directly import the network configurations. Finally, click "Approve" to add the network to your MetaMask wallet.
+Visit the [Scroll portal](https://scroll.io/portal), then click the "Connect Wallet" button and select MetaMask. Next, click the "Add to MetaMask" button in "Layer2: Scroll" to directly import the network configurations. Finally, click "Approve" to add the network to your MetaMask wallet.
 
-Alternatively, you may use the table below to manually configure Scroll mainnet in other wallets.
+Alternatively, you can use the table below to manually configure Scroll mainnet in other wallets.
 
 | Network Name       | Scroll                                             | Ethereum Mainnet                                     |
 | ------------------ | -------------------------------------------------- | ---------------------------------------------------- |
@@ -50,7 +50,7 @@ Alternatively, you may use the table below to manually configure Scroll mainnet
 
 Visit the [Scroll Sepolia portal](https://sepolia.scroll.io/portal), then click the "Connect Wallet" button and select MetaMask. Next, click the "Add to MetaMask" buttons for Scroll Sepolia Testnet. This will import the chain ID and RPC URLs for the Scroll Sepolia Testnet. The Ethereum Sepolia Testnet is also configured on MetaMask by default. To show it, click "Show/hide test networks" in the MetaMask network selection dropdown menu.
 
-Alternatively, you may use the table below to manually configure Scroll Sepolia testnet in other wallets.
+Alternatively, you can use the table below to manually configure Scroll Sepolia testnet in other wallets.
 
 | Network Name       | Scroll Sepolia                                                    | Ethereum Sepolia                                             |
 | ------------------ | ----------------------------------------------------------------- | ------------------------------------------------------------ |
@@ -69,8 +69,7 @@ Alternatively, you may use the table below to manually configure Scroll Sepolia
 
 <Aside type="tip" title="Additional Block Explorers">
 
-For an alternative block explorer experience, Unifra has built [Scroll L2Scan](https://scroll.l2scan.co/) and [Scroll Sepolia L2Scan](https://scroll-sepolia.l2scan.co/), which lets users
-explore additional aspects of the Scroll network.
+For an alternative block explorer experience, Unifra has built [Scroll L2Scan](https://scroll.l2scan.co/) and [Scroll Sepolia L2Scan](https://scroll-sepolia.l2scan.co/), which lets users explore additional aspects of the Scroll network.
 [Dora](https://www.ondora.xyz/network/scroll) and [Dora (Scroll Sepolia)](https://www.ondora.xyz/network/scroll-sepolia/interactions) also supports Scroll network and provides a
 multi-chain view of blockchain activity.
 

From 414aabf9301e94b7cb18a3dafc04709ce1aeb406 Mon Sep 17 00:00:00 2001
From: RH <93211672+PrintRH@users.noreply.github.com>
Date: Wed, 5 Feb 2025 17:20:10 +0800
Subject: [PATCH 3/3] docs: restructure sidebar

---
 src/config/sidebar.ts | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/src/config/sidebar.ts b/src/config/sidebar.ts
index 6256c16fa..eea487edc 100644
--- a/src/config/sidebar.ts
+++ b/src/config/sidebar.ts
@@ -7,11 +7,11 @@ export const getSidebar = () => {
     gettingStarted: [
       {
         section: t("sidebar.gettingStarted.gettingStarted"),
-        contents: [{ title: t("sidebar.gettingStarted.overview"), url: "getting-started/overview" }],
-      },
-      {
-        section: t("sidebar.gettingStarted.scrollSepoliaTestnet"),
         contents: [
+          {
+            title: t("sidebar.gettingStarted.overview"),
+            url: "getting-started/overview",
+          },
           {
             title: t("sidebar.gettingStarted.userGuide"),
             url: formatUrl("user-guide/"),
@@ -38,6 +38,11 @@ export const getSidebar = () => {
               },
             ],
           },
+        ],
+      },
+      {
+        section: t("sidebar.gettingStarted.scrollSepoliaTestnet"),
+        contents: [
           {
             title: t("sidebar.gettingStarted.scrollSepoliaBlockExplorer"),
             url: "https://sepolia.scrollscan.com/",