diff --git a/apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/(chainPage)/components/client/NextSteps.tsx b/apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/(chainPage)/components/client/NextSteps.tsx new file mode 100644 index 00000000000..30c05da09ce --- /dev/null +++ b/apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/(chainPage)/components/client/NextSteps.tsx @@ -0,0 +1,46 @@ +"use client"; +import { useTrack } from "hooks/analytics/useTrack"; +import { FileText } from "lucide-react"; +import Link from "next/link"; +import type { ChainMetadata } from "thirdweb/chains"; +import { SectionTitle } from "../server/SectionTitle"; + +export default function NextSteps(props: { chain: ChainMetadata }) { + const { chain } = props; + const trackEvent = useTrack(); + + return ( +
+ +
+
+ +
+

+ + trackEvent({ + category: "nextSteps", + action: "click-inapp", + label: "success", + chain_id: chain.chainId, + }) + } + > + Create a login for {chain.name} + +

+

+ Supercharge User Adoption—Integrate In-App Wallets in Minutes +

+
+
+
+
+ ); +} diff --git a/apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/(chainPage)/page.tsx b/apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/(chainPage)/page.tsx index a139454da52..d742883e10d 100644 --- a/apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/(chainPage)/page.tsx +++ b/apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/(chainPage)/page.tsx @@ -1,6 +1,7 @@ import { CircleAlertIcon } from "lucide-react"; import { getRawAccount } from "../../../../account/settings/getAccount"; import { getChain, getChainMetadata } from "../../utils"; +import NextSteps from "./components/client/NextSteps"; import { BuyFundsSection } from "./components/server/BuyFundsSection"; import { ChainOverviewSection } from "./components/server/ChainOverviewSection"; import { ClaimChainSection } from "./components/server/ClaimChainSection"; @@ -57,6 +58,8 @@ export default async function Page(props: { {chain.services.filter((s) => s.enabled).length > 0 && ( )} + {/*Next Steps */} + {/* Claim Chain */} {!chainMetadata && }