address comments

Author: saminacodes

apps/portal/src/app/contracts/arbitrum-stylus/airdrop-contract/page.mdx

@@ -15,7 +15,7 @@ export const metadata = createMetadata({
 
 If you need to send tokens to thousands of wallets at once, you can leverage the Stylus Airdrop contracts. 
 
-Learn how to deploy Stylus Airdrop contracts through dashboard or CLI for inexpensive, WASM-powered distribituion on [Arbitrum](https://thirdweb.com/arbitrum) chain. 
+Learn how to deploy Stylus Airdrop contracts through dashboard or CLI for inexpensive, WASM-powered distribution on [Arbitrum](https://thirdweb.com/arbitrum) chain. 
 
 ### Benefits
 
@@ -105,18 +105,26 @@ The following includes three common patterns using thirdweb TypeScript SDK:
 **When to use:** you already have every recipient’s address and want to send everything in a single transaction.
 
 ```javascript
-import { createThirdwebClient, getContract, sendTransaction } from "thirdweb";
+import { createThirdwebClient, getContract, sendTransaction} from "thirdweb";
 import { arbitrumSepolia } from "thirdweb/chains";
 import { airdropERC721 } from "thirdweb/extensions/airdrop";
-import { createWallet } from "thirdweb/wallets";
-
-const client  = createThirdwebClient({ secretKey: process.env.TW_SECRET_KEY! });
-const wallet  = createWallet("private-key-wallet");
-const account = await wallet.connect({
-  client,
-  chain: arbitrumSepolia,
-  privateKey: process.env.PRIVATE_KEY!,
-});
+import { createWallet, injectedProvider } from "thirdweb/wallets";
+
+const client = createThirdwebClient({ clientId });
+
+const wallet = createWallet("io.metamask"); // pass the wallet id
+
+// if user has wallet installed, connect to it
+if (injectedProvider("io.metamask")) {
+  await wallet.connect({ client });
+}
+// open WalletConnect modal so user can scan the QR code and connect
+else {
+  await wallet.connect({
+    client,
+    walletConnect: { showQrModal: true },
+  });
+}
 
 const contract = getContract({
   client,

apps/portal/src/app/contracts/arbitrum-stylus/stylus-contract/page.mdx

@@ -30,7 +30,7 @@ This tutorial will cover how to create a simple NFT template project with thirdw
 - [Create a project on your thirdweb account](https://thirdweb.com/dashboard)
 - Install thirdweb CLI by running `npm install -g thirdweb`
 - Install Rust tool chain by running `curl https://sh.rustup.rs -sSf | sh` or visit rust-lang.org
-- Install solc by running by running `npm install -g solc` or visit soliditylang.org
+- Install solc by running `npm install -g solc` or visit soliditylang.org
 - Install Node version 18 or higher
 
 ## Scaffold an ERC-721 Stylus project
@@ -42,6 +42,8 @@ In your CLI, create a new directory and run the following command to create a ne
 ```bash
 npx thirdweb create-stylus
 ```
+
+Select the ERC-721 template when prompted. This will scaffold a new Stylus project with a basic ERC-721 contract.
 </Step>
 
 <Step title="Set Collection Name & Symbol">
@@ -91,22 +93,27 @@ Once the transaction confirms, the CLI will redirect you to the contract managem
 
 You can mint NFTs programmatically using the thirdweb SDKs. Use the following code snippet to mint NFTs:
 
-```
+```javascript
 import { createThirdwebClient, getContract, sendTransaction } from "thirdweb";
 import { arbitrumSepolia } from "thirdweb/chains";
 import { mintTo } from "thirdweb/extensions/erc721";
-import { createWallet } from "thirdweb/wallets";
-
-// 1 · Create a client (use secret key on backend or clientId in browser)
-const client = createThirdwebClient({ secretKey: process.env.TW_SECRET_KEY! });
-
-// 2 · Connect a wallet / account (here using a private-key wallet for Node.js)
-const wallet  = createWallet("private-key-wallet");
-const account = await wallet.connect({
-  client,
-  chain: arbitrumSepolia,
-  privateKey: process.env.PRIVATE_KEY!,
-});
+import { createWallet, injectedProvider } from "thirdweb/wallets";
+
+const client = createThirdwebClient({ clientId });
+
+const wallet = createWallet("io.metamask"); // pass the wallet id
+
+// if user has wallet installed, connect to it
+if (injectedProvider("io.metamask")) {
+  await wallet.connect({ client });
+}
+// open WalletConnect modal so user can scan the QR code and connect
+else {
+  await wallet.connect({
+    client,
+    walletConnect: { showQrModal: true },
+  });
+}
 
 // 3 · Wrap the deployed contract
 const contract = getContract({