diff --git a/apps/dashboard/src/@/icons/ConnectSDKIcon.tsx b/apps/dashboard/src/@/icons/ConnectSDKIcon.tsx
deleted file mode 100644
index fa1e9a2e7f8..00000000000
--- a/apps/dashboard/src/@/icons/ConnectSDKIcon.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-export function ConnectSDKIcon(props: { className?: string }) {
-  return (
-    <svg
-      className={props.className}
-      fill="none"
-      height="24"
-      role="presentation"
-      viewBox="0 0 24 24"
-      width="24"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        d="M16 8.00007V4.50073C16 3.66899 16 3.25312 15.8248 2.99755C15.6717 2.77425 15.4346 2.62257 15.1678 2.57715C14.8623 2.52517 14.4847 2.69944 13.7295 3.04799L4.85901 7.14206C4.18551 7.45291 3.84875 7.60834 3.60211 7.84939C3.38406 8.06249 3.21762 8.32262 3.1155 8.6099C3 8.93486 3 9.30575 3 10.0475V15.0001M16.5 14.5001H16.51M3 11.2001L3 17.8001C3 18.9202 3 19.4802 3.21799 19.9081C3.40973 20.2844 3.71569 20.5903 4.09202 20.7821C4.51984 21.0001 5.07989 21.0001 6.2 21.0001H17.8C18.9201 21.0001 19.4802 21.0001 19.908 20.7821C20.2843 20.5903 20.5903 20.2844 20.782 19.9081C21 19.4802 21 18.9202 21 17.8001V11.2001C21 10.08 21 9.51992 20.782 9.09209C20.5903 8.71577 20.2843 8.40981 19.908 8.21806C19.4802 8.00007 18.9201 8.00007 17.8 8.00007L6.2 8.00007C5.0799 8.00007 4.51984 8.00007 4.09202 8.21806C3.7157 8.40981 3.40973 8.71577 3.21799 9.09209C3 9.51991 3 10.08 3 11.2001ZM17 14.5001C17 14.7762 16.7761 15.0001 16.5 15.0001C16.2239 15.0001 16 14.7762 16 14.5001C16 14.2239 16.2239 14.0001 16.5 14.0001C16.7761 14.0001 17 14.2239 17 14.5001Z"
-        stroke="currentColor"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-        strokeWidth="2"
-      />
-    </svg>
-  );
-}
diff --git a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/(chainPage)/components/server/SupportedProductsSection.tsx b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/(chainPage)/components/server/SupportedProductsSection.tsx
index ec7ec06c3af..957e8c64255 100644
--- a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/(chainPage)/components/server/SupportedProductsSection.tsx
+++ b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/(chainPage)/components/server/SupportedProductsSection.tsx
@@ -1,55 +1,112 @@
+import { BotIcon, CodeIcon, CoinsIcon } from "lucide-react";
 import Link from "next/link";
