[Portal] Add video and update prompt guide (#6163)

CORE-0000

<!-- start pr-codex -->

---

## PR-Codex overview
This PR enhances the `Nebula` documentation by adding new video tutorials and reorganizing content related to supported chains. It also expands the action descriptions in the `prompt-guide` to include bridging and swapping currencies.

### Detailed summary
- Added `Grid` and `ArticleCard` components to introduce video tutorials on using `Nebula`.
- Moved the section on supported chains to follow the new video tutorials.
- Expanded action descriptions in the `prompt-guide` to include "Bridge & Swap" functionality.

> ✨ Ask PR-Codex anything about this PR by commenting with `/codex {your question}`

<!-- end pr-codex -->

Author: saminacodes

apps/portal/src/app/nebula/page.mdx

@@ -1,5 +1,5 @@
 import { Wallet, File, MessageCircle, Braces, Bot, Blocks } from "lucide-react";
-import { DocImage, createMetadata, FeatureCard, GithubTemplateCard, Stack } from "@doc";
+import { DocImage, createMetadata, FeatureCard, GithubTemplateCard, Stack, Grid, ArticleCard } from "@doc";
 import NebulaDiagram from "./assets/nebula-diagram.png";
 import SupportedChains from "./assets/supported-chains.png";
 
@@ -53,10 +53,17 @@ Nebula is currently available in Alpha. [Join the waitlist.](https://thirdweb.co
     />
 </div>
 
-## Supported Chains
-Nebula is supported on every EVM compatible chain. To view the full list, visit [thirdweb chainlist](https://thirdweb.com/chainlist).
+## Video Tutorials
 
-<DocImage src={SupportedChains} />
+<Grid>
+
+<ArticleCard
+	title="Blockchain Explorer"
+	description="Learn how to use Nebula to create an AI-powered block explorer"
+	href="https://www.youtube.com/watch?v=vBooJytkXa4&t=596s"
+/>
+
+</Grid>
 
 ## Templates
 
@@ -66,6 +73,11 @@ Nebula is supported on every EVM compatible chain. To view the full list, visit
 
 </Stack>
 
+## Supported Chains
+Nebula is supported on every EVM compatible chain. To view the full list, visit [thirdweb chainlist](https://thirdweb.com/chainlist).
+
+<DocImage src={SupportedChains} />
+
 
 
 

apps/portal/src/app/nebula/prompt-guide/page.mdx

@@ -6,13 +6,11 @@ Maximize the potential of Nebula. Whether you’re new to blockchain development
 
 | **Action**                  | **Description**                                                                  | **Examples**                                                                                                                                                                                                                              |
 |-----------------------------|----------------------------------------------------------------------------------|------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|
+| **Bridge & Swap**          | Bridge and swap native currencies                   | • "Swap 1 USDC to 1 USDT on the Ethereum Mainnet"<br/>• "Bridge 0.5 ETH from Ethereum Mainnet to Polygon"<br/> |
 | **Transfer**               | Send native and ERC-20 currencies                    | • "Send 0.1 ETH to vitalik.eth"<br/>• "Transfer 1 USDC to saminacodes.eth on Base"<br/> |
 | **Deploy**                 | Deploy published contracts                                    | • "Deploy a Token ERC20 Contract"<br/>• "Deploy a Split contract with two recipients."<br/>• "Deploy an ERC1155 Contract named 'Hello World' with description 'Hello badges on Ethereum'"<br/>|
 | **Understand**             | Retrieve information about smart contracts.                                       | • "What ERC standards are implemented by contract address 0x59325733eb952a92e069C87F0A6168b29E80627f on Ethereum?"<br/>• "What functions can I use to mint more of my contract's NFTs?"<br/>• "What is the total supply of NFTs for my contract?" |
 | **Interact**               | Query wallet balances, addresses, and token holdings.                            | • "How much ETH is in my wallet?"<br/>• "What is the wallet address of vitalik.eth?"<br/>• "Does my wallet hold USDC on Base?"                                                                                                         |
 | **Explore**                | Access blockchain-specific data.                                                 | • "What is the last block on zkSync?"<br/>• "What is the current gas price on Avalanche C-Chain?"<br/>• "Can you show me transaction details for 0xdfc450bb39e44bd37c22e0bfd0e5212edbea571e4e534d87b5cbbf06f10b9e04 on Optimism?"           |
 | **Research**               | Obtain details about tokens, their addresses, and current prices.                | • "What is the address of USDC on Ethereum?"<br/>• "Is there a UNI token on Arbitrum?"<br/>• "What is the current price of ARB?"                                                                                                       |
 | **Build**                  | Implement features using Web3 SDKs and tools.                                    | • "How can I add a connect wallet button to my web app? I want to support users connecting with both email/social wallets and MetaMask and use smart wallets."<br/>• "Can you show me how to claim an NFT from an ERC721 using TypeScript?"<br/>• "I have an ERC1155 contract from thirdweb. Can you show me how to generate and mint with a signature?" |
-
-
-