@@ -3,13 +3,13 @@ import { Button } from "@/components/ui/button";
33import { Card , CardContent , CardHeader , CardTitle } from "@/components/ui/card" ;
44import { BookOpenIcon , ChevronRightIcon } from "lucide-react" ;
55import type { Metadata } from "next" ;
6- import Image from "next/image" ;
76import Link from "next/link" ;
8- import accountIcon from "../../../../../public/assets/support/account.svg" ;
9- import contractsIcon from "../../../../../public/assets/support/contracts.png" ;
10- import engineIcon from "../../../../../public/assets/support/engine.png" ;
11- import miscIcon from "../../../../../public/assets/support/misc.svg" ;
12- import connectIcon from "../../../../../public/assets/support/wallets.png" ;
7+ import { BridgeIcon } from "../../../../../../portal/src/icons/products/BridgeIcon" ;
8+ import { ConnectIcon } from "../../../../../../portal/src/icons/products/ConnectIcon" ;
9+ import { EngineIcon } from "../../../../../../portal/src/icons/products/EngineIcon" ;
10+ import { InsightIcon } from "../../../../../../portal/src/icons/products/InsightIcon" ;
11+ import { NebulaIcon } from "../../../../../../portal/src/icons/products/NebulaIcon" ;
12+ import { PlaygroundIcon } from "../../../../../../portal/src/icons/products/PlaygroundIcon" ;
1313import { CustomChatButton } from "../../../nebula-app/(app)/components/CustomChat/CustomChatButton" ;
1414import {
1515 getAuthToken ,
@@ -24,95 +24,63 @@ export const metadata: Metadata = {
2424} ;
2525const HELP_PRODUCTS = [
2626 {
27- title : "Connect" ,
28- icon : connectIcon ,
29- viewAllUrl : "https://support.thirdweb.com/wallets/dwWCB7ZD5sNcHEAj4rFFui" ,
27+ title : "Playground" ,
28+ icon : PlaygroundIcon ,
29+ viewAllUrl :
30+ "https://playground.thirdweb.com/connect/sign-in/button?tab=code" ,
3031 helpArticles : [
3132 {
32- title : "Account Abstraction FAQ" ,
33- url : "https://support.thirdweb.com/wallets/dwWCB7ZD5sNcHEAj4rFFui/smart-wallet-faqs/64y68nzTQkUZw6r6FryFgK" ,
34- } ,
35- {
36- title : "In-App Wallet FAQ" ,
37- url : "https://support.thirdweb.com/wallets/dwWCB7ZD5sNcHEAj4rFFui/embedded-wallet-faqs/rhkKeknMUEdyDbRPnLFz1s" ,
33+ title : "Try out our interactive playground to get started" ,
3834 } ,
3935 ] ,
4036 } ,
4137 {
42- title : "Contracts" ,
43- icon : contractsIcon ,
44- viewAllUrl :
45- "https://support.thirdweb.com/smart-contracts/rtHYyzspnPaHmmANmJQz1k/" ,
38+ title : "Connect" ,
39+ icon : ConnectIcon ,
40+ viewAllUrl : "https://portal.thirdweb.com/connect" ,
4641 helpArticles : [
4742 {
48- title : "Contract Verification" ,
49- url : "https://support.thirdweb.com/how-to/vGcHXQ7tHXuSJf7jaL2y5Q/how-to-verify-a-contract-using-thirdweb-sdk/cTwpMSQveggnMSwXGRKzXv" ,
50- } ,
51- {
52- title : "Batch Upload Troubleshooting" ,
53- url : "https://support.thirdweb.com/smart-contracts/rtHYyzspnPaHmmANmJQz1k/batch-upload-troubleshooting/5WMQFqfaUTU1C8NM8FtJ2X" ,
43+ title : "Wallets, auth, and onchain interactions" ,
5444 } ,
45+ ] ,
46+ } ,
47+ {
48+ title : "Universal Bridge" ,
49+ icon : BridgeIcon ,
50+ viewAllUrl : "https://portal.thirdweb.com/pay" ,
51+ helpArticles : [
5552 {
56- title : "Contract Verification with Blockscout API" ,
57- url : "https://support.thirdweb.com/other-faqs/tFbbEYCSbJ1GTeXoPs4QFw/blockscout-api-contract-verification/qpa9r79QkgH31HFsvGissC" ,
53+ title : "Bridge and onramp tokens on any chain" ,
5854 } ,
5955 ] ,
6056 } ,
6157 {
6258 title : "Engine" ,
63- icon : engineIcon ,
64- viewAllUrl :
65- "https://support.thirdweb.com/infrastructure/eRgkLPBdL1WJJLzAbuWrPZ" ,
59+ icon : EngineIcon ,
60+ viewAllUrl : "https://portal.thirdweb.com/engine/v3" ,
6661 helpArticles : [
6762 {
68- title : "Storage FAQ" ,
69- url : "https://support.thirdweb.com/other-faqs/tFbbEYCSbJ1GTeXoPs4QFw/storage-faqs/8nhnidc5B9K5js9pU2RBwa" ,
70- } ,
71- {
72- title : "RPC Edge FAQ" ,
73- url : "https://support.thirdweb.com/other-faqs/tFbbEYCSbJ1GTeXoPs4QFw/rpc-edge-faqs/r3kJ3PK2UHUDJ1LWfM8a2D" ,
74- } ,
75- {
76- title : "Add Custom RPC to your app" ,
77- url : "https://support.thirdweb.com/how-to/vGcHXQ7tHXuSJf7jaL2y5Q/how-to-add-a-custom-rpc-url-into-your-front-end-backend-or-dashboard/gWYPf4QhPd9M2qzuMnMf7o" ,
63+ title : "Reliable transactions and monitoring" ,
7864 } ,
7965 ] ,
8066 } ,
8167 {
82- title : "Account " ,
83- icon : accountIcon ,
84- viewAllUrl : "https://portal.thirdweb.com/account " ,
68+ title : "Insight " ,
69+ icon : InsightIcon ,
70+ viewAllUrl : "https://portal.thirdweb.com/insight " ,
8571 helpArticles : [
8672 {
87- title : "Manage billing" ,
88- url : "https://portal.thirdweb.com/account/billing/manage-billing" ,
89- } ,
90- {
91- title : "Upgrade plans" ,
92- url : "https://portal.thirdweb.com/account/billing/upgrade-plan" ,
93- } ,
94- {
95- title : "Account Info" ,
96- url : "https://portal.thirdweb.com/account/billing/account-info" ,
73+ title : "Blockchain data queries and transformations" ,
9774 } ,
9875 ] ,
9976 } ,
10077 {
101- title : "Misc " ,
102- icon : miscIcon ,
103- viewAllUrl : "https://support .thirdweb.com/" ,
78+ title : "Nebula " ,
79+ icon : NebulaIcon ,
80+ viewAllUrl : "https://portal .thirdweb.com/nebula " ,
10481 helpArticles : [
10582 {
106- title : "Troubleshooting error messages" ,
107- url : "https://support.thirdweb.com/troubleshooting-errors/7Y1BqKNvtLdBv5fZkRZZB3" ,
108- } ,
109- {
110- title : "Add EVM to thirdweb chainlist" ,
111- url : "https://support.thirdweb.com/other-faqs/tFbbEYCSbJ1GTeXoPs4QFw/how-to-add-your-evm-chain-to-thirdweb%E2%80%99s-chainlist-/3HMqrwyxXUFxQYaudDJffT" ,
112- } ,
113- {
114- title : "API Keys" ,
115- url : "https://portal.thirdweb.com/account/api-keys" ,
83+ title : "API interface for LLMs" ,
11684 } ,
11785 ] ,
11886 } ,
@@ -179,19 +147,13 @@ export default async function SupportPage() {
179147 </ header >
180148 </ div >
181149 < section className = "container flex flex-col gap-6" >
182- < h2 className = "font-bold text-3xl" > Knowledge base </ h2 >
150+ < h2 className = "font-bold text-3xl" > Learning Resources </ h2 >
183151 < div className = "grid grid-cols-1 gap-4 md:grid-cols-2 md:gap-6 lg:grid-cols-3" >
184152 { HELP_PRODUCTS . map ( ( product ) => (
185153 < Card className = "relative col-span-1 bg-card" key = { product . title } >
186154 < CardHeader className = "flex flex-row items-center justify-between gap-2" >
187155 < div className = "flex flex-row items-center gap-2" >
188- { product . icon && (
189- < Image
190- src = { product . icon }
191- alt = { product . title }
192- className = "size-5"
193- />
194- ) }
156+ { product . icon && < product . icon className = "size-5" /> }
195157 < CardTitle className = "text-xl" > { product . title } </ CardTitle >
196158 </ div >
197159 < Button
@@ -201,7 +163,7 @@ export default async function SupportPage() {
201163 className = "absolute top-4 right-2 flex flex-row gap-1 px-2 text-muted-foreground text-sm hover:text-foreground"
202164 >
203165 < Link href = { product . viewAllUrl } target = "_blank" >
204- < span > View All </ span >
166+ < span > View</ span >
205167 < ChevronRightIcon className = "size-4" />
206168 </ Link >
207169 </ Button >
@@ -211,14 +173,9 @@ export default async function SupportPage() {
211173 < ul className = "flex flex-col gap-1" >
212174 { product . helpArticles . map ( ( article ) => (
213175 < li key = { article . title } >
214- < Link
215- href = { article . url }
216- target = "_blank"
217- rel = "noreferrer"
218- className = "text-muted-foreground text-sm hover:text-foreground"
219- >
176+ < span className = "text-muted-foreground text-sm" >
220177 { article . title }
221- </ Link >
178+ </ span >
222179 </ li >
223180 ) ) }
224181 </ ul >
0 commit comments