-import type { ChainMetadataWithServices } from "@/types/chain";
-import { products } from "../../../../components/server/products";
+import { useMemo } from "react";
+import { BridgeIcon } from "@/icons/BridgeIcon";
+import { PayIcon } from "@/icons/PayIcon";
+import { WalletProductIcon } from "@/icons/WalletProductIcon";
+import type {
+  ChainMetadataWithServices,
+  ChainSupportedService,
+} from "@/types/chain";
 import { SectionTitle } from "./SectionTitle";
 
 export function SupportedProductsSection(props: {
   services: ChainMetadataWithServices["services"];
 }) {
-  const enabledProducts = products.filter((product) => {
-    return props.services.find(
-      (service) => service.service === product.id && service.enabled,
+  const enabledServices = useMemo(() => {
+    return props.services.reduce(
+      (acc, service) => {
+        acc[service.service] = service.enabled;
+        return acc;
+      },
+      {} as Record<ChainSupportedService, boolean>,
     );
-  });
-
-  if (enabledProducts.length === 0) {
-    return null;
-  }
+  }, [props.services]);
 
   return (
     <section>
       <SectionTitle title="thirdweb Products" />
       <div className="grid grid-cols-1 gap-4 sm:grid-cols-2 md:grid-cols-3">
-        {enabledProducts.map((product) => {
-          return (
-            <div
-              className="relative rounded-xl border bg-card p-4 hover:border-active-border"
-              key={product.id}
-            >
-              <div className="flex mb-4">
-                <div className="p-2 rounded-full border bg-background">
-                  <product.icon className="size-4 text-muted-foreground" />
-                </div>
-              </div>
-              <div>
-                <h3 className="mb-1">
-                  <Link
-                    className="before:absolute before:inset-0 text-base font-medium"
-                    href={product.link}
-                    rel="noopener noreferrer"
-                    target="_blank"
-                  >
-                    {product.name}
-                  </Link>
-                </h3>
-                <p className="text-muted-foreground text-sm">
-                  {product.description}
-                </p>
-              </div>
-            </div>
-          );
-        })}
+        {enabledServices["connect-sdk"] && (
+          <ProductCard
+            icon={WalletProductIcon}
+            name="Wallets"
+            description="Create wallets to read and transact"
+            link="https://thirdweb.com/wallets"
+          />
+        )}
+
+        {enabledServices["account-abstraction"] && (
+          <ProductCard
+            icon={PayIcon}
+            name="x402"
+            description="Create internet native payments with x402"
+            link="https://thirdweb.com/x402"
+          />
+        )}
+
+        {enabledServices.pay && (
+          <ProductCard
+            icon={BridgeIcon}
+            name="Bridge"
+            description="Bridge and swap tokens across chains"
+            link="https://thirdweb.com/monetize/bridge"
+          />
+        )}
+
+        {enabledServices.contracts && (
+          <ProductCard
+            icon={CoinsIcon}
+            name="Tokens"
+            description="Launch tokens and markets"
+            link="https://thirdweb.com/token"
+          />
+        )}
+
+        <ProductCard
+          icon={BotIcon}
+          name="AI"
+          description="Read and write onchain via natural language"
+          link="https://thirdweb.com/ai"
+        />
+
+        <ProductCard
+          icon={CodeIcon}
+          name="HTTP API"
+          description="Build products with our HTTP API"
+          link="https://portal.thirdweb.com/reference"
+        />
       </div>
     </section>
   );
 }
+
+function ProductCard(props: {
+  icon: React.FC<{ className?: string }>;
+  link: string;
+  name: string;
+  description: string;
+}) {
+  return (
+    <div className="relative rounded-xl border bg-card p-4 hover:border-active-border">
+      <div className="flex mb-4">
+        <div className="p-2 rounded-full border bg-background">
+          <props.icon className="size-4 text-muted-foreground" />
+        </div>
+      </div>
+      <div>
+        <h3 className="mb-1">
+          <Link
+            className="before:absolute before:inset-0 text-base font-medium"
+            href={props.link}
+            rel="noopener noreferrer"
+            target="_blank"
+          >
+            {props.name}
+          </Link>
+        </h3>
+        <p className="text-muted-foreground text-sm">{props.description}</p>
+      </div>
+    </div>
+  );
+}
diff --git a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/chainlist/components/client/filters.tsx b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/chainlist/components/client/filters.tsx
index cb69e35cdd2..5a3f34c480a 100644
--- a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/chainlist/components/client/filters.tsx
+++ b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/chainlist/components/client/filters.tsx
@@ -15,7 +15,7 @@ import {
 import { RadioGroup, RadioGroupItem } from "@/components/ui/radio-group";
 import { Separator } from "@/components/ui/separator";
 import { useDashboardRouter } from "@/lib/DashboardRouter";
-import { products } from "../../../components/server/products";
+import { services } from "../../../components/server/products";
 
 function cleanUrl(url: string) {
   if (url.endsWith("?")) {
@@ -345,7 +345,7 @@ export const ChainServiceFilter: React.FC<ChainServiceFilterProps> = ({
 
   const section = (
     <FilterSection title="Services">
-      {products.map((product) => (
+      {services.map((product) => (
         <div className="group flex items-center gap-2" key={product.id}>
           <Checkbox
             checked={isServiceActive(mutableSearchParams, product.id)}
@@ -393,7 +393,7 @@ export const ChainServiceFilter: React.FC<ChainServiceFilterProps> = ({
     }
 
     const firstFilter = allFilters[0];
-    const name = products.find((p) => p.id === firstFilter)?.name;
+    const name = services.find((p) => p.id === firstFilter)?.name;
     const plus = allFilters.length > 1 ? ` +${allFilters.length - 1}` : "";
 
     return [`${name}${plus}`, true];
diff --git a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/chainlist/components/server/chainlist-row.tsx b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/chainlist/components/server/chainlist-row.tsx
index fefb8e26749..01dc2d26000 100644
--- a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/chainlist/components/server/chainlist-row.tsx
+++ b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/chainlist/components/server/chainlist-row.tsx
@@ -12,7 +12,7 @@ import { ToolTipLabel } from "@/components/ui/tooltip";
 import { cn } from "@/lib/utils";
 import type { ChainSupportedService } from "@/types/chain";
 import { ChainIcon } from "../../../components/server/chain-icon";
-import { products } from "../../../components/server/products";
+import { services } from "../../../components/server/products";
 import { getCustomChainMetadata } from "../../../utils";
 
 type ChainListRowProps = {
@@ -83,7 +83,7 @@ export function ChainListRow({
       <TableCell>
         <div className="flex w-[520px] flex-row items-center gap-14 ">
           <div className="z-10 flex items-center gap-4">
-            {products.map((p) => {
+            {services.map((p) => {
               return (
                 <ProductIcon
                   href={p.link}
diff --git a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/components/server/products.ts b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/components/server/products.ts
index fcdb457611c..492344e8256 100644
--- a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/components/server/products.ts
+++ b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/components/server/products.ts
@@ -1,66 +1,62 @@
-import { BotIcon } from "lucide-react";
-import { ConnectSDKIcon } from "@/icons/ConnectSDKIcon";
-import { ContractIcon } from "@/icons/ContractIcon";
-import { EngineIcon } from "@/icons/EngineIcon";
+import { BotIcon, CoinsIcon, FuelIcon, HardDriveIcon } from "lucide-react";
+import { BridgeIcon } from "@/icons/BridgeIcon";
 import { PayIcon } from "@/icons/PayIcon";
 import { RPCIcon } from "@/icons/RPCIcon";
-import { SmartAccountIcon } from "@/icons/SmartAccountIcon";
+import { WalletProductIcon } from "@/icons/WalletProductIcon";
 import type { ChainSupportedService } from "@/types/chain";
 
-export const products = [
+export const services = [
   {
-    description: "Create, deploy and manage smart contracts",
-    icon: ContractIcon,
+    icon: CoinsIcon,
     id: "contracts",
-    link: "https://thirdweb.com/explore",
-    name: "Contracts",
+    link: "https://thirdweb.com/token",
+    name: "Tokens",
   },
   {
-    description: "Create and manage crypto wallets",
-    icon: ConnectSDKIcon,
+    icon: WalletProductIcon,
     id: "connect-sdk",
-    link: "https://thirdweb.com/connect",
-    name: "Wallets",
+    link: "https://thirdweb.com/wallets",
+    name: "User Wallets",
   },
   {
-    description: "Performant and scalable RPC service",
     icon: RPCIcon,
     id: "rpc-edge",
-    link: "https://portal.thirdweb.com/infrastructure/rpc-edge/overview",
-    name: "RPC Edge",
+    link: "https://thirdweb.com/rpc",
+    name: "RPC",
   },
   {
-    description: "Backend server that reads, writes, and deploys contracts",
-    icon: EngineIcon,
+    icon: HardDriveIcon,
     id: "engine",
-    link: "https://thirdweb.com/engine",
-    name: "Transactions",
+    link: "https://thirdweb.com/wallets",
+    name: "Server Wallets",
   },
   {
-    description: "Enable gas sponsorship for seamless transactions",
-    icon: SmartAccountIcon,
+    icon: FuelIcon,
     id: "account-abstraction",
-    link: "https://portal.thirdweb.com/wallets/sponsor-gas",
-    name: "Account Abstraction",
+    link: "https://thirdweb.com/wallets",
+    name: "Gas Sponsorship",
   },
   {
-    description: "Enable payments in any token on any chain",
-    icon: PayIcon,
+    icon: BridgeIcon,
     id: "pay",
-    link: "https://portal.thirdweb.com/payments",
-    name: "Payments",
+    link: "https://thirdweb.com/monetize/bridge",
+    name: "Bridge",
   },
   {
-    description: "The most powerful AI for interacting with the blockchain",
     icon: BotIcon,
     id: "nebula",
     link: "https://thirdweb.com/ai",
-    name: "thirdweb AI",
+    name: "AI",
+  },
+  {
+    icon: PayIcon,
+    id: "account-abstraction",
+    link: "https://thirdweb.com/x402",
+    name: "x402",
   },
 ] satisfies Array<{
   name: string;
   id: ChainSupportedService;
   icon: React.FC<{ className?: string }>;
-  description: string;
   link: string;
 }>;
diff --git a/packages/service-utils/src/core/services.ts b/packages/service-utils/src/core/services.ts
index ffaead9ae84..bdcb373370d 100644
--- a/packages/service-utils/src/core/services.ts
+++ b/packages/service-utils/src/core/services.ts
@@ -4,7 +4,7 @@ export const SERVICE_DEFINITIONS = {
     actions: [],
     description: "Bundler & Paymaster services",
     name: "bundler",
-    title: "Account Abstraction",
+    title: "Gas Sponsorship",
   },
   chainsaw: {
     // all actions allowed
@@ -18,7 +18,7 @@ export const SERVICE_DEFINITIONS = {
     actions: [],
     description: "E-mail and social login wallets for easy web3 onboarding",
     name: "embeddedWallets",
-    title: "Wallets",
+    title: "User Wallets",
   },
 
   engineCloud: {
@@ -27,14 +27,14 @@ export const SERVICE_DEFINITIONS = {
     description:
       "Transaction API and Server wallets with high transaction throughput and low latency",
     name: "engineCloud",
-    title: "Transactions",
+    title: "Server Wallets",
   },
   insight: {
     // all actions allowed
     actions: [],
     description: "Indexed data for any EVM chain",
     name: "insight",
-    title: "Insight",
+    title: "Indexer",
   },
   nebula: {
     // all actions allowed
@@ -42,7 +42,7 @@ export const SERVICE_DEFINITIONS = {
     description:
       "Advanced blockchain reasoning and execution capabilities with AI",
     name: "nebula",
-    title: "thirdweb AI",
+    title: "AI",
   },
   pay: {
     // all actions allowed
@@ -50,7 +50,7 @@ export const SERVICE_DEFINITIONS = {
     description:
       "Bridge, swap, and purchase cryptocurrencies and execute transactions with any fiat or tokens via cross-chain routing",
     name: "pay",
-    title: "Payments",
+    title: "Bridge",
   },
   relayer: {
     // all actions allowed