diff --git a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/(marketplace)/direct-listings/ContractDirectListingsPage.client.tsx b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/(marketplace)/direct-listings/ContractDirectListingsPage.client.tsx
index 779be64a80f..a02e6bf35c2 100644
--- a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/(marketplace)/direct-listings/ContractDirectListingsPage.client.tsx
+++ b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/(marketplace)/direct-listings/ContractDirectListingsPage.client.tsx
@@ -1,6 +1,7 @@
 "use client";
 
 import type { ThirdwebContract } from "thirdweb";
+import type { ProjectMeta } from "../../../../../../team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/types";
 import { ErrorPage, LoadingPage } from "../../_components/page-skeletons";
 import { RedirectToContractOverview } from "../../_components/redirect-contract-overview.client";
 import { useContractPageMetadata } from "../../_hooks/useContractPageMetadata";
@@ -9,6 +10,7 @@ import { ContractDirectListingsPage } from "./ContractDirectListingsPage";
 export function ContractDirectListingsPageClient(props: {
   contract: ThirdwebContract;
   isLoggedIn: boolean;
+  projectMeta: ProjectMeta | undefined;
 }) {
   const metadataQuery = useContractPageMetadata(props.contract);
 
@@ -21,7 +23,12 @@ export function ContractDirectListingsPageClient(props: {
   }
 
   if (!metadataQuery.data.isDirectListingSupported) {
-    return <RedirectToContractOverview contract={props.contract} />;
+    return (
+      <RedirectToContractOverview
+        contract={props.contract}
+        projectMeta={props.projectMeta}
+      />
+    );
   }
 
   return (
diff --git a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/(marketplace)/direct-listings/page.tsx b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/(marketplace)/direct-listings/page.tsx
index 0ca53a259b5..cb45767bc19 100644
--- a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/(marketplace)/direct-listings/page.tsx
+++ b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/(marketplace)/direct-listings/page.tsx
@@ -1,45 +1,18 @@
-import { notFound, redirect } from "next/navigation";
 import { getRawAccount } from "../../../../../../account/settings/getAccount";
-import { getContractPageParamsInfo } from "../../_utils/getContractFromParams";
-import { getContractPageMetadata } from "../../_utils/getContractPageMetadata";
-import { ContractDirectListingsPage } from "./ContractDirectListingsPage";
-import { ContractDirectListingsPageClient } from "./ContractDirectListingsPage.client";
+import type { PublicContractPageParams } from "../../types";
+import { SharedDirectListingsPage } from "./shared-direct-listings-page";
 
 export default async function Page(props: {
-  params: Promise<{
-    contractAddress: string;
-    chain_id: string;
-  }>;
+  params: Promise<PublicContractPageParams>;
 }) {
-  const params = await props.params;
-  const account = await getRawAccount();
-  const info = await getContractPageParamsInfo(params);
-
-  if (!info) {
-    notFound();
-  }
-
-  if (info.isLocalhostChain) {
-    return (
-      <ContractDirectListingsPageClient
-        contract={info.clientContract}
-        isLoggedIn={!!account}
-      />
-    );
-  }
-
-  const { isDirectListingSupported, isInsightSupported } =
-    await getContractPageMetadata(info.serverContract);
-
-  if (!isDirectListingSupported) {
-    redirect(`/${params.chain_id}/${params.contractAddress}`);
-  }
+  const [params, account] = await Promise.all([props.params, getRawAccount()]);
 
   return (
-    <ContractDirectListingsPage
-      contract={info.clientContract}
+    <SharedDirectListingsPage
+      contractAddress={params.contractAddress}
+      chainIdOrSlug={params.chain_id}
+      projectMeta={undefined}
       isLoggedIn={!!account}
-      isInsightSupported={isInsightSupported}
     />
   );
 }
diff --git a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/(marketplace)/direct-listings/shared-direct-listings-page.tsx b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/(marketplace)/direct-listings/shared-direct-listings-page.tsx
new file mode 100644
index 00000000000..c0babf8d735
--- /dev/null
+++ b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/(marketplace)/direct-listings/shared-direct-listings-page.tsx
@@ -0,0 +1,53 @@
+import { notFound } from "next/navigation";
+import type { ProjectMeta } from "../../../../../../team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/types";
+import { redirectToContractLandingPage } from "../../../../../../team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/utils";
+import { getContractPageParamsInfo } from "../../_utils/getContractFromParams";
+import { getContractPageMetadata } from "../../_utils/getContractPageMetadata";
+import { ContractDirectListingsPage } from "./ContractDirectListingsPage";
+import { ContractDirectListingsPageClient } from "./ContractDirectListingsPage.client";
+
+export async function SharedDirectListingsPage(props: {
+  contractAddress: string;
+  chainIdOrSlug: string;
+  projectMeta: ProjectMeta | undefined;
+  isLoggedIn: boolean;
+}) {
+  const info = await getContractPageParamsInfo({
+    contractAddress: props.contractAddress,
+    chainIdOrSlug: props.chainIdOrSlug,
+    teamId: props.projectMeta?.teamId,
+  });
+
+  if (!info) {
+    notFound();
+  }
+
+  if (info.isLocalhostChain) {
+    return (
+      <ContractDirectListingsPageClient
+        contract={info.clientContract}
+        isLoggedIn={props.isLoggedIn}
+        projectMeta={props.projectMeta}
+      />
+    );
+  }
+
+  const { isDirectListingSupported, isInsightSupported } =
+    await getContractPageMetadata(info.serverContract);
+
+  if (!isDirectListingSupported) {
+    redirectToContractLandingPage({
+      chainIdOrSlug: props.chainIdOrSlug,
+      contractAddress: props.contractAddress,
+      projectMeta: props.projectMeta,
+    });
+  }
+
+  return (
+    <ContractDirectListingsPage
+      contract={info.clientContract}
+      isLoggedIn={props.isLoggedIn}
+      isInsightSupported={isInsightSupported}
+    />
+  );
+}
diff --git a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/(marketplace)/english-auctions/ContractEnglishAuctionsPage.client.tsx b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/(marketplace)/english-auctions/ContractEnglishAuctionsPage.client.tsx
index 26d755c3cf4..cb52a20dce7 100644
--- a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/(marketplace)/english-auctions/ContractEnglishAuctionsPage.client.tsx
+++ b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/(marketplace)/english-auctions/ContractEnglishAuctionsPage.client.tsx
@@ -1,6 +1,7 @@
 "use client";
 
 import type { ThirdwebContract } from "thirdweb";
+import type { ProjectMeta } from "../../../../../../team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/types";
 import { ErrorPage, LoadingPage } from "../../_components/page-skeletons";
 import { RedirectToContractOverview } from "../../_components/redirect-contract-overview.client";
 import { useContractPageMetadata } from "../../_hooks/useContractPageMetadata";
@@ -9,6 +10,7 @@ import { ContractEnglishAuctionsPage } from "./ContractEnglishAuctionsPage";
 export function ContractEnglishAuctionsPageClient(props: {
   contract: ThirdwebContract;
   isLoggedIn: boolean;
+  projectMeta: ProjectMeta | undefined;
 }) {
   const metadataQuery = useContractPageMetadata(props.contract);
 
@@ -21,7 +23,12 @@ export function ContractEnglishAuctionsPageClient(props: {
   }
 
   if (!metadataQuery.data.isEnglishAuctionSupported) {
-    return <RedirectToContractOverview contract={props.contract} />;
+    return (
+      <RedirectToContractOverview
+        contract={props.contract}
+        projectMeta={props.projectMeta}
+      />
+    );
   }
 
   return (
diff --git a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/(marketplace)/english-auctions/page.tsx b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/(marketplace)/english-auctions/page.tsx
index c60483d1359..7dab8f11b57 100644
--- a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/(marketplace)/english-auctions/page.tsx
+++ b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/(marketplace)/english-auctions/page.tsx
@@ -1,46 +1,18 @@
-import { notFound, redirect } from "next/navigation";
 import { getRawAccount } from "../../../../../../account/settings/getAccount";
-import { getContractPageParamsInfo } from "../../_utils/getContractFromParams";
-import { getContractPageMetadata } from "../../_utils/getContractPageMetadata";
-import { ContractEnglishAuctionsPage } from "./ContractEnglishAuctionsPage";
-import { ContractEnglishAuctionsPageClient } from "./ContractEnglishAuctionsPage.client";
+import type { PublicContractPageParams } from "../../types";
+import { SharedEnglishAuctionsPage } from "./shared-english-auctions-page";
 
 export default async function Page(props: {
-  params: Promise<{
-    contractAddress: string;
-    chain_id: string;
-  }>;
+  params: Promise<PublicContractPageParams>;
 }) {
-  const params = await props.params;
-  const info = await getContractPageParamsInfo(params);
-
-  if (!info) {
-    notFound();
-  }
-
-  const twAccount = await getRawAccount();
-
-  if (info.isLocalhostChain) {
-    return (
-      <ContractEnglishAuctionsPageClient
-        contract={info.clientContract}
-        isLoggedIn={!!twAccount}
-      />
-    );
-  }
-
-  const { isEnglishAuctionSupported, isInsightSupported } =
-    await getContractPageMetadata(info.serverContract);
-
-  if (!isEnglishAuctionSupported) {
-    redirect(`/${params.chain_id}/${params.contractAddress}`);
-  }
+  const [params, account] = await Promise.all([props.params, getRawAccount()]);
 
   return (
-    <ContractEnglishAuctionsPage
-      contract={info.clientContract}
-      isLoggedIn={!!twAccount}
-      isInsightSupported={isInsightSupported}
+    <SharedEnglishAuctionsPage
+      contractAddress={params.contractAddress}
+      chainIdOrSlug={params.chain_id}
+      projectMeta={undefined}
+      isLoggedIn={!!account}
     />
   );
 }
diff --git a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/(marketplace)/english-auctions/shared-english-auctions-page.tsx b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/(marketplace)/english-auctions/shared-english-auctions-page.tsx
new file mode 100644
index 00000000000..adf4355a739
--- /dev/null
+++ b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/(marketplace)/english-auctions/shared-english-auctions-page.tsx
@@ -0,0 +1,52 @@
+import { notFound } from "next/navigation";
+import type { ProjectMeta } from "../../../../../../team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/types";
+import { redirectToContractLandingPage } from "../../../../../../team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/utils";
+import { getContractPageParamsInfo } from "../../_utils/getContractFromParams";
+import { getContractPageMetadata } from "../../_utils/getContractPageMetadata";
+import { ContractEnglishAuctionsPage } from "./ContractEnglishAuctionsPage";
+import { ContractEnglishAuctionsPageClient } from "./ContractEnglishAuctionsPage.client";
+
+export async function SharedEnglishAuctionsPage(props: {
+  contractAddress: string;
+  chainIdOrSlug: string;
+  projectMeta: ProjectMeta | undefined;
+  isLoggedIn: boolean;
+}) {
+  const info = await getContractPageParamsInfo({
+    contractAddress: props.contractAddress,
+    chainIdOrSlug: props.chainIdOrSlug,
+    teamId: props.projectMeta?.teamId,
+  });
+
+  if (!info) {
+    notFound();
+  }
+
+  if (info.isLocalhostChain) {
+    return (
+      <ContractEnglishAuctionsPageClient
+        contract={info.clientContract}
+        isLoggedIn={props.isLoggedIn}
+        projectMeta={props.projectMeta}
+      />
+    );
+  }
+
+  const metadata = await getContractPageMetadata(info.serverContract);
+
+  if (!metadata.isEnglishAuctionSupported) {
+    redirectToContractLandingPage({
+      contractAddress: props.contractAddress,
+      chainIdOrSlug: props.chainIdOrSlug,
+      projectMeta: props.projectMeta,
+    });
+  }
+
+  return (
+    <ContractEnglishAuctionsPage
+      contract={info.clientContract}
+      isLoggedIn={props.isLoggedIn}
+      isInsightSupported={metadata.isInsightSupported}
+    />
+  );
+}
diff --git a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/_components/NFTCards.tsx b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/_components/NFTCards.tsx
index 71b3a838451..a51904e3a2e 100644
--- a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/_components/NFTCards.tsx
+++ b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/_components/NFTCards.tsx
@@ -3,6 +3,8 @@ import { TrackedLinkTW } from "@/components/ui/tracked-link";
 import { useMemo } from "react";
 import { type NFT, ZERO_ADDRESS } from "thirdweb";
 import { NFTMediaWithEmptyState } from "tw-components/nft-media";
+import type { ProjectMeta } from "../../../../../team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/types";
+import { buildContractPagePath } from "../_utils/contract-page-path";
 
 type NFTWithContract = NFT & { contractAddress: string; chainId: number };
 
@@ -29,6 +31,7 @@ interface NFTCardsProps {
   trackingCategory: string;
   isPending: boolean;
   allNfts?: boolean;
+  projectMeta: ProjectMeta | undefined;
 }
 
 export const NFTCards: React.FC<NFTCardsProps> = ({
@@ -36,6 +39,7 @@ export const NFTCards: React.FC<NFTCardsProps> = ({
   trackingCategory,
   isPending,
   allNfts,
+  projectMeta,
 }) => {
   const dummyData = useMemo(() => {
     return Array.from({
@@ -87,7 +91,12 @@ export const NFTCards: React.FC<NFTCardsProps> = ({
                       <TrackedLinkTW
                         category={trackingCategory}
                         label="view_nft"
-                        href={`/${token.chainId}/${token.contractAddress}/nfts/${tokenId}`}
+                        href={buildContractPagePath({
+                          projectMeta,
+                          chainIdOrSlug: token.chainId.toString(),
+                          contractAddress: token.contractAddress,
+                          subpath: `/nfts/${tokenId}`,
+                        })}
                         className="before:absolute before:inset-0"
                       >
                         {v.name}
diff --git a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/_components/redirect-contract-overview.client.tsx b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/_components/redirect-contract-overview.client.tsx
index a4758c55726..221582e459a 100644
--- a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/_components/redirect-contract-overview.client.tsx
+++ b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/_components/redirect-contract-overview.client.tsx
@@ -3,10 +3,13 @@
 import { useDashboardRouter } from "@/lib/DashboardRouter";
 import { useEffect, useRef } from "react";
 import type { ThirdwebContract } from "thirdweb";
+import type { ProjectMeta } from "../../../../../team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/types";
+import { buildContractPagePath } from "../_utils/contract-page-path";
 import { LoadingPage } from "./page-skeletons";
 
 export function RedirectToContractOverview(props: {
   contract: ThirdwebContract;
+  projectMeta: ProjectMeta | undefined;
 }) {
   const router = useDashboardRouter();
   const redirected = useRef(false);
@@ -17,8 +20,14 @@ export function RedirectToContractOverview(props: {
       return;
     }
     redirected.current = true;
-    router.replace(`/${props.contract.chain.id}/${props.contract.address}`);
-  }, [router, props.contract]);
+    const landingPage = buildContractPagePath({
+      projectMeta: props.projectMeta,
+      chainIdOrSlug: props.contract.chain.id.toString(),
+      contractAddress: props.contract.address,
+    });
+
+    router.replace(landingPage);
+  }, [router, props]);
 
   return <LoadingPage />;
 }
diff --git a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/_layout/contract-page-layout.client.tsx b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/_layout/contract-page-layout.client.tsx
index cf57cd56d84..012cdf64db1 100644
--- a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/_layout/contract-page-layout.client.tsx
+++ b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/_layout/contract-page-layout.client.tsx
@@ -2,8 +2,9 @@
 
 import { useQuery } from "@tanstack/react-query";
 import type { MinimalTeamsAndProjects } from "components/contract-components/contract-deploy-form/add-to-project-card";
-import type { ThirdwebClient, ThirdwebContract } from "thirdweb";
+import type { ThirdwebContract } from "thirdweb";
 import type { ChainMetadata } from "thirdweb/chains";
+import type { ProjectMeta } from "../../../../../team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/types";
 import { ErrorPage, LoadingPage } from "../_components/page-skeletons";
 import { useContractPageMetadata } from "../_hooks/useContractPageMetadata";
 import { getContractPageSidebarLinks } from "../_utils/getContractPageSidebarLinks";
@@ -15,7 +16,7 @@ export function ContractPageLayoutClient(props: {
   contract: ThirdwebContract;
   children: React.ReactNode;
   teamsAndProjects: MinimalTeamsAndProjects | undefined;
-  client: ThirdwebClient;
+  projectMeta: ProjectMeta | undefined;
 }) {
   const metadataQuery = useContractPageMetadata(props.contract);
   const headerMetadataQuery = useQuery({
@@ -39,6 +40,7 @@ export function ContractPageLayoutClient(props: {
     chainSlug: props.chainMetadata.slug,
     contractAddress: props.contract.address,
     metadata: metadataQuery.data,
+    projectMeta: props.projectMeta,
   });
 
   return (
diff --git a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/_layout/contract-page-layout.tsx b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/_layout/contract-page-layout.tsx
index 1227d27bf1b..8604f1b41a2 100644
--- a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/_layout/contract-page-layout.tsx
+++ b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/_layout/contract-page-layout.tsx
@@ -4,8 +4,9 @@ import { SidebarLayout } from "@/components/blocks/SidebarLayout";
 import type { DashboardContractMetadata } from "@3rdweb-sdk/react/hooks/useDashboardContractMetadata";
 import type { MinimalTeamsAndProjects } from "components/contract-components/contract-deploy-form/add-to-project-card";
 import { DeprecatedAlert } from "components/shared/DeprecatedAlert";
-import type { ThirdwebClient, ThirdwebContract } from "thirdweb";
+import type { ThirdwebContract } from "thirdweb";
 import type { ChainMetadata } from "thirdweb/chains";
+import type { ProjectMeta } from "../../../../../team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/types";
 import { ContractMetadata } from "./contract-metadata";
 import { PrimaryDashboardButton } from "./primary-dashboard-button";
 
@@ -15,8 +16,8 @@ export function ContractPageLayout(props: {
   children: React.ReactNode;
   sidebarLinks: SidebarLink[];
   dashboardContractMetadata: DashboardContractMetadata | undefined;
-  client: ThirdwebClient;
   teamsAndProjects: MinimalTeamsAndProjects | undefined;
+  projectMeta: ProjectMeta | undefined;
   externalLinks:
     | {
         name: string;
@@ -31,7 +32,7 @@ export function ContractPageLayout(props: {
     dashboardContractMetadata,
     externalLinks,
     teamsAndProjects,
-    client,
+    projectMeta,
   } = props;
 
   return (
@@ -46,6 +47,7 @@ export function ContractPageLayout(props: {
               externalLinks={externalLinks}
             />
             <PrimaryDashboardButton
+              projectMeta={projectMeta}
               contractAddress={contract.address}
               chain={contract.chain}
               contractInfo={{
@@ -54,7 +56,7 @@ export function ContractPageLayout(props: {
                 contractAddress: contract.address,
               }}
               teamsAndProjects={teamsAndProjects}
-              client={client}
+              client={contract.client}
             />
           </div>
           <DeprecatedAlert chain={chainMetadata} />
diff --git a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/_layout/primary-dashboard-button.tsx b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/_layout/primary-dashboard-button.tsx
index 00abe63ea42..65ce88755df 100644
--- a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/_layout/primary-dashboard-button.tsx
+++ b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/_layout/primary-dashboard-button.tsx
@@ -26,6 +26,8 @@ import { useState } from "react";
 import { toast } from "sonner";
 import type { Chain, ThirdwebClient } from "thirdweb";
 import { useAddContractToProject } from "../../../../../team/[team_slug]/[project_slug]/(sidebar)/hooks/project-contracts";
+import type { ProjectMeta } from "../../../../../team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/types";
+import { buildContractPagePath } from "../_utils/contract-page-path";
 
 const TRACKING_CATEGORY = "add_to_dashboard_upsell";
 
@@ -36,6 +38,7 @@ type AddToDashboardCardProps = {
   hideCodePageLink?: boolean;
   teamsAndProjects: MinimalTeamsAndProjects | undefined;
   client: ThirdwebClient;
+  projectMeta: ProjectMeta | undefined;
 };
 
 export const PrimaryDashboardButton: React.FC<AddToDashboardCardProps> = ({
@@ -45,9 +48,17 @@ export const PrimaryDashboardButton: React.FC<AddToDashboardCardProps> = ({
   hideCodePageLink,
   teamsAndProjects,
   client,
+  projectMeta,
 }) => {
   const pathname = usePathname();
 
+  const codePagePath = buildContractPagePath({
+    projectMeta,
+    chainIdOrSlug: contractInfo.chainSlug,
+    contractAddress: contractAddress,
+    subpath: "/code",
+  });
+
   // if user is not logged in
   if (!teamsAndProjects) {
     if (hideCodePageLink) {
@@ -57,9 +68,7 @@ export const PrimaryDashboardButton: React.FC<AddToDashboardCardProps> = ({
     if (!pathname?.endsWith("/code")) {
       return (
         <Button variant="outline" asChild className="gap-2">
-          <Link
-            href={`/${contractInfo.chainSlug}/${contractInfo.contractAddress}/code`}
-          >
+          <Link href={codePagePath}>
             <CodeIcon className="size-4" />
             Code Snippets
           </Link>
@@ -70,6 +79,11 @@ export const PrimaryDashboardButton: React.FC<AddToDashboardCardProps> = ({
     return null;
   }
 
+  // if user is on a project page
+  if (projectMeta) {
+    return null;
+  }
+
   return (
     <AddToProjectButton
       contractAddress={contractAddress}
diff --git a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/_utils/contract-page-path.ts b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/_utils/contract-page-path.ts
new file mode 100644
index 00000000000..409d6b6e4d0
--- /dev/null
+++ b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/_utils/contract-page-path.ts
@@ -0,0 +1,15 @@
+import type { ProjectMeta } from "../../../../../team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/types";
+
+export function buildContractPagePath(params: {
+  projectMeta: ProjectMeta | undefined;
+  chainIdOrSlug: string;
+  contractAddress: string;
+  subpath?: `/${string}`;
+}) {
+  const { projectMeta, chainIdOrSlug, contractAddress, subpath } = params;
+  if (projectMeta) {
+    return `/team/${projectMeta.teamSlug}/${projectMeta.projectSlug}/contract/${chainIdOrSlug}/${contractAddress}${subpath || ""}`;
+  }
+
+  return `/${chainIdOrSlug}/${contractAddress}${subpath || ""}`;
+}
diff --git a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/_utils/getContractFromParams.ts b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/_utils/getContractFromParams.ts
index d74aa10e2d9..ea9b967c14d 100644
--- a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/_utils/getContractFromParams.ts
+++ b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/_utils/getContractFromParams.ts
@@ -7,10 +7,11 @@ import { getUserThirdwebClient } from "../../../../../api/lib/getAuthToken";
 
 export async function getContractPageParamsInfo(params: {
   contractAddress: string;
-  chain_id: string;
+  chainIdOrSlug: string;
+  teamId: string | undefined;
 }) {
   const contractAddress = getCheckSummedAddress(params.contractAddress);
-  const chainSlugOrId = params.chain_id;
+  const chainSlugOrId = params.chainIdOrSlug;
   const chainMetadata = await fetchChainWithLocalOverrides(chainSlugOrId);
 
   if (!chainMetadata) {
@@ -31,7 +32,9 @@ export async function getContractPageParamsInfo(params: {
     // eslint-disable-next-line no-restricted-syntax
     chain: mapV4ChainToV5Chain(chainMetadata),
     // if we have the auth token pass it into the client
-    client: await getUserThirdwebClient(),
+    client: await getUserThirdwebClient({
+      teamId: params.teamId,
+    }),
   });
 
   return {
diff --git a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/_utils/getContractPageSidebarLinks.ts b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/_utils/getContractPageSidebarLinks.ts
index 425841d8528..31c7647b7c5 100644
--- a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/_utils/getContractPageSidebarLinks.ts
+++ b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/_utils/getContractPageSidebarLinks.ts
@@ -1,4 +1,6 @@
 import type { SidebarBaseLink, SidebarLink } from "@/components/blocks/Sidebar";
+import type { ProjectMeta } from "../../../../../team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/types";
+import { buildContractPagePath } from "./contract-page-path";
 import type { ContractPageMetadata } from "./getContractPageMetadata";
 
 type SidebarBaseLinkWithHide = SidebarBaseLink & {
@@ -9,8 +11,13 @@ export function getContractPageSidebarLinks(data: {
   metadata: ContractPageMetadata;
   contractAddress: string;
   chainSlug: string;
+  projectMeta: ProjectMeta | undefined;
 }) {
-  const layoutPrefix = `/${data.chainSlug}/${data.contractAddress}`;
+  const layoutPrefix = buildContractPagePath({
+    projectMeta: data.projectMeta,
+    chainIdOrSlug: data.chainSlug,
+    contractAddress: data.contractAddress,
+  });
 
   const generalLinks: SidebarBaseLinkWithHide[] = [
     {
diff --git a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/account-permissions/AccountSigners.client.tsx b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/account-permissions/AccountSigners.client.tsx
index 724618b8520..79a3c4d2e42 100644
--- a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/account-permissions/AccountSigners.client.tsx
+++ b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/account-permissions/AccountSigners.client.tsx
@@ -1,6 +1,7 @@
 "use client";
 
 import type { ThirdwebContract } from "thirdweb";
+import type { ProjectMeta } from "../../../../../team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/types";
 import { ErrorPage, LoadingPage } from "../_components/page-skeletons";
 import { RedirectToContractOverview } from "../_components/redirect-contract-overview.client";
 import { useContractPageMetadata } from "../_hooks/useContractPageMetadata";
@@ -8,6 +9,7 @@ import { AccountSigners } from "./components/account-signers";
 
 export function AccountSignersClient(props: {
   contract: ThirdwebContract;
+  projectMeta: ProjectMeta | undefined;
 }) {
   const metadataQuery = useContractPageMetadata(props.contract);
 
@@ -20,7 +22,12 @@ export function AccountSignersClient(props: {
   }
 
   if (!metadataQuery.data.isAccountPermissionsSupported) {
-    return <RedirectToContractOverview contract={props.contract} />;
+    return (
+      <RedirectToContractOverview
+        contract={props.contract}
+        projectMeta={props.projectMeta}
+      />
+    );
   }
 
   return <AccountSigners contract={props.contract} />;
diff --git a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/account-permissions/page.tsx b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/account-permissions/page.tsx
index b12615a4107..6b23d6c1738 100644
--- a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/account-permissions/page.tsx
+++ b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/account-permissions/page.tsx
@@ -1,34 +1,15 @@
-import { notFound, redirect } from "next/navigation";
-import { getContractPageParamsInfo } from "../_utils/getContractFromParams";
-import { getContractPageMetadata } from "../_utils/getContractPageMetadata";
-import { AccountSignersClient } from "./AccountSigners.client";
-import { AccountSigners } from "./components/account-signers";
+import type { PublicContractPageParams } from "../types";
+import { SharedContractAccountPermissionsPage } from "./shared-account-permissions-page";
 
 export default async function Page(props: {
-  params: Promise<{
-    contractAddress: string;
-    chain_id: string;
-  }>;
+  params: Promise<PublicContractPageParams>;
 }) {
   const params = await props.params;
-  const info = await getContractPageParamsInfo(params);
-
-  if (!info) {
-    notFound();
-  }
-
-  const { clientContract, serverContract, isLocalhostChain } = info;
-
-  if (isLocalhostChain) {
-    return <AccountSignersClient contract={clientContract} />;
-  }
-
-  const { isAccountPermissionsSupported } =
-    await getContractPageMetadata(serverContract);
-
-  if (!isAccountPermissionsSupported) {
-    redirect(`/${params.chain_id}/${params.contractAddress}`);
-  }
-
-  return <AccountSigners contract={clientContract} />;
+  return (
+    <SharedContractAccountPermissionsPage
+      contractAddress={params.contractAddress}
+      chainIdOrSlug={params.chain_id}
+      projectMeta={undefined}
+    />
+  );
 }
diff --git a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/account-permissions/shared-account-permissions-page.tsx b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/account-permissions/shared-account-permissions-page.tsx
new file mode 100644
index 00000000000..ded93ffeb4a
--- /dev/null
+++ b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/account-permissions/shared-account-permissions-page.tsx
@@ -0,0 +1,47 @@
+import { notFound } from "next/navigation";
+import type { ProjectMeta } from "../../../../../team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/types";
+import { redirectToContractLandingPage } from "../../../../../team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/utils";
+import { getContractPageParamsInfo } from "../_utils/getContractFromParams";
+import { getContractPageMetadata } from "../_utils/getContractPageMetadata";
+import { AccountSignersClient } from "./AccountSigners.client";
+import { AccountSigners } from "./components/account-signers";
+
+export async function SharedContractAccountPermissionsPage(props: {
+  contractAddress: string;
+  chainIdOrSlug: string;
+  projectMeta: ProjectMeta | undefined;
+}) {
+  const info = await getContractPageParamsInfo({
+    contractAddress: props.contractAddress,
+    chainIdOrSlug: props.chainIdOrSlug,
+    teamId: props.projectMeta?.teamId,
+  });
+
+  if (!info) {
+    notFound();
+  }
+
+  const { clientContract, serverContract, isLocalhostChain } = info;
+
+  if (isLocalhostChain) {
+    return (
+      <AccountSignersClient
+        contract={clientContract}
+        projectMeta={props.projectMeta}
+      />
+    );
+  }
+
+  const { isAccountPermissionsSupported } =
+    await getContractPageMetadata(serverContract);
+
+  if (!isAccountPermissionsSupported) {
+    redirectToContractLandingPage({
+      chainIdOrSlug: props.chainIdOrSlug,
+      contractAddress: props.contractAddress,
+      projectMeta: props.projectMeta,
+    });
+  }
+
+  return <AccountSigners contract={clientContract} />;
+}
diff --git a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/account/AccountPage.client.tsx b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/account/AccountPage.client.tsx
index 8a7766e5a85..195c65e9635 100644
--- a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/account/AccountPage.client.tsx
+++ b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/account/AccountPage.client.tsx
@@ -2,6 +2,7 @@
 
 import type { ThirdwebContract } from "thirdweb";
 import type { ChainMetadata } from "thirdweb/chains";
+import type { ProjectMeta } from "../../../../../team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/types";
 import { ErrorPage, LoadingPage } from "../_components/page-skeletons";
 import { RedirectToContractOverview } from "../_components/redirect-contract-overview.client";
 import { useContractPageMetadata } from "../_hooks/useContractPageMetadata";
@@ -11,6 +12,7 @@ export function AccountPageClient(props: {
   contract: ThirdwebContract;
   chainMetadata: ChainMetadata;
   isLoggedIn: boolean;
+  projectMeta: ProjectMeta | undefined;
 }) {
   const metadataQuery = useContractPageMetadata(props.contract);
 
@@ -23,7 +25,12 @@ export function AccountPageClient(props: {
   }
 
   if (!metadataQuery.data.isAccount) {
-    return <RedirectToContractOverview contract={props.contract} />;
+    return (
+      <RedirectToContractOverview
+        contract={props.contract}
+        projectMeta={props.projectMeta}
+      />
+    );
   }
 
   return (
@@ -32,6 +39,7 @@ export function AccountPageClient(props: {
       chainMetadata={props.chainMetadata}
       isLoggedIn={props.isLoggedIn}
       isInsightSupported={metadataQuery.data.isInsightSupported}
+      projectMeta={props.projectMeta}
     />
   );
 }
diff --git a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/account/AccountPage.tsx b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/account/AccountPage.tsx
index 40d651ddee0..0c7b581bc80 100644
--- a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/account/AccountPage.tsx
+++ b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/account/AccountPage.tsx
@@ -3,6 +3,7 @@
 import type { ThirdwebContract } from "thirdweb";
 import type { ChainMetadata } from "thirdweb/chains";
 import { Heading } from "tw-components";
+import type { ProjectMeta } from "../../../../../team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/types";
 import { AccountBalance } from "./components/account-balance";
 import { DepositNative } from "./components/deposit-native";
 import { NftsOwned } from "./components/nfts-owned";
@@ -12,6 +13,7 @@ interface AccountPageProps {
   chainMetadata: ChainMetadata;
   isLoggedIn: boolean;
   isInsightSupported: boolean;
+  projectMeta: ProjectMeta | undefined;
 }
 
 export const AccountPage: React.FC<AccountPageProps> = ({
@@ -19,6 +21,7 @@ export const AccountPage: React.FC<AccountPageProps> = ({
   chainMetadata,
   isLoggedIn,
   isInsightSupported,
+  projectMeta,
 }) => {
   const symbol = chainMetadata.nativeCurrency.symbol || "Native Token";
 
@@ -44,7 +47,11 @@ export const AccountPage: React.FC<AccountPageProps> = ({
       <div className="flex flex-row items-center justify-between">
         <Heading size="title.sm">NFTs owned</Heading>
       </div>
-      <NftsOwned contract={contract} isInsightSupported={isInsightSupported} />
+      <NftsOwned
+        contract={contract}
+        isInsightSupported={isInsightSupported}
+        projectMeta={projectMeta}
+      />
     </div>
   );
 };
diff --git a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/account/components/nfts-owned.tsx b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/account/components/nfts-owned.tsx
index 3c67dd58d29..180be18eb49 100644
--- a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/account/components/nfts-owned.tsx
+++ b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/account/components/nfts-owned.tsx
@@ -2,16 +2,19 @@
 
 import { useWalletNFTs } from "@3rdweb-sdk/react";
 import type { ThirdwebContract } from "thirdweb";
+import type { ProjectMeta } from "../../../../../../team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/types";
 import { NFTCards } from "../../_components/NFTCards";
 
 interface NftsOwnedProps {
   contract: ThirdwebContract;
   isInsightSupported: boolean;
+  projectMeta: ProjectMeta | undefined;
 }
 
 export const NftsOwned: React.FC<NftsOwnedProps> = ({
   contract,
   isInsightSupported,
+  projectMeta,
 }) => {
   const { data: walletNFTs, isPending: isWalletNFTsLoading } = useWalletNFTs({
     chainId: contract.chain.id,
@@ -24,6 +27,7 @@ export const NftsOwned: React.FC<NftsOwnedProps> = ({
 
   return nfts.length !== 0 ? (
     <NFTCards
+      projectMeta={projectMeta}
       nfts={nfts.map((nft) => ({
         id: BigInt(nft.id),
         supply: BigInt(nft.supply),
diff --git a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/account/page.tsx b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/account/page.tsx
index f736b8cfbe5..23fe1c9b997 100644
--- a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/account/page.tsx
+++ b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/account/page.tsx
@@ -1,51 +1,17 @@
-import { notFound, redirect } from "next/navigation";
 import { getRawAccount } from "../../../../../account/settings/getAccount";
-import { getContractPageParamsInfo } from "../_utils/getContractFromParams";
-import { getContractPageMetadata } from "../_utils/getContractPageMetadata";
-import { AccountPage } from "./AccountPage";
-import { AccountPageClient } from "./AccountPage.client";
+import type { PublicContractPageParams } from "../types";
+import { SharedContractAccountPage } from "./shared-account-page";
 
 export default async function Page(props: {
-  params: Promise<{
-    contractAddress: string;
-    chain_id: string;
-  }>;
+  params: Promise<PublicContractPageParams>;
 }) {
-  const params = await props.params;
-  const info = await getContractPageParamsInfo(params);
-
-  if (!info) {
-    notFound();
-  }
-
-  const { clientContract, serverContract, chainMetadata, isLocalhostChain } =
-    info;
-
-  const account = await getRawAccount();
-
-  if (isLocalhostChain) {
-    return (
-      <AccountPageClient
-        contract={clientContract}
-        chainMetadata={chainMetadata}
-        isLoggedIn={!!account}
-      />
-    );
-  }
-
-  const { isAccount, isInsightSupported } =
-    await getContractPageMetadata(serverContract);
-
-  if (!isAccount) {
-    redirect(`/${params.chain_id}/${params.contractAddress}`);
-  }
-
+  const [params, account] = await Promise.all([props.params, getRawAccount()]);
   return (
-    <AccountPage
-      contract={clientContract}
-      chainMetadata={chainMetadata}
+    <SharedContractAccountPage
+      contractAddress={params.contractAddress}
+      chainIdOrSlug={params.chain_id}
+      projectMeta={undefined}
       isLoggedIn={!!account}
-      isInsightSupported={isInsightSupported}
     />
   );
 }
diff --git a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/account/shared-account-page.tsx b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/account/shared-account-page.tsx
new file mode 100644
index 00000000000..cd140b2d726
--- /dev/null
+++ b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/account/shared-account-page.tsx
@@ -0,0 +1,57 @@
+import { notFound } from "next/navigation";
+import type { ProjectMeta } from "../../../../../team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/types";
+import { redirectToContractLandingPage } from "../../../../../team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/utils";
+import { getContractPageParamsInfo } from "../_utils/getContractFromParams";
+import { getContractPageMetadata } from "../_utils/getContractPageMetadata";
+import { AccountPage } from "./AccountPage";
+import { AccountPageClient } from "./AccountPage.client";
+
+export async function SharedContractAccountPage(props: {
+  contractAddress: string;
+  chainIdOrSlug: string;
+  projectMeta: ProjectMeta | undefined;
+  isLoggedIn: boolean;
+}) {
+  const info = await getContractPageParamsInfo({
+    contractAddress: props.contractAddress,
+    chainIdOrSlug: props.chainIdOrSlug,
+    teamId: props.projectMeta?.teamId,
+  });
+
+  if (!info) {
+    notFound();
+  }
+
+  if (info.isLocalhostChain) {
+    return (
+      <AccountPageClient
+        contract={info.clientContract}
+        chainMetadata={info.chainMetadata}
+        isLoggedIn={props.isLoggedIn}
+        projectMeta={props.projectMeta}
+      />
+    );
+  }
+
+  const { isAccount, isInsightSupported } = await getContractPageMetadata(
+    info.serverContract,
+  );
+
+  if (!isAccount) {
+    redirectToContractLandingPage({
+      chainIdOrSlug: props.chainIdOrSlug,
+      contractAddress: props.contractAddress,
+      projectMeta: props.projectMeta,
+    });
+  }
+
+  return (
+    <AccountPage
+      contract={info.clientContract}
+      chainMetadata={info.chainMetadata}
+      isLoggedIn={props.isLoggedIn}
+      isInsightSupported={isInsightSupported}
+      projectMeta={props.projectMeta}
+    />
+  );
+}
diff --git a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/accounts/AccountsPage.client.tsx b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/accounts/AccountsPage.client.tsx
index 1cb62b58268..2e78b5ffa06 100644
--- a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/accounts/AccountsPage.client.tsx
+++ b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/accounts/AccountsPage.client.tsx
@@ -1,6 +1,7 @@
 "use client";
 
 import type { ThirdwebContract } from "thirdweb";
+import type { ProjectMeta } from "../../../../../team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/types";
 import { ErrorPage, LoadingPage } from "../_components/page-skeletons";
 import { RedirectToContractOverview } from "../_components/redirect-contract-overview.client";
 import { useContractPageMetadata } from "../_hooks/useContractPageMetadata";
@@ -9,6 +10,7 @@ import { AccountsPage } from "./AccountsPage";
 export function AccountsPageClient(props: {
   contract: ThirdwebContract;
   isLoggedIn: boolean;
+  projectMeta: ProjectMeta | undefined;
 }) {
   const metadataQuery = useContractPageMetadata(props.contract);
 
@@ -21,10 +23,19 @@ export function AccountsPageClient(props: {
   }
 
   if (!metadataQuery.data.isAccountFactory) {
-    return <RedirectToContractOverview contract={props.contract} />;
+    return (
+      <RedirectToContractOverview
+        contract={props.contract}
+        projectMeta={props.projectMeta}
+      />
+    );
   }
 
   return (
-    <AccountsPage contract={props.contract} isLoggedIn={props.isLoggedIn} />
+    <AccountsPage
+      contract={props.contract}
+      isLoggedIn={props.isLoggedIn}
+      projectMeta={props.projectMeta}
+    />
   );
 }
diff --git a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/accounts/AccountsPage.tsx b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/accounts/AccountsPage.tsx
index 5c2d81fff05..eecaa02e266 100644
--- a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/accounts/AccountsPage.tsx
+++ b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/accounts/AccountsPage.tsx
@@ -3,6 +3,7 @@
 import { ButtonGroup, Flex } from "@chakra-ui/react";
 import type { ThirdwebContract } from "thirdweb";
 import { Heading, TrackedLinkButton } from "tw-components";
+import type { ProjectMeta } from "../../../../../team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/types";
 import { AccountsCount } from "./components/accounts-count";
 import { AccountsTable } from "./components/accounts-table";
 import { CreateAccountButton } from "./components/create-account-button";
@@ -10,11 +11,13 @@ import { CreateAccountButton } from "./components/create-account-button";
 interface AccountsPageProps {
   contract: ThirdwebContract;
   isLoggedIn: boolean;
+  projectMeta: ProjectMeta | undefined;
 }
 
 export const AccountsPage: React.FC<AccountsPageProps> = ({
   contract,
   isLoggedIn,
+  projectMeta,
 }) => {
   return (
     <Flex direction="column" gap={6}>
@@ -43,7 +46,7 @@ export const AccountsPage: React.FC<AccountsPageProps> = ({
         </ButtonGroup>
       </Flex>
       <AccountsCount contract={contract} />
-      <AccountsTable contract={contract} />
+      <AccountsTable contract={contract} projectMeta={projectMeta} />
     </Flex>
   );
 };
diff --git a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/accounts/components/accounts-table.tsx b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/accounts/components/accounts-table.tsx
index 8273209efef..c37114d9870 100644
--- a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/accounts/components/accounts-table.tsx
+++ b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/accounts/components/accounts-table.tsx
@@ -16,6 +16,8 @@ import type { ThirdwebContract } from "thirdweb";
 import { getAccounts, totalAccounts } from "thirdweb/extensions/erc4337";
 import { useReadContract } from "thirdweb/react";
 import { Text, TrackedCopyButton } from "tw-components";
+import type { ProjectMeta } from "../../../../../../team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/types";
+import { buildContractPagePath } from "../../_utils/contract-page-path";
 
 const columnHelper = createColumnHelper<{ account: string }>();
 
@@ -38,9 +40,13 @@ const columns = [
 
 type AccountsTableProps = {
   contract: ThirdwebContract;
+  projectMeta: ProjectMeta | undefined;
 };
 
-export const AccountsTable: React.FC<AccountsTableProps> = ({ contract }) => {
+export const AccountsTable: React.FC<AccountsTableProps> = ({
+  contract,
+  projectMeta,
+}) => {
   const router = useDashboardRouter();
   const chainSlug = useChainSlug(contract.chain.id);
 
@@ -92,7 +98,13 @@ export const AccountsTable: React.FC<AccountsTableProps> = ({ contract }) => {
         isPending={accountsQuery.isPending}
         isFetched={accountsQuery.isFetched}
         onRowClick={(row) => {
-          router.push(`/${chainSlug}/${row.account}`);
+          const accountContractPagePath = buildContractPagePath({
+            projectMeta,
+            chainIdOrSlug: chainSlug.toString(),
+            contractAddress: row.account,
+          });
+
+          router.push(accountContractPagePath);
         }}
       />
       {/* pagination */}
diff --git a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/accounts/page.tsx b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/accounts/page.tsx
index 0589a2e0b49..b031a7525a1 100644
--- a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/accounts/page.tsx
+++ b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/accounts/page.tsx
@@ -1,41 +1,17 @@
-import { notFound, redirect } from "next/navigation";
 import { getRawAccount } from "../../../../../account/settings/getAccount";
-import { getContractPageParamsInfo } from "../_utils/getContractFromParams";
-import { getContractPageMetadata } from "../_utils/getContractPageMetadata";
-import { AccountsPage } from "./AccountsPage";
-import { AccountsPageClient } from "./AccountsPage.client";
+import type { PublicContractPageParams } from "../types";
+import { SharedAccountsPage } from "./shared-accounts-page";
 
 export default async function Page(props: {
-  params: Promise<{
-    contractAddress: string;
-    chain_id: string;
-  }>;
+  params: Promise<PublicContractPageParams>;
 }) {
-  const params = await props.params;
-  const info = await getContractPageParamsInfo(params);
-
-  if (!info) {
-    notFound();
-  }
-
-  const { clientContract, serverContract, isLocalhostChain } = info;
-
-  const [account, { isAccountFactory }] = await Promise.all([
-    getRawAccount(),
-    isLocalhostChain
-      ? { isAccountFactory: undefined }
-      : getContractPageMetadata(serverContract),
-  ]);
-
-  if (isLocalhostChain) {
-    return (
-      <AccountsPageClient contract={clientContract} isLoggedIn={!!account} />
-    );
-  }
-
-  if (!isAccountFactory) {
-    redirect(`/${params.chain_id}/${params.contractAddress}`);
-  }
-
-  return <AccountsPage contract={clientContract} isLoggedIn={!!account} />;
+  const [params, account] = await Promise.all([props.params, getRawAccount()]);
+  return (
+    <SharedAccountsPage
+      contractAddress={params.contractAddress}
+      chainIdOrSlug={params.chain_id}
+      projectMeta={undefined}
+      isLoggedIn={!!account}
+    />
+  );
 }
diff --git a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/accounts/shared-accounts-page.tsx b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/accounts/shared-accounts-page.tsx
new file mode 100644
index 00000000000..75f57184797
--- /dev/null
+++ b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/accounts/shared-accounts-page.tsx
@@ -0,0 +1,54 @@
+import { notFound } from "next/navigation";
+import type { ProjectMeta } from "../../../../../team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/types";
+import { redirectToContractLandingPage } from "../../../../../team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/utils";
+import { getContractPageParamsInfo } from "../_utils/getContractFromParams";
+import { getContractPageMetadata } from "../_utils/getContractPageMetadata";
+import { AccountsPage } from "./AccountsPage";
+import { AccountsPageClient } from "./AccountsPage.client";
+
+export async function SharedAccountsPage(props: {
+  contractAddress: string;
+  chainIdOrSlug: string;
+  projectMeta: ProjectMeta | undefined;
+  isLoggedIn: boolean;
+}) {
+  const info = await getContractPageParamsInfo({
+    contractAddress: props.contractAddress,
+    chainIdOrSlug: props.chainIdOrSlug,
+    teamId: props.projectMeta?.teamId,
+  });
+
+  if (!info) {
+    notFound();
+  }
+
+  const { clientContract, serverContract, isLocalhostChain } = info;
+
+  if (isLocalhostChain) {
+    return (
+      <AccountsPageClient
+        contract={clientContract}
+        isLoggedIn={props.isLoggedIn}
+        projectMeta={props.projectMeta}
+      />
+    );
+  }
+
+  const { isAccountFactory } = await getContractPageMetadata(serverContract);
+
+  if (!isAccountFactory) {
+    redirectToContractLandingPage({
+      chainIdOrSlug: props.chainIdOrSlug,
+      contractAddress: props.contractAddress,
+      projectMeta: props.projectMeta,
+    });
+  }
+
+  return (
+    <AccountsPage
+      contract={clientContract}
+      isLoggedIn={props.isLoggedIn}
+      projectMeta={props.projectMeta}
+    />
+  );
+}
diff --git a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/analytics/page.tsx b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/analytics/page.tsx
index 99ed4385c4e..e9e12b8192b 100644
--- a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/analytics/page.tsx
+++ b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/analytics/page.tsx
@@ -1,71 +1,15 @@
-import { notFound, redirect } from "next/navigation";
-import { type ThirdwebContract, resolveContractAbi } from "thirdweb/contract";
-import { type Abi, toEventSelector, toFunctionSelector } from "thirdweb/utils";
-import { getContractPageParamsInfo } from "../_utils/getContractFromParams";
-import { getContractPageMetadata } from "../_utils/getContractPageMetadata";
-import { ContractAnalyticsPage } from "./ContractAnalyticsPage";
+import type { PublicContractPageParams } from "../types";
+import { SharedAnalyticsPage } from "./shared-analytics-page";
 
 export default async function Page(props: {
-  params: Promise<{
-    contractAddress: string;
-    chain_id: string;
-  }>;
+  params: Promise<PublicContractPageParams>;
 }) {
   const params = await props.params;
-  const info = await getContractPageParamsInfo(params);
-
-  if (!info) {
-    notFound();
-  }
-
-  const [
-    { eventSelectorToName, writeFnSelectorToName },
-    { isInsightSupported },
-  ] = await Promise.all([
-    getSelectors(info.serverContract),
-    getContractPageMetadata(info.serverContract),
-  ]);
-
-  if (!isInsightSupported) {
-    redirect(`/${params.chain_id}/${params.contractAddress}`);
-  }
-
   return (
-    <ContractAnalyticsPage
-      contract={info.clientContract}
-      writeFnSelectorToNameRecord={writeFnSelectorToName}
-      eventSelectorToNameRecord={eventSelectorToName}
+    <SharedAnalyticsPage
+      contractAddress={params.contractAddress}
+      chainIdOrSlug={params.chain_id}
+      projectMeta={undefined}
     />
   );
 }
-
-async function getSelectors(contract: ThirdwebContract) {
-  try {
-    const abi = await resolveContractAbi<Abi>(contract);
-    const writeFnSelectorToName: Record<string, string> = {};
-    const eventSelectorToName: Record<string, string> = {};
-
-    for (const item of abi) {
-      if (item.type === "event") {
-        eventSelectorToName[toEventSelector(item)] = item.name;
-      } else if (
-        // if write function
-        item.type === "function" &&
-        item.stateMutability !== "view" &&
-        item.stateMutability !== "pure"
-      ) {
-        writeFnSelectorToName[toFunctionSelector(item)] = item.name;
-      }
-    }
-
-    return {
-      writeFnSelectorToName,
-      eventSelectorToName,
-    };
-  } catch {
-    return {
-      writeFnSelectorToName: {},
-      eventSelectorToName: {},
-    };
-  }
-}
diff --git a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/analytics/shared-analytics-page.tsx b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/analytics/shared-analytics-page.tsx
new file mode 100644
index 00000000000..9ff09746499
--- /dev/null
+++ b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/analytics/shared-analytics-page.tsx
@@ -0,0 +1,79 @@
+import { notFound } from "next/navigation";
+import { type ThirdwebContract, resolveContractAbi } from "thirdweb/contract";
+import { type Abi, toEventSelector, toFunctionSelector } from "thirdweb/utils";
+import type { ProjectMeta } from "../../../../../team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/types";
+import { redirectToContractLandingPage } from "../../../../../team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/utils";
+import { getContractPageParamsInfo } from "../_utils/getContractFromParams";
+import { getContractPageMetadata } from "../_utils/getContractPageMetadata";
+import { ContractAnalyticsPage } from "./ContractAnalyticsPage";
+
+export async function SharedAnalyticsPage(props: {
+  contractAddress: string;
+  chainIdOrSlug: string;
+  projectMeta: ProjectMeta | undefined;
+}) {
+  const info = await getContractPageParamsInfo({
+    contractAddress: props.contractAddress,
+    chainIdOrSlug: props.chainIdOrSlug,
+    teamId: props.projectMeta?.teamId,
+  });
+
+  if (!info) {
+    notFound();
+  }
+
+  const [
+    { eventSelectorToName, writeFnSelectorToName },
+    { isInsightSupported },
+  ] = await Promise.all([
+    getSelectors(info.serverContract),
+    getContractPageMetadata(info.serverContract),
+  ]);
+
+  if (!isInsightSupported) {
+    redirectToContractLandingPage({
+      chainIdOrSlug: props.chainIdOrSlug,
+      contractAddress: props.contractAddress,
+      projectMeta: props.projectMeta,
+    });
+  }
+
+  return (
+    <ContractAnalyticsPage
+      contract={info.clientContract}
+      writeFnSelectorToNameRecord={writeFnSelectorToName}
+      eventSelectorToNameRecord={eventSelectorToName}
+    />
+  );
+}
+
+async function getSelectors(contract: ThirdwebContract) {
+  try {
+    const abi = await resolveContractAbi<Abi>(contract);
+    const writeFnSelectorToName: Record<string, string> = {};
+    const eventSelectorToName: Record<string, string> = {};
+
+    for (const item of abi) {
+      if (item.type === "event") {
+        eventSelectorToName[toEventSelector(item)] = item.name;
+      } else if (
+        // if write function
+        item.type === "function" &&
+        item.stateMutability !== "view" &&
+        item.stateMutability !== "pure"
+      ) {
+        writeFnSelectorToName[toFunctionSelector(item)] = item.name;
+      }
+    }
+
+    return {
+      writeFnSelectorToName,
+      eventSelectorToName,
+    };
+  } catch {
+    return {
+      writeFnSelectorToName: {},
+      eventSelectorToName: {},
+    };
+  }
+}
diff --git a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/claim-conditions/ClaimConditions.client.tsx b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/claim-conditions/ClaimConditions.client.tsx
index ae20d7af531..09b61c7193f 100644
--- a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/claim-conditions/ClaimConditions.client.tsx
+++ b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/claim-conditions/ClaimConditions.client.tsx
@@ -1,6 +1,7 @@
 "use client";
 
 import type { ThirdwebContract } from "thirdweb";
+import type { ProjectMeta } from "../../../../../team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/types";
 import { ClaimConditions } from "../_components/claim-conditions/claim-conditions";
 import { ErrorPage, LoadingPage } from "../_components/page-skeletons";
 import { RedirectToContractOverview } from "../_components/redirect-contract-overview.client";
@@ -9,6 +10,7 @@ import { useContractPageMetadata } from "../_hooks/useContractPageMetadata";
 export function ClaimConditionsClient(props: {
   contract: ThirdwebContract;
   isLoggedIn: boolean;
+  projectMeta: ProjectMeta | undefined;
 }) {
   const metadataQuery = useContractPageMetadata(props.contract);
 
@@ -27,7 +29,12 @@ export function ClaimConditionsClient(props: {
   } = metadataQuery.data;
 
   if (!isERC20ClaimConditionsSupported && !isERC721ClaimConditionsSupported) {
-    return <RedirectToContractOverview contract={props.contract} />;
+    return (
+      <RedirectToContractOverview
+        contract={props.contract}
+        projectMeta={props.projectMeta}
+      />
+    );
   }
 
   return (
diff --git a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/claim-conditions/page.tsx b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/claim-conditions/page.tsx
index 5dab2c6098c..9ec0a25816b 100644
--- a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/claim-conditions/page.tsx
+++ b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/claim-conditions/page.tsx
@@ -1,58 +1,17 @@
-import { notFound, redirect } from "next/navigation";
 import { getRawAccount } from "../../../../../account/settings/getAccount";
-import { ClaimConditions } from "../_components/claim-conditions/claim-conditions";
-import { getContractPageParamsInfo } from "../_utils/getContractFromParams";
-import { getContractPageMetadata } from "../_utils/getContractPageMetadata";
-import { ClaimConditionsClient } from "./ClaimConditions.client";
+import type { PublicContractPageParams } from "../types";
+import { SharedClaimConditionsPage } from "./shared-claim-conditions-page";
 
 export default async function Page(props: {
-  params: Promise<{
-    contractAddress: string;
-    chain_id: string;
-  }>;
+  params: Promise<PublicContractPageParams>;
 }) {
-  const params = await props.params;
-  const info = await getContractPageParamsInfo(params);
-
-  if (!info) {
-    notFound();
-  }
-  const { clientContract, serverContract, isLocalhostChain } = info;
-
-  const [
-    account,
-    {
-      isERC20ClaimConditionsSupported,
-      isERC721ClaimConditionsSupported,
-      supportedERCs,
-    },
-  ] = await Promise.all([
-    getRawAccount(),
-    isLocalhostChain
-      ? {
-          isERC20ClaimConditionsSupported: undefined,
-          isERC721ClaimConditionsSupported: undefined,
-          supportedERCs: undefined,
-        }
-      : getContractPageMetadata(serverContract),
-  ]);
-
-  if (isLocalhostChain) {
-    return (
-      <ClaimConditionsClient contract={clientContract} isLoggedIn={!!account} />
-    );
-  }
-
-  if (!isERC20ClaimConditionsSupported && !isERC721ClaimConditionsSupported) {
-    redirect(`/${params.chain_id}/${params.contractAddress}`);
-  }
-
+  const [params, account] = await Promise.all([props.params, getRawAccount()]);
   return (
-    <ClaimConditions
-      contract={clientContract}
-      isERC20={supportedERCs.isERC20}
+    <SharedClaimConditionsPage
+      contractAddress={params.contractAddress}
+      chainIdOrSlug={params.chain_id}
+      projectMeta={undefined}
       isLoggedIn={!!account}
-      isMultiphase={true}
     />
   );
 }
diff --git a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/claim-conditions/shared-claim-conditions-page.tsx b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/claim-conditions/shared-claim-conditions-page.tsx
new file mode 100644
index 00000000000..698b1a20086
--- /dev/null
+++ b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/claim-conditions/shared-claim-conditions-page.tsx
@@ -0,0 +1,59 @@
+import { notFound } from "next/navigation";
+import type { ProjectMeta } from "../../../../../team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/types";
+import { redirectToContractLandingPage } from "../../../../../team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/utils";
+import { ClaimConditions } from "../_components/claim-conditions/claim-conditions";
+import { getContractPageParamsInfo } from "../_utils/getContractFromParams";
+import { getContractPageMetadata } from "../_utils/getContractPageMetadata";
+import { ClaimConditionsClient } from "./ClaimConditions.client";
+
+export async function SharedClaimConditionsPage(props: {
+  contractAddress: string;
+  chainIdOrSlug: string;
+  projectMeta: ProjectMeta | undefined;
+  isLoggedIn: boolean;
+}) {
+  const info = await getContractPageParamsInfo({
+    contractAddress: props.contractAddress,
+    chainIdOrSlug: props.chainIdOrSlug,
+    teamId: props.projectMeta?.teamId,
+  });
+
+  if (!info) {
+    notFound();
+  }
+
+  const { clientContract, serverContract, isLocalhostChain } = info;
+
+  if (isLocalhostChain) {
+    return (
+      <ClaimConditionsClient
+        contract={clientContract}
+        isLoggedIn={props.isLoggedIn}
+        projectMeta={props.projectMeta}
+      />
+    );
+  }
+
+  const {
+    isERC20ClaimConditionsSupported,
+    isERC721ClaimConditionsSupported,
+    supportedERCs,
+  } = await getContractPageMetadata(serverContract);
+
+  if (!isERC20ClaimConditionsSupported && !isERC721ClaimConditionsSupported) {
+    redirectToContractLandingPage({
+      chainIdOrSlug: props.chainIdOrSlug,
+      contractAddress: props.contractAddress,
+      projectMeta: props.projectMeta,
+    });
+  }
+
+  return (
+    <ClaimConditions
+      contract={clientContract}
+      isERC20={supportedERCs.isERC20}
+      isLoggedIn={props.isLoggedIn}
+      isMultiphase={true}
+    />
+  );
+}
diff --git a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/code/page.tsx b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/code/page.tsx
index c4fda30740f..96b28930185 100644
--- a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/code/page.tsx
+++ b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/code/page.tsx
@@ -1,41 +1,15 @@
-import { notFound } from "next/navigation";
-import { resolveContractAbi } from "thirdweb/contract";
-import { getContractPageParamsInfo } from "../_utils/getContractFromParams";
-import { ContractCodePage } from "./contract-code-page";
-import { ContractCodePageClient } from "./contract-code-page.client";
+import type { PublicContractPageParams } from "../types";
+import { SharedCodePage } from "./shared-code-page";
 
 export default async function Page(props: {
-  params: Promise<{
-    contractAddress: string;
-    chain_id: string;
-  }>;
+  params: Promise<PublicContractPageParams>;
 }) {
   const params = await props.params;
-  const info = await getContractPageParamsInfo(params);
-
-  if (!info) {
-    notFound();
-  }
-
-  const { clientContract, serverContract, chainMetadata, isLocalhostChain } =
-    info;
-
-  if (isLocalhostChain) {
-    return (
-      <ContractCodePageClient
-        contract={clientContract}
-        chainMetadata={chainMetadata}
-      />
-    );
-  }
-
-  const abi = await resolveContractAbi(serverContract).catch(() => undefined);
-
   return (
-    <ContractCodePage
-      abi={abi}
-      contract={clientContract}
-      chainMetadata={chainMetadata}
+    <SharedCodePage
+      contractAddress={params.contractAddress}
+      chainIdOrSlug={params.chain_id}
+      projectMeta={undefined}
     />
   );
 }
diff --git a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/code/shared-code-page.tsx b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/code/shared-code-page.tsx
new file mode 100644
index 00000000000..1f83d45e0ec
--- /dev/null
+++ b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/code/shared-code-page.tsx
@@ -0,0 +1,44 @@
+import { notFound } from "next/navigation";
+import { resolveContractAbi } from "thirdweb/contract";
+import type { ProjectMeta } from "../../../../../team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/types";
+import { getContractPageParamsInfo } from "../_utils/getContractFromParams";
+import { ContractCodePage } from "./contract-code-page";
+import { ContractCodePageClient } from "./contract-code-page.client";
+
+export async function SharedCodePage(props: {
+  contractAddress: string;
+  chainIdOrSlug: string;
+  projectMeta: ProjectMeta | undefined;
+}) {
+  const info = await getContractPageParamsInfo({
+    contractAddress: props.contractAddress,
+    chainIdOrSlug: props.chainIdOrSlug,
+    teamId: props.projectMeta?.teamId,
+  });
+
+  if (!info) {
+    notFound();
+  }
+
+  const { clientContract, serverContract, chainMetadata, isLocalhostChain } =
+    info;
+
+  if (isLocalhostChain) {
+    return (
+      <ContractCodePageClient
+        contract={clientContract}
+        chainMetadata={chainMetadata}
+      />
+    );
+  }
+
+  const abi = await resolveContractAbi(serverContract).catch(() => undefined);
+
+  return (
+    <ContractCodePage
+      abi={abi}
+      contract={clientContract}
+      chainMetadata={chainMetadata}
+    />
+  );
+}
diff --git a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/cross-chain/data-table.tsx b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/cross-chain/data-table.tsx
index 95afe9392cc..e5eeb4c2d8e 100644
--- a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/cross-chain/data-table.tsx
+++ b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/cross-chain/data-table.tsx
@@ -58,6 +58,8 @@ import {
 import { useActiveAccount, useSwitchActiveWalletChain } from "thirdweb/react";
 import { concatHex, padHex } from "thirdweb/utils";
 import { z } from "zod";
+import type { ProjectMeta } from "../../../../../team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/types";
+import { buildContractPagePath } from "../_utils/contract-page-path";
 import { SingleNetworkSelector } from "./single-network-selector";
 
 type CrossChain = {
@@ -91,6 +93,7 @@ export function DataTable({
   inputSalt,
   initCode,
   isDirectDeploy,
+  projectMeta,
 }: {
   data: CrossChain[];
   coreMetadata: FetchDeployMetadataResult;
@@ -100,6 +103,7 @@ export function DataTable({
   inputSalt?: `0x${string}`;
   initCode?: `0x${string}`;
   isDirectDeploy: boolean;
+  projectMeta: ProjectMeta | undefined;
 }) {
   const activeAccount = useActiveAccount();
   const switchChain = useSwitchActiveWalletChain();
@@ -235,11 +239,17 @@ export function DataTable({
       header: "Network",
       cell: ({ row }) => {
         if (row.getValue("status") === "DEPLOYED") {
+          const href = buildContractPagePath({
+            projectMeta,
+            chainIdOrSlug: `${row.getValue("chainId")}`,
+            contractAddress: coreContract.address,
+          });
+
           return (
             <Link
               target="_blank"
               className="text-blue-500 underline"
-              href={`/${row.getValue("chainId")}/${coreContract.address}`}
+              href={href}
             >
               {row.getValue("network")}
             </Link>
@@ -405,9 +415,17 @@ export function DataTable({
         });
       }
       deployStatusModal.nextStep();
-      deployStatusModal.setViewContractLink(
-        `/${chain.id}/${crosschainContractAddress}`,
-      );
+
+      if (crosschainContractAddress) {
+        const contractLink = buildContractPagePath({
+          projectMeta,
+          chainIdOrSlug: `${chain.id}`,
+          contractAddress: crosschainContractAddress,
+        });
+
+        deployStatusModal.setViewContractLink(contractLink);
+      }
+
       deployStatusModal.close();
 
       setCustomChainData((prevData) =>
diff --git a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/cross-chain/page.tsx b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/cross-chain/page.tsx
index 50ef1f6ff17..8aa8cbb8206 100644
--- a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/cross-chain/page.tsx
+++ b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/cross-chain/page.tsx
@@ -1,287 +1,15 @@
-import { fetchPublishedContractsFromDeploy } from "components/contract-components/fetchPublishedContractsFromDeploy";
-import { notFound } from "next/navigation";
-import {
-  type ContractOptions,
-  eth_getTransactionByHash,
-  eth_getTransactionReceipt,
-  getContractEvents,
-  parseEventLogs,
-  prepareEvent,
-} from "thirdweb";
-import { defineChain, getChainMetadata } from "thirdweb/chains";
-import {
-  type FetchDeployMetadataResult,
-  getContract,
-  getDeployedCloneFactoryContract,
-  resolveContractAbi,
-} from "thirdweb/contract";
-import { moduleInstalledEvent } from "thirdweb/modules";
-import { eth_getCode, getRpcClient } from "thirdweb/rpc";
-import type { TransactionReceipt } from "thirdweb/transaction";
-import { type AbiFunction, decodeFunctionData } from "thirdweb/utils";
-import { getContractPageParamsInfo } from "../_utils/getContractFromParams";
-import { getContractPageMetadata } from "../_utils/getContractPageMetadata";
-import { DataTable } from "./data-table";
-import { NoCrossChainPrompt } from "./no-crosschain-prompt";
-
-export function getModuleInstallParams(mod: FetchDeployMetadataResult) {
-  return (
-    mod.abi
-      .filter((a) => a.type === "function")
-      .find((f) => f.name === "encodeBytesOnInstall")?.inputs || []
-  );
-}
+import type { PublicContractPageParams } from "../types";
+import { SharedCrossChainPage } from "./shared-cross-chain-page";
 
 export default async function Page(props: {
-  params: Promise<{
-    contractAddress: string;
-    chain_id: string;
-  }>;
+  params: Promise<PublicContractPageParams>;
 }) {
   const params = await props.params;
-  const info = await getContractPageParamsInfo(params);
-
-  const ProxyDeployedEvent = prepareEvent({
-    signature:
-      "event ProxyDeployedV2(address indexed implementation, address indexed proxy, address indexed deployer, bytes32 inputSalt, bytes data, bytes extraData)",
-    filters: {
-      proxy: params.contractAddress.toLowerCase(),
-    },
-  });
-
-  if (!info) {
-    notFound();
-  }
-
-  const { clientContract, serverContract } = info;
-
-  const isModularCore = (await getContractPageMetadata(serverContract))
-    .isModularCore;
-
-  let twCloneFactoryContract: Readonly<
-    ContractOptions<[], `0x${string}`>
-  > | null = null;
-  try {
-    twCloneFactoryContract = await getDeployedCloneFactoryContract({
-      chain: serverContract.chain,
-      client: serverContract.client,
-    });
-  } catch {}
-
-  const originalCode = await eth_getCode(
-    getRpcClient({
-      client: serverContract.client,
-      chain: serverContract.chain,
-    }),
-    {
-      address: serverContract.address,
-    },
-  );
-
-  let initCode: `0x${string}` = "0x";
-  let creationTxReceipt: TransactionReceipt | undefined;
-  let isDirectDeploy = false;
-  try {
-    const res = await fetch(
-      `https://contract.thirdweb-dev.com/creation/${serverContract.chain.id}/${serverContract.address}`,
-    );
-    const creationData = await res.json();
-
-    if (creationData.status === "1" && creationData.result[0]?.txHash) {
-      const rpcClient = getRpcClient({
-        client: serverContract.client,
-        chain: serverContract.chain,
-      });
-      creationTxReceipt = await eth_getTransactionReceipt(rpcClient, {
-        hash: creationData.result[0]?.txHash,
-      });
-
-      const creationTx = await eth_getTransactionByHash(rpcClient, {
-        hash: creationData.result[0]?.txHash,
-      });
-
-      initCode = creationTx.input;
-      isDirectDeploy =
-        creationTx.to?.toLowerCase() ===
-        "0x4e59b44847b379578588920cA78FbF26c0B4956C".toLowerCase();
-    }
-  } catch (e) {
-    console.debug(e);
-  }
-
-  let initializeData: `0x${string}` | undefined;
-  let inputSalt: `0x${string}` | undefined;
-  let creationBlockNumber: bigint | undefined;
-
-  if (twCloneFactoryContract) {
-    const events = await getContractEvents({
-      contract: twCloneFactoryContract,
-      events: [ProxyDeployedEvent],
-    });
-    const event = events.find(
-      (e) =>
-        e.args.proxy.toLowerCase() === params.contractAddress.toLowerCase(),
-    );
-
-    initializeData = event?.args.data;
-    inputSalt = event?.args.inputSalt;
-    creationBlockNumber = event?.blockNumber;
-  }
-
-  const defaultChains = [
-    1, 137, 8453, 10, 42161, 11155111, 84532, 11155420, 421614,
-  ];
-
-  const chainsDeployedOn = (
-    await Promise.all(
-      defaultChains.map(async (c) => {
-        // eslint-disable-next-line no-restricted-syntax
-        const chain = defineChain(c);
-
-        try {
-          const chainMetadata = await getChainMetadata(chain);
-
-          const rpcRequest = getRpcClient({
-            client: serverContract.client,
-            chain,
-          });
-          const code = await eth_getCode(rpcRequest, {
-            address: params.contractAddress,
-          });
-
-          return {
-            id: chain.id,
-            network: chainMetadata.name,
-            chainId: chain.id,
-            status:
-              code === originalCode
-                ? ("DEPLOYED" as const)
-                : ("NOT_DEPLOYED" as const),
-          };
-        } catch {
-          return {
-            id: chain.id,
-            network: "",
-            chainId: chain.id,
-            status: "NOT_DEPLOYED" as const,
-          };
-        }
-      }),
-    )
-  ).filter((c) => c.chainId !== serverContract.chain.id);
-
-  let coreMetadata: FetchDeployMetadataResult | undefined;
-  try {
-    coreMetadata = (
-      await fetchPublishedContractsFromDeploy({
-        contract: serverContract,
-        client: serverContract.client,
-      })
-    ).at(-1) as FetchDeployMetadataResult;
-  } catch {}
-
-  if (!coreMetadata) {
-    return NoCrossChainPrompt();
-  }
-
-  let modulesMetadata: FetchDeployMetadataResult[] | undefined;
-
-  if (isModularCore) {
-    let modules: string[] | undefined;
-    const moduleEvent = moduleInstalledEvent();
-    // extract module address in ModuleInstalled events from transaction receipt
-    if (creationTxReceipt) {
-      const decodedEvent = parseEventLogs({
-        events: [moduleEvent],
-        logs: creationTxReceipt.logs,
-      });
-
-      modules = decodedEvent.map((e) => e.args.installedModule);
-    }
-
-    // fetch events from contract
-    if (!modules && creationBlockNumber) {
-      const events = await getContractEvents({
-        contract: serverContract,
-        events: [moduleEvent],
-      });
-
-      const filteredEvents = events.filter(
-        (e) => e.blockNumber === creationBlockNumber,
-      );
-
-      modules = filteredEvents.map((e) => e.args.installedModule);
-    }
-
-    // if receipt not available, try extracting module address from initialize data
-    if (!modules && initializeData) {
-      // biome-ignore lint/suspicious/noExplicitAny: FIXME
-      const decodedData: any = await decodeFunctionData({
-        contract: serverContract,
-        data: initializeData,
-      });
-
-      const abi = await resolveContractAbi(serverContract).catch(
-        () => undefined,
-      );
-
-      if (abi) {
-        const initializeFunction = abi.find(
-          (i: AbiFunction) => i.type === "function" && i.name === "initialize",
-        ) as unknown as AbiFunction;
-
-        const moduleIndex = initializeFunction.inputs.findIndex(
-          (i) => i.name === "_modules" || i.name === "modules",
-        );
-
-        modules = moduleIndex ? decodedData[moduleIndex] : undefined;
-      }
-    }
-
-    modulesMetadata = modules
-      ? ((await Promise.all(
-          modules.map(async (m) =>
-            (
-              await fetchPublishedContractsFromDeploy({
-                contract: getContract({
-                  chain: serverContract.chain,
-                  client: serverContract.client,
-                  address: m,
-                }),
-                client: serverContract.client,
-              })
-            ).at(-1),
-          ),
-        )) as FetchDeployMetadataResult[])
-      : undefined;
-  }
-
-  if (!isDirectDeploy && !initializeData) {
-    return NoCrossChainPrompt();
-  }
-
   return (
-    <>
-      <div>
-        <h2 className="mb-1 font-bold text-2xl tracking-tight">
-          Cross-chain contracts
-        </h2>
-        <p className="text-muted-foreground">
-          Deterministically deploy and interact with your contracts on multiple
-          networks.
-        </p>
-      </div>
-      <div className="h-10" />
-      <DataTable
-        coreMetadata={coreMetadata}
-        modulesMetadata={modulesMetadata}
-        initializeData={initializeData}
-        inputSalt={inputSalt}
-        data={chainsDeployedOn}
-        coreContract={clientContract}
-        initCode={initCode}
-        isDirectDeploy={isDirectDeploy}
-      />
-    </>
+    <SharedCrossChainPage
+      contractAddress={params.contractAddress}
+      chainIdOrSlug={params.chain_id}
+      projectMeta={undefined}
+    />
   );
 }
diff --git a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/cross-chain/shared-cross-chain-page.tsx b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/cross-chain/shared-cross-chain-page.tsx
new file mode 100644
index 00000000000..95b706faa3e
--- /dev/null
+++ b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/cross-chain/shared-cross-chain-page.tsx
@@ -0,0 +1,282 @@
+import { fetchPublishedContractsFromDeploy } from "components/contract-components/fetchPublishedContractsFromDeploy";
+import { notFound } from "next/navigation";
+import {
+  type ContractOptions,
+  eth_getTransactionByHash,
+  eth_getTransactionReceipt,
+  getContractEvents,
+  parseEventLogs,
+  prepareEvent,
+} from "thirdweb";
+import { defineChain, getChainMetadata } from "thirdweb/chains";
+import {
+  type FetchDeployMetadataResult,
+  getContract,
+  getDeployedCloneFactoryContract,
+  resolveContractAbi,
+} from "thirdweb/contract";
+import { moduleInstalledEvent } from "thirdweb/modules";
+import { eth_getCode, getRpcClient } from "thirdweb/rpc";
+import type { TransactionReceipt } from "thirdweb/transaction";
+import { type AbiFunction, decodeFunctionData } from "thirdweb/utils";
+import type { ProjectMeta } from "../../../../../team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/types";
+import { getContractPageParamsInfo } from "../_utils/getContractFromParams";
+import { getContractPageMetadata } from "../_utils/getContractPageMetadata";
+import { DataTable } from "./data-table";
+import { NoCrossChainPrompt } from "./no-crosschain-prompt";
+
+export async function SharedCrossChainPage(props: {
+  contractAddress: string;
+  chainIdOrSlug: string;
+  projectMeta: ProjectMeta | undefined;
+}) {
+  const info = await getContractPageParamsInfo({
+    contractAddress: props.contractAddress,
+    chainIdOrSlug: props.chainIdOrSlug,
+    teamId: props.projectMeta?.teamId,
+  });
+
+  const ProxyDeployedEvent = prepareEvent({
+    signature:
+      "event ProxyDeployedV2(address indexed implementation, address indexed proxy, address indexed deployer, bytes32 inputSalt, bytes data, bytes extraData)",
+    filters: {
+      proxy: props.contractAddress.toLowerCase(),
+    },
+  });
+
+  if (!info) {
+    notFound();
+  }
+
+  const { clientContract, serverContract } = info;
+
+  const isModularCore = (await getContractPageMetadata(serverContract))
+    .isModularCore;
+
+  let twCloneFactoryContract: Readonly<
+    ContractOptions<[], `0x${string}`>
+  > | null = null;
+  try {
+    twCloneFactoryContract = await getDeployedCloneFactoryContract({
+      chain: serverContract.chain,
+      client: serverContract.client,
+    });
+  } catch {}
+
+  const originalCode = await eth_getCode(
+    getRpcClient({
+      client: serverContract.client,
+      chain: serverContract.chain,
+    }),
+    {
+      address: serverContract.address,
+    },
+  );
+
+  let initCode: `0x${string}` = "0x";
+  let creationTxReceipt: TransactionReceipt | undefined;
+  let isDirectDeploy = false;
+  try {
+    const res = await fetch(
+      `https://contract.thirdweb-dev.com/creation/${serverContract.chain.id}/${serverContract.address}`,
+    );
+    const creationData = await res.json();
+
+    if (creationData.status === "1" && creationData.result[0]?.txHash) {
+      const rpcClient = getRpcClient({
+        client: serverContract.client,
+        chain: serverContract.chain,
+      });
+      creationTxReceipt = await eth_getTransactionReceipt(rpcClient, {
+        hash: creationData.result[0]?.txHash,
+      });
+
+      const creationTx = await eth_getTransactionByHash(rpcClient, {
+        hash: creationData.result[0]?.txHash,
+      });
+
+      initCode = creationTx.input;
+      isDirectDeploy =
+        creationTx.to?.toLowerCase() ===
+        "0x4e59b44847b379578588920cA78FbF26c0B4956C".toLowerCase();
+    }
+  } catch (e) {
+    console.debug(e);
+  }
+
+  let initializeData: `0x${string}` | undefined;
+  let inputSalt: `0x${string}` | undefined;
+  let creationBlockNumber: bigint | undefined;
+
+  if (twCloneFactoryContract) {
+    const events = await getContractEvents({
+      contract: twCloneFactoryContract,
+      events: [ProxyDeployedEvent],
+    });
+    const event = events.find(
+      (e) => e.args.proxy.toLowerCase() === props.contractAddress.toLowerCase(),
+    );
+
+    initializeData = event?.args.data;
+    inputSalt = event?.args.inputSalt;
+    creationBlockNumber = event?.blockNumber;
+  }
+
+  const defaultChains = [
+    1, 137, 8453, 10, 42161, 11155111, 84532, 11155420, 421614,
+  ];
+
+  const chainsDeployedOn = (
+    await Promise.all(
+      defaultChains.map(async (c) => {
+        // eslint-disable-next-line no-restricted-syntax
+        const chain = defineChain(c);
+
+        try {
+          const chainMetadata = await getChainMetadata(chain);
+
+          const rpcRequest = getRpcClient({
+            client: serverContract.client,
+            chain,
+          });
+          const code = await eth_getCode(rpcRequest, {
+            address: props.contractAddress,
+          });
+
+          return {
+            id: chain.id,
+            network: chainMetadata.name,
+            chainId: chain.id,
+            status:
+              code === originalCode
+                ? ("DEPLOYED" as const)
+                : ("NOT_DEPLOYED" as const),
+          };
+        } catch {
+          return {
+            id: chain.id,
+            network: "",
+            chainId: chain.id,
+            status: "NOT_DEPLOYED" as const,
+          };
+        }
+      }),
+    )
+  ).filter((c) => c.chainId !== serverContract.chain.id);
+
+  let coreMetadata: FetchDeployMetadataResult | undefined;
+  try {
+    coreMetadata = (
+      await fetchPublishedContractsFromDeploy({
+        contract: serverContract,
+        client: serverContract.client,
+      })
+    ).at(-1) as FetchDeployMetadataResult;
+  } catch {}
+
+  if (!coreMetadata) {
+    return NoCrossChainPrompt();
+  }
+
+  let modulesMetadata: FetchDeployMetadataResult[] | undefined;
+
+  if (isModularCore) {
+    let modules: string[] | undefined;
+    const moduleEvent = moduleInstalledEvent();
+    // extract module address in ModuleInstalled events from transaction receipt
+    if (creationTxReceipt) {
+      const decodedEvent = parseEventLogs({
+        events: [moduleEvent],
+        logs: creationTxReceipt.logs,
+      });
+
+      modules = decodedEvent.map((e) => e.args.installedModule);
+    }
+
+    // fetch events from contract
+    if (!modules && creationBlockNumber) {
+      const events = await getContractEvents({
+        contract: serverContract,
+        events: [moduleEvent],
+      });
+
+      const filteredEvents = events.filter(
+        (e) => e.blockNumber === creationBlockNumber,
+      );
+
+      modules = filteredEvents.map((e) => e.args.installedModule);
+    }
+
+    // if receipt not available, try extracting module address from initialize data
+    if (!modules && initializeData) {
+      // biome-ignore lint/suspicious/noExplicitAny: FIXME
+      const decodedData: any = await decodeFunctionData({
+        contract: serverContract,
+        data: initializeData,
+      });
+
+      const abi = await resolveContractAbi(serverContract).catch(
+        () => undefined,
+      );
+
+      if (abi) {
+        const initializeFunction = abi.find(
+          (i: AbiFunction) => i.type === "function" && i.name === "initialize",
+        ) as unknown as AbiFunction;
+
+        const moduleIndex = initializeFunction.inputs.findIndex(
+          (i) => i.name === "_modules" || i.name === "modules",
+        );
+
+        modules = moduleIndex ? decodedData[moduleIndex] : undefined;
+      }
+    }
+
+    modulesMetadata = modules
+      ? ((await Promise.all(
+          modules.map(async (m) =>
+            (
+              await fetchPublishedContractsFromDeploy({
+                contract: getContract({
+                  chain: serverContract.chain,
+                  client: serverContract.client,
+                  address: m,
+                }),
+                client: serverContract.client,
+              })
+            ).at(-1),
+          ),
+        )) as FetchDeployMetadataResult[])
+      : undefined;
+  }
+
+  if (!isDirectDeploy && !initializeData) {
+    return NoCrossChainPrompt();
+  }
+
+  return (
+    <>
+      <div>
+        <h2 className="mb-1 font-bold text-2xl tracking-tight">
+          Cross-chain contracts
+        </h2>
+        <p className="text-muted-foreground">
+          Deterministically deploy and interact with your contracts on multiple
+          networks.
+        </p>
+      </div>
+      <div className="h-10" />
+      <DataTable
+        coreMetadata={coreMetadata}
+        modulesMetadata={modulesMetadata}
+        initializeData={initializeData}
+        inputSalt={inputSalt}
+        data={chainsDeployedOn}
+        coreContract={clientContract}
+        initCode={initCode}
+        isDirectDeploy={isDirectDeploy}
+        projectMeta={props.projectMeta}
+      />
+    </>
+  );
+}
diff --git a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/events/events-feed.tsx b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/events/events-feed.tsx
index 89b6d93f4bc..295d7eec31d 100644
--- a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/events/events-feed.tsx
+++ b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/events/events-feed.tsx
@@ -33,12 +33,18 @@ import { toast } from "sonner";
 import type { ThirdwebContract } from "thirdweb";
 import { stringify } from "thirdweb/utils";
 import { Button, Card, FormLabel, Heading, Text } from "tw-components";
+import type { ProjectMeta } from "../../../../../team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/types";
+import { buildContractPagePath } from "../_utils/contract-page-path";
 
 interface EventsFeedProps {
   contract: ThirdwebContract;
+  projectMeta: ProjectMeta | undefined;
 }
 
-export const EventsFeed: React.FC<EventsFeedProps> = ({ contract }) => {
+export const EventsFeed: React.FC<EventsFeedProps> = ({
+  contract,
+  projectMeta,
+}) => {
   const [autoUpdate, setAutoUpdate] = useState(true);
   const allEvents = useActivity(contract, autoUpdate);
   const searchParams = useSearchParams();
@@ -81,11 +87,18 @@ export const EventsFeed: React.FC<EventsFeedProps> = ({ contract }) => {
             value={selectedEvent}
             onChange={(e) => {
               const val = e.target.value;
+
               if (eventTypes.includes(val)) {
-                const path =
-                  e.target.value === "all"
-                    ? `/${chainSlug}/${contract.address}/events`
-                    : `/${chainSlug}/${contract.address}/events?event=${val}`;
+                const path = buildContractPagePath({
+                  projectMeta,
+                  chainIdOrSlug: chainSlug.toString(),
+                  contractAddress: contract.address,
+                  subpath:
+                    e.target.value === "all"
+                      ? "/events"
+                      : `/events?event=${val}`,
+                });
+
                 router.push(path);
                 setSelectedEvent(val);
               }
@@ -154,6 +167,7 @@ export const EventsFeed: React.FC<EventsFeedProps> = ({ contract }) => {
                 setSelectedEvent={setSelectedEvent}
                 contractAddress={contract.address}
                 chainSlug={chainSlug}
+                projectMeta={projectMeta}
               />
             ))}
           </Accordion>
@@ -168,6 +182,7 @@ interface EventsFeedItemProps {
   setSelectedEvent: React.Dispatch<React.SetStateAction<string>>;
   contractAddress: string;
   chainSlug: string | number;
+  projectMeta: ProjectMeta | undefined;
 }
 
 const EventsFeedItem: React.FC<EventsFeedItemProps> = ({
@@ -175,9 +190,9 @@ const EventsFeedItem: React.FC<EventsFeedItemProps> = ({
   setSelectedEvent,
   contractAddress,
   chainSlug,
+  projectMeta,
 }) => {
   const { onCopy } = useClipboard(transaction.transactionHash);
-
   const router = useDashboardRouter();
 
   return (
@@ -246,9 +261,14 @@ const EventsFeedItem: React.FC<EventsFeedItemProps> = ({
                 key={idx}
                 onClick={(ev) => {
                   ev.stopPropagation();
-                  router.push(
-                    `/${chainSlug}/${contractAddress}/events?event=${e.eventName}`,
-                  );
+                  const path = buildContractPagePath({
+                    projectMeta,
+                    chainIdOrSlug: chainSlug.toString(),
+                    contractAddress: contractAddress,
+                    subpath: `/events?event=${e.eventName}`,
+                  });
+
+                  router.push(path);
                   setSelectedEvent(e.eventName);
                 }}
               >
diff --git a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/events/page.tsx b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/events/page.tsx
index 003b0fd3788..532bfc1faf2 100644
--- a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/events/page.tsx
+++ b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/events/page.tsx
@@ -1,19 +1,15 @@
-import { notFound } from "next/navigation";
-import { getContractPageParamsInfo } from "../_utils/getContractFromParams";
-import { EventsFeed } from "./events-feed";
+import type { PublicContractPageParams } from "../types";
+import { SharedEventsPage } from "./shared-events-page";
 
 export default async function Page(props: {
-  params: Promise<{
-    contractAddress: string;
-    chain_id: string;
-  }>;
+  params: Promise<PublicContractPageParams>;
 }) {
   const params = await props.params;
-  const info = await getContractPageParamsInfo(params);
-
-  if (!info) {
-    notFound();
-  }
-
-  return <EventsFeed contract={info.clientContract} />;
+  return (
+    <SharedEventsPage
+      contractAddress={params.contractAddress}
+      chainIdOrSlug={params.chain_id}
+      projectMeta={undefined}
+    />
+  );
 }
diff --git a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/events/shared-events-page.tsx b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/events/shared-events-page.tsx
new file mode 100644
index 00000000000..28df9f5db48
--- /dev/null
+++ b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/events/shared-events-page.tsx
@@ -0,0 +1,27 @@
+import { notFound } from "next/navigation";
+import type { ProjectMeta } from "../../../../../team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/types";
+import { getContractPageParamsInfo } from "../_utils/getContractFromParams";
+import { EventsFeed } from "./events-feed";
+
+export async function SharedEventsPage(props: {
+  contractAddress: string;
+  chainIdOrSlug: string;
+  projectMeta: ProjectMeta | undefined;
+}) {
+  const info = await getContractPageParamsInfo({
+    contractAddress: props.contractAddress,
+    chainIdOrSlug: props.chainIdOrSlug,
+    teamId: props.projectMeta?.teamId,
+  });
+
+  if (!info) {
+    notFound();
+  }
+
+  return (
+    <EventsFeed
+      contract={info.clientContract}
+      projectMeta={props.projectMeta}
+    />
+  );
+}
diff --git a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/explorer/page.tsx b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/explorer/page.tsx
index 3ecbb8a5e27..f1f2a612b58 100644
--- a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/explorer/page.tsx
+++ b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/explorer/page.tsx
@@ -1,45 +1,17 @@
-import { notFound } from "next/navigation";
-import { resolveContractAbi } from "thirdweb/contract";
 import { getRawAccount } from "../../../../../account/settings/getAccount";
-import { getContractPageParamsInfo } from "../_utils/getContractFromParams";
-import { ContractExplorerPage } from "./ContractExplorerPage";
-import { ContractExplorerPageClient } from "./ContractExplorerPage.client";
+import type { PublicContractPageParams } from "../types";
+import { SharedExplorerPage } from "./shared-explorer-page";
 
 export default async function Page(props: {
-  params: Promise<{
-    contractAddress: string;
-    chain_id: string;
-  }>;
+  params: Promise<PublicContractPageParams>;
 }) {
   const params = await props.params;
-  const info = await getContractPageParamsInfo(params);
-
-  if (!info) {
-    notFound();
-  }
-
-  const { clientContract, serverContract, chainMetadata, isLocalhostChain } =
-    info;
-
   const account = await getRawAccount();
-
-  if (isLocalhostChain) {
-    return (
-      <ContractExplorerPageClient
-        contract={clientContract}
-        chainMetadata={chainMetadata}
-        isLoggedIn={!!account}
-      />
-    );
-  }
-
-  const abi = await resolveContractAbi(serverContract).catch(() => undefined);
-
   return (
-    <ContractExplorerPage
-      contract={clientContract}
-      abi={abi}
-      chainMetadata={chainMetadata}
+    <SharedExplorerPage
+      contractAddress={params.contractAddress}
+      chainIdOrSlug={params.chain_id}
+      projectMeta={undefined}
       isLoggedIn={!!account}
     />
   );
diff --git a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/explorer/shared-explorer-page.tsx b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/explorer/shared-explorer-page.tsx
new file mode 100644
index 00000000000..279fda48104
--- /dev/null
+++ b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/explorer/shared-explorer-page.tsx
@@ -0,0 +1,47 @@
+import { notFound } from "next/navigation";
+import { resolveContractAbi } from "thirdweb/contract";
+import type { ProjectMeta } from "../../../../../team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/types";
+import { getContractPageParamsInfo } from "../_utils/getContractFromParams";
+import { ContractExplorerPage } from "./ContractExplorerPage";
+import { ContractExplorerPageClient } from "./ContractExplorerPage.client";
+
+export async function SharedExplorerPage(props: {
+  contractAddress: string;
+  chainIdOrSlug: string;
+  projectMeta: ProjectMeta | undefined;
+  isLoggedIn: boolean;
+}) {
+  const info = await getContractPageParamsInfo({
+    contractAddress: props.contractAddress,
+    chainIdOrSlug: props.chainIdOrSlug,
+    teamId: props.projectMeta?.teamId,
+  });
+
+  if (!info) {
+    notFound();
+  }
+
+  const { clientContract, serverContract, chainMetadata, isLocalhostChain } =
+    info;
+
+  if (isLocalhostChain) {
+    return (
+      <ContractExplorerPageClient
+        contract={clientContract}
+        chainMetadata={chainMetadata}
+        isLoggedIn={props.isLoggedIn}
+      />
+    );
+  }
+
+  const abi = await resolveContractAbi(serverContract).catch(() => undefined);
+
+  return (
+    <ContractExplorerPage
+      contract={clientContract}
+      abi={abi}
+      chainMetadata={chainMetadata}
+      isLoggedIn={props.isLoggedIn}
+    />
+  );
+}
diff --git a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/layout.tsx b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/layout.tsx
index 7c74579f324..665ccc1f1fb 100644
--- a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/layout.tsx
+++ b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/layout.tsx
@@ -1,26 +1,8 @@
-import { getProjects } from "@/api/projects";
-import { getTeams } from "@/api/team";
-import type { MinimalTeamsAndProjects } from "components/contract-components/contract-deploy-form/add-to-project-card";
-import { resolveFunctionSelectors } from "lib/selectors";
 import type { Metadata } from "next";
-import { notFound } from "next/navigation";
-import { getContractMetadata } from "thirdweb/extensions/common";
-import { isAddress, isContractDeployed } from "thirdweb/utils";
-import { shortenIfAddress } from "utils/usedapp-external";
-import { NebulaChatButton } from "../../../../../nebula-app/(app)/components/FloatingChat/FloatingChat";
-import { examplePrompts } from "../../../../../nebula-app/(app)/data/examplePrompts";
 import {
-  getAuthTokenWalletAddress,
-  getUserThirdwebClient,
-} from "../../../../api/lib/getAuthToken";
-import { ConfigureCustomChain } from "./_layout/ConfigureCustomChain";
-import { getContractMetadataHeaderData } from "./_layout/contract-metadata";
-import { ContractPageLayout } from "./_layout/contract-page-layout";
-import { ContractPageLayoutClient } from "./_layout/contract-page-layout.client";
-import { supportedERCs } from "./_utils/detectedFeatures/supportedERCs";
-import { getContractPageParamsInfo } from "./_utils/getContractFromParams";
-import { getContractPageMetadata } from "./_utils/getContractPageMetadata";
-import { getContractPageSidebarLinks } from "./_utils/getContractPageSidebarLinks";
+  SharedContractLayout,
+  generateContractLayoutMetadata,
+} from "./shared-layout";
 
 export default async function Layout(props: {
   params: Promise<{
@@ -30,130 +12,17 @@ export default async function Layout(props: {
   children: React.ReactNode;
 }) {
   const params = await props.params;
-  if (!isAddress(params.contractAddress)) {
-    return notFound();
-  }
-
-  const info = await getContractPageParamsInfo(params);
-
-  if (!info) {
-    return <ConfigureCustomChain chainSlug={params.chain_id} />;
-  }
-
-  const { clientContract, serverContract, chainMetadata, isLocalhostChain } =
-    info;
-
-  if (chainMetadata.status === "deprecated") {
-    notFound();
-  }
-
-  const accountAddress = await getAuthTokenWalletAddress();
-
-  const client = await getUserThirdwebClient();
-  const teamsAndProjects = await getTeamsAndProjectsIfLoggedIn();
-
-  if (isLocalhostChain) {
-    return (
-      <ContractPageLayoutClient
-        chainMetadata={chainMetadata}
-        contract={clientContract}
-        teamsAndProjects={teamsAndProjects}
-        client={client}
-      >
-        {props.children}
-      </ContractPageLayoutClient>
-    );
-  }
-
-  // check if the contract exists
-  const isValidContract = await isContractDeployed(serverContract).catch(
-    () => false,
-  );
-  if (!isValidContract) {
-    // TODO - replace 404 with a better page to upsell deploy or other thirdweb products
-    notFound();
-  }
-  const contractPageMetadata = await getContractPageMetadata(serverContract);
-
-  const sidebarLinks = getContractPageSidebarLinks({
-    chainSlug: chainMetadata.slug,
-    contractAddress: serverContract.address,
-    metadata: contractPageMetadata,
-  });
-
-  const { contractMetadata, externalLinks } =
-    await getContractMetadataHeaderData(serverContract);
-
-  const contractAddress = serverContract.address;
-  const chainName = chainMetadata.name;
-  const chainId = chainMetadata.chainId;
-
-  const contractPromptPrefix = `A user is viewing the contract address ${contractAddress} on ${chainName} (Chain ID: ${chainId}). Provide a concise summary of this contract's functionalities, such as token minting, staking, or governance mechanisms. Focus on what the contract enables users to do, avoiding transaction execution details unless requested.
-Users may be interested in how to interact with the contract. Outline common interaction patterns, such as claiming rewards, participating in governance, or transferring assets. Emphasize the contract's capabilities without guiding through transaction processes unless asked.
-Provide insights into how the contract is being used. Share information on user engagement, transaction volumes, or integration with other dApps, focusing on the contract's role within the broader ecosystem.
-Users may be considering integrating the contract into their applications. Discuss how this contract's functionalities can be leveraged within different types of dApps, highlighting potential use cases and benefits.
-
-The following is the user's message:`;
-
   return (
-    <ContractPageLayout
-      chainMetadata={chainMetadata}
-      contract={clientContract}
-      sidebarLinks={sidebarLinks}
-      dashboardContractMetadata={contractMetadata}
-      externalLinks={externalLinks}
-      teamsAndProjects={teamsAndProjects}
-      client={client}
+    <SharedContractLayout
+      contractAddress={params.contractAddress}
+      chainIdOrSlug={params.chain_id}
+      projectMeta={undefined}
     >
-      <NebulaChatButton
-        isLoggedIn={!!accountAddress}
-        networks={info.chainMetadata.testnet ? "testnet" : "mainnet"}
-        isFloating={true}
-        pageType="contract"
-        label="Ask AI about this contract"
-        client={client}
-        nebulaParams={{
-          messagePrefix: contractPromptPrefix,
-          chainIds: [chainId],
-          wallet: accountAddress ?? undefined,
-        }}
-        examplePrompts={examplePrompts}
-      />
       {props.children}
-    </ContractPageLayout>
+    </SharedContractLayout>
   );
 }
 
-async function getTeamsAndProjectsIfLoggedIn() {
-  try {
-    const teams = await getTeams();
-
-    if (!teams) {
-      return undefined;
-    }
-
-    const teamsAndProjects: MinimalTeamsAndProjects = await Promise.all(
-      teams.map(async (team) => ({
-        team: {
-          id: team.id,
-          name: team.name,
-          slug: team.slug,
-          image: team.image,
-        },
-        projects: (await getProjects(team.slug)).map((x) => ({
-          id: x.id,
-          name: x.name,
-          image: x.image,
-        })),
-      })),
-    );
-
-    return teamsAndProjects;
-  } catch {
-    return undefined;
-  }
-}
-
 export async function generateMetadata(props: {
   params: Promise<{
     contractAddress: string;
@@ -161,54 +30,8 @@ export async function generateMetadata(props: {
   }>;
 }): Promise<Metadata> {
   const params = await props.params;
-  try {
-    const info = await getContractPageParamsInfo(params);
-
-    if (!info) {
-      throw new Error();
-    }
-
-    const [functionSelectors, contractMetadata] = await Promise.all([
-      resolveFunctionSelectors(info.serverContract),
-      getContractMetadata({
-        contract: info.serverContract,
-      }),
-    ]);
-
-    if (contractMetadata.name === null) {
-      throw new Error();
-    }
-
-    const { isERC1155, isERC20, isERC721 } = supportedERCs(functionSelectors);
-
-    const contractDisplayName = `${contractMetadata.name}${
-      contractMetadata.symbol ? ` (${contractMetadata.symbol})` : ""
-    }`;
-
-    const cleanedChainName = info?.chainMetadata?.name
-      .replace("Mainnet", "")
-      .replace("Testnet", "")
-      .trim();
-
-    const title = `${contractDisplayName} | ${cleanedChainName} Smart Contract`;
-    let description = "";
-
-    if (isERC721 || isERC1155) {
-      description = `View tokens, source code, transactions, balances, and analytics for the ${contractDisplayName} smart contract on ${cleanedChainName}.`;
-    } else if (isERC20) {
-      description = `View ERC20 tokens, transactions, balances, source code, and analytics for the ${contractDisplayName} smart contract on ${cleanedChainName}`;
-    } else {
-      description = `View tokens, transactions, balances, source code, and analytics for the ${contractDisplayName} smart contract  on ${cleanedChainName}`;
-    }
-
-    return {
-      title: title,
-      description: description,
-    };
-  } catch {
-    return {
-      title: `${shortenIfAddress(params.contractAddress)} | ${params.chain_id}`,
-      description: `View tokens, transactions, balances, source code, and analytics for the smart contract  on Chain ID ${params.chain_id}`,
-    };
-  }
+  return generateContractLayoutMetadata({
+    contractAddress: params.contractAddress,
+    chainIdOrSlug: params.chain_id,
+  });
 }
diff --git a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/modules/ContractEditModulesPage.client.tsx b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/modules/ContractEditModulesPage.client.tsx
index 6002f7a043d..4a1bb95a0bf 100644
--- a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/modules/ContractEditModulesPage.client.tsx
+++ b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/modules/ContractEditModulesPage.client.tsx
@@ -1,6 +1,7 @@
 "use client";
 
 import type { ThirdwebContract } from "thirdweb";
+import type { ProjectMeta } from "../../../../../team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/types";
 import { ErrorPage, LoadingPage } from "../_components/page-skeletons";
 import { RedirectToContractOverview } from "../_components/redirect-contract-overview.client";
 import { useContractPageMetadata } from "../_hooks/useContractPageMetadata";
@@ -9,6 +10,7 @@ import { ContractEditModulesPage } from "./ContractEditModulesPage";
 export function ContractEditModulesPageClient(props: {
   contract: ThirdwebContract;
   isLoggedIn: boolean;
+  projectMeta: ProjectMeta | undefined;
 }) {
   const metadataQuery = useContractPageMetadata(props.contract);
 
@@ -21,7 +23,12 @@ export function ContractEditModulesPageClient(props: {
   }
 
   if (!metadataQuery.data.isModularCore) {
-    return <RedirectToContractOverview contract={props.contract} />;
+    return (
+      <RedirectToContractOverview
+        contract={props.contract}
+        projectMeta={props.projectMeta}
+      />
+    );
   }
 
   return (
diff --git a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/modules/page.tsx b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/modules/page.tsx
index 9a296b127ff..27cd34a2842 100644
--- a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/modules/page.tsx
+++ b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/modules/page.tsx
@@ -1,43 +1,17 @@
-import { notFound, redirect } from "next/navigation";
 import { getRawAccount } from "../../../../../account/settings/getAccount";
-import { getContractPageParamsInfo } from "../_utils/getContractFromParams";
-import { getContractPageMetadata } from "../_utils/getContractPageMetadata";
-import { ContractEditModulesPage } from "./ContractEditModulesPage";
-import { ContractEditModulesPageClient } from "./ContractEditModulesPage.client";
+import type { PublicContractPageParams } from "../types";
+import { SharedModulesPage } from "./shared-modules-page";
 
 export default async function Page(props: {
-  params: Promise<{
-    contractAddress: string;
-    chain_id: string;
-  }>;
+  params: Promise<PublicContractPageParams>;
 }) {
-  const params = await props.params;
-  const info = await getContractPageParamsInfo(params);
-
-  if (!info) {
-    notFound();
-  }
-
-  const { clientContract, serverContract, isLocalhostChain } = info;
-
-  const account = await getRawAccount();
-
-  if (isLocalhostChain) {
-    return (
-      <ContractEditModulesPageClient
-        contract={clientContract}
-        isLoggedIn={!!account}
-      />
-    );
-  }
-
-  const { isModularCore } = await getContractPageMetadata(serverContract);
-
-  if (!isModularCore) {
-    redirect(`/${params.chain_id}/${params.contractAddress}`);
-  }
-
+  const [params, account] = await Promise.all([props.params, getRawAccount()]);
   return (
-    <ContractEditModulesPage contract={clientContract} isLoggedIn={!!account} />
+    <SharedModulesPage
+      contractAddress={params.contractAddress}
+      chainIdOrSlug={params.chain_id}
+      projectMeta={undefined}
+      isLoggedIn={!!account}
+    />
   );
 }
diff --git a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/modules/shared-modules-page.tsx b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/modules/shared-modules-page.tsx
new file mode 100644
index 00000000000..f31df2faf92
--- /dev/null
+++ b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/modules/shared-modules-page.tsx
@@ -0,0 +1,53 @@
+import { notFound } from "next/navigation";
+import type { ProjectMeta } from "../../../../../team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/types";
+import { redirectToContractLandingPage } from "../../../../../team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/utils";
+import { getContractPageParamsInfo } from "../_utils/getContractFromParams";
+import { getContractPageMetadata } from "../_utils/getContractPageMetadata";
+import { ContractEditModulesPage } from "./ContractEditModulesPage";
+import { ContractEditModulesPageClient } from "./ContractEditModulesPage.client";
+
+export async function SharedModulesPage(props: {
+  contractAddress: string;
+  chainIdOrSlug: string;
+  projectMeta: ProjectMeta | undefined;
+  isLoggedIn: boolean;
+}) {
+  const info = await getContractPageParamsInfo({
+    contractAddress: props.contractAddress,
+    chainIdOrSlug: props.chainIdOrSlug,
+    teamId: props.projectMeta?.teamId,
+  });
+
+  if (!info) {
+    notFound();
+  }
+
+  const { clientContract, serverContract, isLocalhostChain } = info;
+
+  if (isLocalhostChain) {
+    return (
+      <ContractEditModulesPageClient
+        contract={clientContract}
+        isLoggedIn={props.isLoggedIn}
+        projectMeta={props.projectMeta}
+      />
+    );
+  }
+
+  const { isModularCore } = await getContractPageMetadata(serverContract);
+
+  if (!isModularCore) {
+    redirectToContractLandingPage({
+      chainIdOrSlug: props.chainIdOrSlug,
+      contractAddress: props.contractAddress,
+      projectMeta: props.projectMeta,
+    });
+  }
+
+  return (
+    <ContractEditModulesPage
+      contract={clientContract}
+      isLoggedIn={props.isLoggedIn}
+    />
+  );
+}
diff --git a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/nfts/ContractNFTPage.client.tsx b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/nfts/ContractNFTPage.client.tsx
index 0bc76e7e921..20cdde90c23 100644
--- a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/nfts/ContractNFTPage.client.tsx
+++ b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/nfts/ContractNFTPage.client.tsx
@@ -1,6 +1,7 @@
 "use client";
 
 import type { ThirdwebContract } from "thirdweb";
+import type { ProjectMeta } from "../../../../../team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/types";
 import { ErrorPage, LoadingPage } from "../_components/page-skeletons";
 import { RedirectToContractOverview } from "../_components/redirect-contract-overview.client";
 import { useContractPageMetadata } from "../_hooks/useContractPageMetadata";
@@ -9,6 +10,7 @@ import { ContractNFTPage } from "./ContractNFTPage";
 export function ContractNFTPageClient(props: {
   contract: ThirdwebContract;
   isLoggedIn: boolean;
+  projectMeta: ProjectMeta | undefined;
 }) {
   const metadataQuery = useContractPageMetadata(props.contract);
 
@@ -23,7 +25,12 @@ export function ContractNFTPageClient(props: {
   const { supportedERCs, functionSelectors } = metadataQuery.data;
 
   if (!supportedERCs.isERC721 && !supportedERCs.isERC1155) {
-    return <RedirectToContractOverview contract={props.contract} />;
+    return (
+      <RedirectToContractOverview
+        contract={props.contract}
+        projectMeta={props.projectMeta}
+      />
+    );
   }
 
   return (
@@ -32,6 +39,7 @@ export function ContractNFTPageClient(props: {
       isErc721={supportedERCs.isERC721}
       functionSelectors={functionSelectors}
       isLoggedIn={props.isLoggedIn}
+      projectMeta={props.projectMeta}
     />
   );
 }
diff --git a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/nfts/ContractNFTPage.tsx b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/nfts/ContractNFTPage.tsx
index 769f258a0a0..d33b37d13c9 100644
--- a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/nfts/ContractNFTPage.tsx
+++ b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/nfts/ContractNFTPage.tsx
@@ -1,6 +1,7 @@
 import type { ThirdwebContract } from "thirdweb";
 import * as ERC721Ext from "thirdweb/extensions/erc721";
 import * as ERC1155Ext from "thirdweb/extensions/erc1155";
+import type { ProjectMeta } from "../../../../../team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/types";
 import { BatchLazyMintButton } from "./components/batch-lazy-mint-button";
 import { NFTClaimButton } from "./components/claim-button";
 import { NFTLazyMintButton } from "./components/lazy-mint-button";
@@ -16,6 +17,7 @@ interface NftOverviewPageProps {
   tokenId?: string;
   functionSelectors: string[];
   isLoggedIn: boolean;
+  projectMeta: ProjectMeta | undefined;
 }
 
 export const ContractNFTPage: React.FC<NftOverviewPageProps> = ({
@@ -23,6 +25,7 @@ export const ContractNFTPage: React.FC<NftOverviewPageProps> = ({
   isErc721,
   functionSelectors,
   isLoggedIn,
+  projectMeta,
 }) => {
   const isERC721ClaimToSupported =
     ERC721Ext.isClaimToSupported(functionSelectors);
@@ -107,6 +110,7 @@ export const ContractNFTPage: React.FC<NftOverviewPageProps> = ({
           contract={contract}
           isErc721={isErc721}
           tokenByIndex={isTokenByIndexSupported}
+          projectMeta={projectMeta}
         />
       )}
     </div>
diff --git a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/nfts/[tokenId]/TokenIdPage.client.tsx b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/nfts/[tokenId]/TokenIdPage.client.tsx
index 90d17c57f04..ed3618ee203 100644
--- a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/nfts/[tokenId]/TokenIdPage.client.tsx
+++ b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/nfts/[tokenId]/TokenIdPage.client.tsx
@@ -1,6 +1,7 @@
 "use client";
 
 import type { ThirdwebContract } from "thirdweb";
+import type { ProjectMeta } from "../../../../../../team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/types";
 import { ErrorPage, LoadingPage } from "../../_components/page-skeletons";
 import { RedirectToContractOverview } from "../../_components/redirect-contract-overview.client";
 import { useContractPageMetadata } from "../../_hooks/useContractPageMetadata";
@@ -11,6 +12,7 @@ export function TokenIdPageClient(props: {
   tokenId: string;
   isLoggedIn: boolean;
   accountAddress: string | undefined;
+  projectMeta: ProjectMeta | undefined;
 }) {
   const { contract } = props;
   const metadataQuery = useContractPageMetadata(props.contract);
@@ -26,7 +28,12 @@ export function TokenIdPageClient(props: {
   const { supportedERCs } = metadataQuery.data;
 
   if (!supportedERCs.isERC721 && !supportedERCs.isERC1155) {
-    return <RedirectToContractOverview contract={props.contract} />;
+    return (
+      <RedirectToContractOverview
+        contract={props.contract}
+        projectMeta={props.projectMeta}
+      />
+    );
   }
 
   return (
@@ -36,6 +43,7 @@ export function TokenIdPageClient(props: {
       tokenId={props.tokenId}
       isLoggedIn={props.isLoggedIn}
       accountAddress={props.accountAddress}
+      projectMeta={props.projectMeta}
     />
   );
 }
diff --git a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/nfts/[tokenId]/page.tsx b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/nfts/[tokenId]/page.tsx
index de9a8d0bbc8..d60c38511b0 100644
--- a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/nfts/[tokenId]/page.tsx
+++ b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/nfts/[tokenId]/page.tsx
@@ -1,63 +1,23 @@
-import { notFound, redirect } from "next/navigation";
 import { getRawAccount } from "../../../../../../account/settings/getAccount";
-import { getAuthTokenWalletAddress } from "../../../../../../api/lib/getAuthToken";
-import { getContractPageParamsInfo } from "../../_utils/getContractFromParams";
-import { getContractPageMetadata } from "../../_utils/getContractPageMetadata";
-import { TokenIdPageClient } from "./TokenIdPage.client";
-import { TokenIdPage } from "./token-id";
+import type { PublicContractPageParams } from "../../types";
+import { SharedNFTTokenPage } from "./shared-nfts-token-page";
 
 export default async function Page(props: {
-  params: Promise<{
-    contractAddress: string;
-    chain_id: string;
-    tokenId: string;
-  }>;
+  params: Promise<
+    PublicContractPageParams & {
+      tokenId: string;
+    }
+  >;
 }) {
-  const params = await props.params;
-  const info = await getContractPageParamsInfo(params);
-  if (!info) {
-    notFound();
-  }
-
-  if (!isOnlyNumbers(params.tokenId)) {
-    // redirect to nfts index page
-    redirect(`/${params.chain_id}/${params.contractAddress}/nfts`);
-  }
-
-  const [accountAddress, account] = await Promise.all([
-    getAuthTokenWalletAddress(),
-    getRawAccount(),
-  ]);
-
-  const { clientContract, serverContract, isLocalhostChain } = info;
-  if (isLocalhostChain) {
-    return (
-      <TokenIdPageClient
-        contract={clientContract}
-        tokenId={params.tokenId}
-        isLoggedIn={!!account}
-        accountAddress={accountAddress || undefined}
-      />
-    );
-  }
-
-  const { supportedERCs } = await getContractPageMetadata(serverContract);
-
-  if (!supportedERCs.isERC721 && !supportedERCs.isERC1155) {
-    redirect(`/${params.chain_id}/${params.contractAddress}`);
-  }
+  const [params, account] = await Promise.all([props.params, getRawAccount()]);
 
   return (
-    <TokenIdPage
-      contract={clientContract}
-      isErc721={supportedERCs.isERC721}
+    <SharedNFTTokenPage
+      contractAddress={params.contractAddress}
+      chainIdOrSlug={params.chain_id}
       tokenId={params.tokenId}
+      projectMeta={undefined}
       isLoggedIn={!!account}
-      accountAddress={accountAddress || undefined}
     />
   );
 }
-
-function isOnlyNumbers(str: string) {
-  return /^\d+$/.test(str);
-}
diff --git a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/nfts/[tokenId]/shared-nfts-token-page.tsx b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/nfts/[tokenId]/shared-nfts-token-page.tsx
new file mode 100644
index 00000000000..0ba384456e9
--- /dev/null
+++ b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/nfts/[tokenId]/shared-nfts-token-page.tsx
@@ -0,0 +1,80 @@
+import { notFound, redirect } from "next/navigation";
+import { getAuthTokenWalletAddress } from "../../../../../../api/lib/getAuthToken";
+import type { ProjectMeta } from "../../../../../../team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/types";
+import { redirectToContractLandingPage } from "../../../../../../team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/utils";
+import { buildContractPagePath } from "../../_utils/contract-page-path";
+import { getContractPageParamsInfo } from "../../_utils/getContractFromParams";
+import { getContractPageMetadata } from "../../_utils/getContractPageMetadata";
+import { TokenIdPageClient } from "./TokenIdPage.client";
+import { TokenIdPage } from "./token-id";
+
+export async function SharedNFTTokenPage(props: {
+  contractAddress: string;
+  chainIdOrSlug: string;
+  tokenId: string;
+  projectMeta: ProjectMeta | undefined;
+  isLoggedIn: boolean;
+}) {
+  const [info, accountAddress] = await Promise.all([
+    getContractPageParamsInfo({
+      contractAddress: props.contractAddress,
+      chainIdOrSlug: props.chainIdOrSlug,
+      teamId: props.projectMeta?.teamId,
+    }),
+    getAuthTokenWalletAddress(),
+  ]);
+
+  if (!info) {
+    notFound();
+  }
+
+  // redirect to nfts index page
+  if (!isOnlyNumbers(props.tokenId)) {
+    redirect(
+      buildContractPagePath({
+        projectMeta: props.projectMeta,
+        chainIdOrSlug: props.chainIdOrSlug,
+        contractAddress: props.contractAddress,
+        subpath: "/nfts",
+      }),
+    );
+  }
+
+  const { clientContract, serverContract, isLocalhostChain } = info;
+  if (isLocalhostChain) {
+    return (
+      <TokenIdPageClient
+        contract={clientContract}
+        tokenId={props.tokenId}
+        isLoggedIn={props.isLoggedIn}
+        accountAddress={accountAddress || undefined}
+        projectMeta={props.projectMeta}
+      />
+    );
+  }
+
+  const { supportedERCs } = await getContractPageMetadata(serverContract);
+
+  if (!supportedERCs.isERC721 && !supportedERCs.isERC1155) {
+    redirectToContractLandingPage({
+      chainIdOrSlug: props.chainIdOrSlug,
+      contractAddress: props.contractAddress,
+      projectMeta: props.projectMeta,
+    });
+  }
+
+  return (
+    <TokenIdPage
+      contract={clientContract}
+      isErc721={supportedERCs.isERC721}
+      tokenId={props.tokenId}
+      isLoggedIn={props.isLoggedIn}
+      accountAddress={accountAddress || undefined}
+      projectMeta={props.projectMeta}
+    />
+  );
+}
+
+function isOnlyNumbers(str: string) {
+  return /^\d+$/.test(str);
+}
diff --git a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/nfts/[tokenId]/token-id.tsx b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/nfts/[tokenId]/token-id.tsx
index c2f65c4936e..c22947cbd53 100644
--- a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/nfts/[tokenId]/token-id.tsx
+++ b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/nfts/[tokenId]/token-id.tsx
@@ -17,7 +17,6 @@ import { CodeClient } from "@/components/ui/code/code.client";
 import { TabButtons } from "@/components/ui/tabs";
 import { ToolTipLabel } from "@/components/ui/tooltip";
 import { useThirdwebClient } from "@/constants/thirdweb.client";
-import { useDashboardRouter } from "@/lib/DashboardRouter";
 import { resolveSchemeWithErrorHandler } from "@/lib/resolveSchemeWithErrorHandler";
 import { useChainSlug } from "hooks/chains/chainSlug";
 import { ExternalLinkIcon } from "lucide-react";
@@ -28,6 +27,8 @@ import { getNFT as getErc721NFT } from "thirdweb/extensions/erc721";
 import { getNFT as getErc1155NFT } from "thirdweb/extensions/erc1155";
 import { useReadContract } from "thirdweb/react";
 import { NFTMediaWithEmptyState } from "tw-components/nft-media";
+import type { ProjectMeta } from "../../../../../../team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/types";
+import { buildContractPagePath } from "../../_utils/contract-page-path";
 import { NftProperty } from "../components/nft-property";
 import { useNFTDrawerTabs } from "./useNftDrawerTabs";
 
@@ -53,6 +54,7 @@ interface TokenIdPageProps {
   isErc721: boolean;
   isLoggedIn: boolean;
   accountAddress: string | undefined;
+  projectMeta: ProjectMeta | undefined;
 }
 
 // TODO: verify the entire nft object with zod schema and display an error message
@@ -63,9 +65,9 @@ export const TokenIdPage: React.FC<TokenIdPageProps> = ({
   isErc721,
   isLoggedIn,
   accountAddress,
+  projectMeta,
 }) => {
   const [tab, setTab] = useState("Details");
-  const router = useDashboardRouter();
   const chainId = contract.chain.id;
   const chainSlug = useChainSlug(chainId || 1);
 
@@ -113,6 +115,13 @@ export const TokenIdPage: React.FC<TokenIdPageProps> = ({
       : undefined,
   };
 
+  const nftsPagePath = buildContractPagePath({
+    projectMeta,
+    chainIdOrSlug: chainSlug.toString(),
+    contractAddress: contract.address,
+    subpath: "/nfts",
+  });
+
   return (
     <div>
       <div className="flex flex-col gap-6 lg:flex-row">
@@ -129,15 +138,7 @@ export const TokenIdPage: React.FC<TokenIdPageProps> = ({
             <Breadcrumb className="mb-3">
               <BreadcrumbList>
                 <BreadcrumbItem>
-                  <BreadcrumbLink
-                    href={`/${chainSlug}/${contract.address}/nfts`}
-                    onClick={(e) => {
-                      e.preventDefault();
-                      router.push(`/${chainSlug}/${contract.address}/nfts`);
-                    }}
-                  >
-                    NFTs
-                  </BreadcrumbLink>
+                  <BreadcrumbLink href={nftsPagePath}>NFTs</BreadcrumbLink>
                 </BreadcrumbItem>
                 <BreadcrumbSeparator />
                 <BreadcrumbItem>
diff --git a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/nfts/components/table.tsx b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/nfts/components/table.tsx
index 85d9d4dc7af..396c108d83e 100644
--- a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/nfts/components/table.tsx
+++ b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/nfts/components/table.tsx
@@ -41,16 +41,20 @@ import type { NFT, ThirdwebContract } from "thirdweb";
 import * as ERC721Ext from "thirdweb/extensions/erc721";
 import * as ERC1155Ext from "thirdweb/extensions/erc1155";
 import { useReadContract } from "thirdweb/react";
+import type { ProjectMeta } from "../../../../../../team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/types";
+import { buildContractPagePath } from "../../_utils/contract-page-path";
 
 interface ContractOverviewNFTGetAllProps {
   contract: ThirdwebContract;
   isErc721: boolean;
   tokenByIndex: boolean;
+  projectMeta: ProjectMeta | undefined;
 }
 export const NFTGetAllTable: React.FC<ContractOverviewNFTGetAllProps> = ({
   contract,
   isErc721,
   tokenByIndex,
+  projectMeta,
 }) => {
   // if it's not erc721, it's erc1155
   const isErc1155 = !isErc721;
@@ -297,12 +301,17 @@ export const NFTGetAllTable: React.FC<ContractOverviewNFTGetAllProps> = ({
                     if (!tokenId && tokenId !== 0n) {
                       return;
                     }
-                    router.push(
-                      `/${chainSlug}/${contract.address}/nfts/${tokenId.toString()}`,
-                      {
-                        scroll: true,
-                      },
-                    );
+
+                    const path = buildContractPagePath({
+                      projectMeta,
+                      chainIdOrSlug: chainSlug.toString(),
+                      contractAddress: contract.address,
+                      subpath: `/nfts/${tokenId.toString()}`,
+                    });
+
+                    router.push(path, {
+                      scroll: true,
+                    });
                   }}
                   borderBottomWidth={1}
                   _last={{ borderBottomWidth: 0 }}
diff --git a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/nfts/page.tsx b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/nfts/page.tsx
index af6da40b7df..57bafdc4b93 100644
--- a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/nfts/page.tsx
+++ b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/nfts/page.tsx
@@ -1,44 +1,17 @@
-import { notFound, redirect } from "next/navigation";
 import { getRawAccount } from "../../../../../account/settings/getAccount";
-import { getContractPageParamsInfo } from "../_utils/getContractFromParams";
-import { getContractPageMetadata } from "../_utils/getContractPageMetadata";
-import { ContractNFTPage } from "./ContractNFTPage";
-import { ContractNFTPageClient } from "./ContractNFTPage.client";
+import type { PublicContractPageParams } from "../types";
+import { SharedNFTPage } from "./shared-nfts-page";
 
 export default async function Page(props: {
-  params: Promise<{
-    contractAddress: string;
-    chain_id: string;
-  }>;
+  params: Promise<PublicContractPageParams>;
 }) {
-  const params = await props.params;
-  const info = await getContractPageParamsInfo(params);
-
-  if (!info) {
-    notFound();
-  }
-
-  const account = await getRawAccount();
-
-  const { clientContract, serverContract, isLocalhostChain } = info;
-  if (isLocalhostChain) {
-    return (
-      <ContractNFTPageClient contract={clientContract} isLoggedIn={!!account} />
-    );
-  }
-
-  const { supportedERCs, functionSelectors } =
-    await getContractPageMetadata(serverContract);
-
-  if (!supportedERCs.isERC721 && !supportedERCs.isERC1155) {
-    redirect(`/${params.chain_id}/${params.contractAddress}`);
-  }
+  const [params, account] = await Promise.all([props.params, getRawAccount()]);
 
   return (
-    <ContractNFTPage
-      contract={clientContract}
-      isErc721={supportedERCs.isERC721}
-      functionSelectors={functionSelectors}
+    <SharedNFTPage
+      contractAddress={params.contractAddress}
+      chainIdOrSlug={params.chain_id}
+      projectMeta={undefined}
       isLoggedIn={!!account}
     />
   );
diff --git a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/nfts/shared-nfts-page.tsx b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/nfts/shared-nfts-page.tsx
new file mode 100644
index 00000000000..dc9e167cdaf
--- /dev/null
+++ b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/nfts/shared-nfts-page.tsx
@@ -0,0 +1,56 @@
+import { notFound } from "next/navigation";
+import type { ProjectMeta } from "../../../../../team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/types";
+import { redirectToContractLandingPage } from "../../../../../team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/utils";
+import { getContractPageParamsInfo } from "../_utils/getContractFromParams";
+import { getContractPageMetadata } from "../_utils/getContractPageMetadata";
+import { ContractNFTPage } from "./ContractNFTPage";
+import { ContractNFTPageClient } from "./ContractNFTPage.client";
+
+export async function SharedNFTPage(props: {
+  contractAddress: string;
+  chainIdOrSlug: string;
+  projectMeta: ProjectMeta | undefined;
+  isLoggedIn: boolean;
+}) {
+  const info = await getContractPageParamsInfo({
+    contractAddress: props.contractAddress,
+    chainIdOrSlug: props.chainIdOrSlug,
+    teamId: props.projectMeta?.teamId,
+  });
+
+  if (!info) {
+    notFound();
+  }
+
+  const { clientContract, serverContract, isLocalhostChain } = info;
+  if (isLocalhostChain) {
+    return (
+      <ContractNFTPageClient
+        contract={clientContract}
+        isLoggedIn={props.isLoggedIn}
+        projectMeta={props.projectMeta}
+      />
+    );
+  }
+
+  const { supportedERCs, functionSelectors } =
+    await getContractPageMetadata(serverContract);
+
+  if (!supportedERCs.isERC721 && !supportedERCs.isERC1155) {
+    redirectToContractLandingPage({
+      chainIdOrSlug: props.chainIdOrSlug,
+      contractAddress: props.contractAddress,
+      projectMeta: props.projectMeta,
+    });
+  }
+
+  return (
+    <ContractNFTPage
+      contract={clientContract}
+      isErc721={supportedERCs.isERC721}
+      functionSelectors={functionSelectors}
+      isLoggedIn={props.isLoggedIn}
+      projectMeta={props.projectMeta}
+    />
+  );
+}
diff --git a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/opengraph-image.tsx b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/opengraph-image.tsx
index 06386edcda5..c6a9a035bcc 100644
--- a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/opengraph-image.tsx
+++ b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/opengraph-image.tsx
@@ -21,7 +21,11 @@ export default async function Image({
   };
 }) {
   try {
-    const info = await getContractPageParamsInfo(params);
+    const info = await getContractPageParamsInfo({
+      contractAddress: params.contractAddress,
+      chainIdOrSlug: params.chain_id,
+      teamId: undefined,
+    });
 
     if (!info) {
       throw new Error();
diff --git a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/overview/ContractOverviewPage.tsx b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/overview/ContractOverviewPage.tsx
index 87df2017e6b..4114791bf89 100644
--- a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/overview/ContractOverviewPage.tsx
+++ b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/overview/ContractOverviewPage.tsx
@@ -1,4 +1,5 @@
 import type { ThirdwebContract } from "thirdweb";
+import type { ProjectMeta } from "../../../../../team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/types";
 import { TokenDetailsCard } from "../tokens/components/supply";
 import { ContractAnalyticsOverviewCard } from "./components/Analytics";
 import { BuildYourApp } from "./components/BuildYourApp";
@@ -20,6 +21,7 @@ interface ContractOverviewPageProps {
   isAnalyticsSupported: boolean;
   functionSelectors: string[];
   publishedBy: React.ReactNode;
+  projectMeta: ProjectMeta | undefined;
 }
 
 const TRACKING_CATEGORY = "contract_overview";
@@ -36,6 +38,7 @@ export const ContractOverviewPage: React.FC<ContractOverviewPageProps> = ({
   isAnalyticsSupported,
   functionSelectors,
   publishedBy,
+  projectMeta,
 }) => {
   return (
     <div className="flex flex-col gap-10 lg:flex-row lg:gap-8">
@@ -47,6 +50,7 @@ export const ContractOverviewPage: React.FC<ContractOverviewPageProps> = ({
           contract={contract}
           chainSlug={chainSlug}
           functionSelectors={functionSelectors}
+          projectMeta={projectMeta}
         />
 
         {isAnalyticsSupported && (
@@ -55,12 +59,14 @@ export const ContractOverviewPage: React.FC<ContractOverviewPageProps> = ({
             chainId={contract.chain.id}
             trackingCategory={TRACKING_CATEGORY}
             chainSlug={chainSlug}
+            projectMeta={projectMeta}
           />
         )}
 
         {(hasEnglishAuctions || hasDirectListings) && (
           <MarketplaceDetails
             contract={contract}
+            projectMeta={projectMeta}
             trackingCategory={TRACKING_CATEGORY}
             hasEnglishAuctions={hasEnglishAuctions}
             hasDirectListings={hasDirectListings}
@@ -74,6 +80,7 @@ export const ContractOverviewPage: React.FC<ContractOverviewPageProps> = ({
             trackingCategory={TRACKING_CATEGORY}
             isErc721={isErc721}
             chainSlug={chainSlug}
+            projectMeta={projectMeta}
           />
         )}
 
@@ -83,6 +90,7 @@ export const ContractOverviewPage: React.FC<ContractOverviewPageProps> = ({
           contract={contract}
           trackingCategory={TRACKING_CATEGORY}
           chainSlug={chainSlug}
+          projectMeta={projectMeta}
         />
 
         {isPermissionsEnumerable && (
@@ -90,6 +98,7 @@ export const ContractOverviewPage: React.FC<ContractOverviewPageProps> = ({
             contract={contract}
             trackingCategory={TRACKING_CATEGORY}
             chainSlug={chainSlug}
+            projectMeta={projectMeta}
           />
         )}
 
@@ -97,6 +106,7 @@ export const ContractOverviewPage: React.FC<ContractOverviewPageProps> = ({
           trackingCategory={TRACKING_CATEGORY}
           chainSlug={chainSlug}
           contractAddress={contract.address}
+          projectMeta={projectMeta}
         />
       </div>
       <div className="shrink-0 lg:w-[300px]">{publishedBy}</div>
diff --git a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/overview/components/Analytics.tsx b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/overview/components/Analytics.tsx
index 68251d0df44..95d8a17f992 100644
--- a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/overview/components/Analytics.tsx
+++ b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/overview/components/Analytics.tsx
@@ -11,6 +11,8 @@ import { useTrack } from "hooks/analytics/useTrack";
 import { ArrowRightIcon } from "lucide-react";
 import Link from "next/link";
 import { useMemo, useState } from "react";
+import type { ProjectMeta } from "../../../../../../team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/types";
+import { buildContractPagePath } from "../../_utils/contract-page-path";
 
 function getDayKey(date: Date) {
   return date.toISOString().split("T")[0];
@@ -21,6 +23,7 @@ export function ContractAnalyticsOverviewCard(props: {
   chainId: number;
   trackingCategory: string;
   chainSlug: string;
+  projectMeta: ProjectMeta | undefined;
 }) {
   const trackEvent = useTrack();
   const [startDate] = useState(
@@ -85,6 +88,13 @@ export function ContractAnalyticsOverviewCard(props: {
     });
   }, [wallets.data, transactions.data, events.data, isPending]);
 
+  const analyticsPath = buildContractPagePath({
+    projectMeta: props.projectMeta,
+    chainIdOrSlug: props.chainSlug,
+    contractAddress: props.contractAddress,
+    subpath: "/analytics",
+  });
+
   return (
     <ThirdwebAreaChart
       config={{
@@ -121,9 +131,7 @@ export function ContractAnalyticsOverviewCard(props: {
               });
             }}
           >
-            <Link
-              href={`/${props.chainSlug}/${props.contractAddress}/analytics`}
-            >
+            <Link href={analyticsPath}>
               <span>View All</span>
               <ArrowRightIcon className="size-4" />
             </Link>
diff --git a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/overview/components/BuildYourApp.tsx b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/overview/components/BuildYourApp.tsx
index ad9bac426d3..5d3ee40737f 100644
--- a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/overview/components/BuildYourApp.tsx
+++ b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/overview/components/BuildYourApp.tsx
@@ -1,12 +1,22 @@
 import { TrackedLinkTW } from "@/components/ui/tracked-link";
 import { ReactIcon } from "components/icons/brand-icons/ReactIcon";
 import { TypeScriptIcon } from "components/icons/brand-icons/TypeScriptIcon";
+import type { ProjectMeta } from "../../../../../../team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/types";
+import { buildContractPagePath } from "../../_utils/contract-page-path";
 
 export function BuildYourApp(props: {
   trackingCategory: string;
   contractAddress: string;
   chainSlug: string;
+  projectMeta: ProjectMeta | undefined;
 }) {
+  const codePath = buildContractPagePath({
+    projectMeta: props.projectMeta,
+    chainIdOrSlug: props.chainSlug,
+    contractAddress: props.contractAddress,
+    subpath: "/code",
+  });
+
   return (
     <div className="relative flex flex-col justify-between gap-4 rounded-lg border bg-card p-6 hover:border-active-border lg:flex-row">
       {/* left */}
@@ -17,7 +27,7 @@ export function BuildYourApp(props: {
         <TrackedLinkTW
           category={props.trackingCategory}
           label="build_your_app"
-          href={`/${props.chainSlug}/${props.contractAddress}/code`}
+          href={codePath}
           className="block text-balance text-muted-foreground text-sm before:absolute before:inset-0"
         >
           Learn more about how you can use thirdweb tools to build apps on top
diff --git a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/overview/components/ContractChecklist.tsx b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/overview/components/ContractChecklist.tsx
index 7e4c72aa7d0..9cc354793fb 100644
--- a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/overview/components/ContractChecklist.tsx
+++ b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/overview/components/ContractChecklist.tsx
@@ -12,6 +12,8 @@ import * as ERC1155Ext from "thirdweb/extensions/erc1155";
 import * as ERC4337Ext from "thirdweb/extensions/erc4337";
 import { getAccounts } from "thirdweb/extensions/erc4337";
 import { useReadContract } from "thirdweb/react";
+import type { ProjectMeta } from "../../../../../../team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/types";
+import { buildContractPagePath } from "../../_utils/contract-page-path";
 
 interface ContractChecklistProps {
   contract: ThirdwebContract;
@@ -20,6 +22,7 @@ interface ContractChecklistProps {
   isErc20: boolean;
   chainSlug: string;
   functionSelectors: string[];
+  projectMeta: ProjectMeta | undefined;
 }
 
 type Step = {
@@ -44,13 +47,20 @@ function Inner({
   isErc721,
   functionSelectors,
   chainSlug,
+  projectMeta,
 }: ContractChecklistProps & {
   functionSelectors: string[];
 }) {
-  const nftHref = `/${chainSlug}/${contract.address}/nfts`;
-  const tokenHref = `/${chainSlug}/${contract.address}/tokens`;
-  const accountsHref = `/${chainSlug}/${contract.address}/accounts`;
-  const claimConditionsHref = `/${chainSlug}/${contract.address}/claim-conditions`;
+  const contractLayout = buildContractPagePath({
+    projectMeta,
+    chainIdOrSlug: chainSlug,
+    contractAddress: contract.address,
+  });
+
+  const nftHref = `${contractLayout}/nfts`;
+  const tokenHref = `${contractLayout}/tokens`;
+  const accountsHref = `${contractLayout}/accounts`;
+  const claimConditionsHref = `${contractLayout}/claim-conditions`;
 
   const erc721Claimed = useReadContract(ERC721Ext.getTotalClaimedSupply, {
     contract: contract,
diff --git a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/overview/components/LatestEvents.tsx b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/overview/components/LatestEvents.tsx
index 6c4c2b69af2..6a2abb365b9 100644
--- a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/overview/components/LatestEvents.tsx
+++ b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/overview/components/LatestEvents.tsx
@@ -22,20 +22,30 @@ import { ArrowRightIcon } from "lucide-react";
 import Link from "next/link";
 import type { ThirdwebContract } from "thirdweb";
 import { shortenString } from "utils/usedapp-external";
+import type { ProjectMeta } from "../../../../../../team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/types";
+import { buildContractPagePath } from "../../_utils/contract-page-path";
 
 export function LatestEvents(props: {
   trackingCategory: string;
   contract: ThirdwebContract;
   chainSlug: string;
+  projectMeta: ProjectMeta | undefined;
 }) {
   const autoUpdate = true;
   const allEvents = useActivity(props.contract, autoUpdate);
 
+  const eventsHref = buildContractPagePath({
+    projectMeta: props.projectMeta,
+    chainIdOrSlug: props.chainSlug,
+    contractAddress: props.contract.address,
+    subpath: "/events",
+  });
+
   return (
     <LatestEventsUI
       allEvents={allEvents}
       autoUpdate={autoUpdate}
-      eventsHref={`/${props.chainSlug}/${props.contract.address}/events`}
+      eventsHref={eventsHref}
       trackingCategory={props.trackingCategory}
     />
   );
diff --git a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/overview/components/MarketplaceDetails.tsx b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/overview/components/MarketplaceDetails.tsx
index 64b1ae593b3..e38cf078a10 100644
--- a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/overview/components/MarketplaceDetails.tsx
+++ b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/overview/components/MarketplaceDetails.tsx
@@ -19,6 +19,8 @@ import {
 import { useReadContract } from "thirdweb/react";
 import { min } from "thirdweb/utils";
 import { NFTMediaWithEmptyState } from "tw-components/nft-media";
+import type { ProjectMeta } from "../../../../../../team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/types";
+import { buildContractPagePath } from "../../_utils/contract-page-path";
 import { ListingStatsV3 } from "./listing-stats";
 
 type ListingData =
@@ -41,14 +43,22 @@ type ListingCardsSectionProps = {
   contract: ThirdwebContract;
   trackingCategory: string;
   chainSlug: string;
+  projectMeta: ProjectMeta | undefined;
 };
 
 const DirectListingCards: React.FC<ListingCardsSectionProps> = ({
   trackingCategory,
   contract,
   chainSlug,
+  projectMeta,
 }) => {
-  const directListingsHref = `/${chainSlug}/${contract.address}/direct-listings`;
+  const directListingsHref = buildContractPagePath({
+    projectMeta,
+    chainIdOrSlug: chainSlug,
+    contractAddress: contract.address,
+    subpath: "/direct-listings",
+  });
+
   const countQuery = useReadContract(totalListings, { contract });
   const listingsQuery = useReadContract(getAllListings, {
     contract,
@@ -109,6 +119,7 @@ const DirectListingCards: React.FC<ListingCardsSectionProps> = ({
           trackingCategory={trackingCategory}
           chainSlug={chainSlug}
           contractAddress={contract.address}
+          projectMeta={projectMeta}
         />
       </div>
     </div>
@@ -119,8 +130,15 @@ const EnglishAuctionCards: React.FC<ListingCardsSectionProps> = ({
   trackingCategory,
   contract,
   chainSlug,
+  projectMeta,
 }) => {
-  const englishAuctionsHref = `/${chainSlug}/${contract.address}/english-auctions`;
+  const englishAuctionsHref = buildContractPagePath({
+    projectMeta,
+    chainIdOrSlug: chainSlug,
+    contractAddress: contract.address,
+    subpath: "/english-auctions",
+  });
+
   const countQuery = useReadContract(totalAuctions, { contract });
   const auctionsQuery = useReadContract(getAllAuctions, {
     contract,
@@ -180,6 +198,7 @@ const EnglishAuctionCards: React.FC<ListingCardsSectionProps> = ({
           trackingCategory={trackingCategory}
           chainSlug={chainSlug}
           contractAddress={contract.address}
+          projectMeta={projectMeta}
         />
       </div>
     </div>
@@ -192,6 +211,7 @@ interface MarketplaceDetailsVersionProps {
   hasEnglishAuctions: boolean;
   hasDirectListings: boolean;
   chainSlug: string;
+  projectMeta: ProjectMeta | undefined;
 }
 
 export const MarketplaceDetails: React.FC<MarketplaceDetailsVersionProps> = ({
@@ -200,6 +220,7 @@ export const MarketplaceDetails: React.FC<MarketplaceDetailsVersionProps> = ({
   hasDirectListings,
   hasEnglishAuctions,
   chainSlug,
+  projectMeta,
 }) => {
   return (
     <div className="flex flex-col gap-10">
@@ -214,6 +235,7 @@ export const MarketplaceDetails: React.FC<MarketplaceDetailsVersionProps> = ({
           contract={contract}
           trackingCategory={trackingCategory}
           chainSlug={chainSlug}
+          projectMeta={projectMeta}
         />
       )}
 
@@ -222,6 +244,7 @@ export const MarketplaceDetails: React.FC<MarketplaceDetailsVersionProps> = ({
           contract={contract}
           trackingCategory={trackingCategory}
           chainSlug={chainSlug}
+          projectMeta={projectMeta}
         />
       )}
     </div>
@@ -269,6 +292,7 @@ interface ListingCardsProps {
   isMarketplaceV1?: boolean;
   chainSlug: string;
   contractAddress: string;
+  projectMeta: ProjectMeta | undefined;
 }
 const ListingCards: React.FC<ListingCardsProps> = ({
   listings,
@@ -277,13 +301,20 @@ const ListingCards: React.FC<ListingCardsProps> = ({
   trackingCategory,
   chainSlug,
   contractAddress,
+  projectMeta,
 }) => {
+  const contractLayout = buildContractPagePath({
+    projectMeta,
+    chainIdOrSlug: chainSlug,
+    contractAddress,
+  });
+
   listings = isPending
     ? Array.from({ length: 3 }).map((_, idx) => dummyMetadata(idx))
     : listings.slice(0, 3);
 
-  const directListingsHref = `/${chainSlug}/${contractAddress}/direct-listings`;
-  const englishAuctionsHref = `/${chainSlug}/${contractAddress}/english-auctions`;
+  const directListingsHref = `${contractLayout}/direct-listings`;
+  const englishAuctionsHref = `${contractLayout}/english-auctions`;
 
   return (
     <div className="grid grid-cols-1 gap-4 md:grid-cols-3 ">
diff --git a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/overview/components/NFTDetails.tsx b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/overview/components/NFTDetails.tsx
index 4ee134af757..153d1885318 100644
--- a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/overview/components/NFTDetails.tsx
+++ b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/overview/components/NFTDetails.tsx
@@ -7,13 +7,16 @@ import type { ThirdwebContract } from "thirdweb";
 import * as ERC721 from "thirdweb/extensions/erc721";
 import * as ERC1155 from "thirdweb/extensions/erc1155";
 import { useReadContract } from "thirdweb/react";
+import type { ProjectMeta } from "../../../../../../team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/types";
 import { NFTCards } from "../../_components/NFTCards";
+import { buildContractPagePath } from "../../_utils/contract-page-path";
 
 type NFTDetailsProps = {
   contract: ThirdwebContract;
   trackingCategory: string;
   isErc721: boolean;
   chainSlug: string;
+  projectMeta: ProjectMeta | undefined;
 };
 
 export function NFTDetails({
@@ -21,8 +24,14 @@ export function NFTDetails({
   trackingCategory,
   isErc721,
   chainSlug,
+  projectMeta,
 }: NFTDetailsProps) {
-  const nftsHref = `/${chainSlug}/${contract.address}/nfts`;
+  const nftsHref = buildContractPagePath({
+    projectMeta,
+    chainIdOrSlug: chainSlug,
+    contractAddress: contract.address,
+    subpath: "/nfts",
+  });
 
   const nftQuery = useReadContract(
     isErc721 ? ERC721.getNFTs : ERC1155.getNFTs,
@@ -58,6 +67,7 @@ export function NFTDetails({
       {/* cards */}
       <div className="p-6">
         <NFTCards
+          projectMeta={projectMeta}
           nfts={displayableNFTs.map((t) => ({
             ...t,
             contractAddress: contract.address,
diff --git a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/overview/components/PermissionsTable.tsx b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/overview/components/PermissionsTable.tsx
index a45e97cb2d3..a55ce866362 100644
--- a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/overview/components/PermissionsTable.tsx
+++ b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/overview/components/PermissionsTable.tsx
@@ -19,12 +19,22 @@ import { ArrowRightIcon } from "lucide-react";
 import { useMemo } from "react";
 import { type ThirdwebContract, ZERO_ADDRESS } from "thirdweb";
 import { useReadContract } from "thirdweb/react";
+import type { ProjectMeta } from "../../../../../../team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/types";
+import { buildContractPagePath } from "../../_utils/contract-page-path";
 
 export function PermissionsTable(props: {
   contract: ThirdwebContract;
   trackingCategory: string;
   chainSlug: string;
+  projectMeta: ProjectMeta | undefined;
 }) {
+  const permissionsHref = buildContractPagePath({
+    projectMeta: props.projectMeta,
+    chainIdOrSlug: props.chainSlug,
+    contractAddress: props.contract.address,
+    subpath: "/permissions",
+  });
+
   const allRoleMembers = useReadContract(getAllRoleMembers, {
     contract: props.contract,
   });
@@ -53,7 +63,7 @@ export function PermissionsTable(props: {
     <PermissionsTableUI
       members={members}
       isPending={allRoleMembers.isPending}
-      viewMoreLink={`/${props.chainSlug}/${props.contract.address}/permissions`}
+      viewMoreLink={permissionsHref}
       trackingCategory={props.trackingCategory}
     />
   );
diff --git a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/overview/contract-overview-page.client.tsx b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/overview/contract-overview-page.client.tsx
index ad4fe37fbbe..4e0a626de01 100644
--- a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/overview/contract-overview-page.client.tsx
+++ b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/overview/contract-overview-page.client.tsx
@@ -1,6 +1,7 @@
 "use client";
 import type { ThirdwebContract } from "thirdweb";
 import type { ChainMetadata } from "thirdweb/chains";
+import type { ProjectMeta } from "../../../../../team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/types";
 import { ErrorPage, LoadingPage } from "../_components/page-skeletons";
 import { useContractPageMetadata } from "../_hooks/useContractPageMetadata";
 import { ContractOverviewPage } from "./ContractOverviewPage";
@@ -8,8 +9,9 @@ import { ContractOverviewPage } from "./ContractOverviewPage";
 export function ContractOverviewPageClient(props: {
   contract: ThirdwebContract;
   chainMetadata: ChainMetadata;
+  projectMeta: ProjectMeta | undefined;
 }) {
-  const { contract, chainMetadata } = props;
+  const { contract, chainMetadata, projectMeta } = props;
   const metadataQuery = useContractPageMetadata(contract);
 
   if (metadataQuery.isPending) {
@@ -25,6 +27,7 @@ export function ContractOverviewPageClient(props: {
   return (
     <ContractOverviewPage
       contract={contract}
+      projectMeta={projectMeta}
       hasDirectListings={contractPageMetadata.isDirectListingSupported}
       hasEnglishAuctions={contractPageMetadata.isEnglishAuctionSupported}
       isErc1155={contractPageMetadata.supportedERCs.isERC1155}
diff --git a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/page.tsx b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/page.tsx
index 613e793bde1..b85c813c5ab 100644
--- a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/page.tsx
+++ b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/page.tsx
@@ -1,56 +1,15 @@
-import { notFound } from "next/navigation";
-import { ErrorBoundary } from "react-error-boundary";
-import { getContractPageParamsInfo } from "./_utils/getContractFromParams";
-import { getContractPageMetadata } from "./_utils/getContractPageMetadata";
-import { ContractOverviewPage } from "./overview/ContractOverviewPage";
-import { PublishedBy } from "./overview/components/published-by.server";
-import { ContractOverviewPageClient } from "./overview/contract-overview-page.client";
+import { SharedContractOverviewPage } from "./shared-overview-page";
+import type { PublicContractPageParams } from "./types";
 
 export default async function Page(props: {
-  params: Promise<{
-    contractAddress: string;
-    chain_id: string;
-  }>;
+  params: Promise<PublicContractPageParams>;
 }) {
   const params = await props.params;
-  const info = await getContractPageParamsInfo(params);
-
-  if (!info) {
-    notFound();
-  }
-
-  const { clientContract, serverContract, chainMetadata, isLocalhostChain } =
-    info;
-  if (isLocalhostChain) {
-    return (
-      <ContractOverviewPageClient
-        chainMetadata={chainMetadata}
-        contract={clientContract}
-      />
-    );
-  }
-
-  const contractPageMetadata = await getContractPageMetadata(serverContract);
-
   return (
-    <ContractOverviewPage
-      contract={clientContract}
-      hasDirectListings={contractPageMetadata.isDirectListingSupported}
-      hasEnglishAuctions={contractPageMetadata.isEnglishAuctionSupported}
-      isErc1155={contractPageMetadata.supportedERCs.isERC1155}
-      isErc20={contractPageMetadata.supportedERCs.isERC20}
-      isErc721={contractPageMetadata.supportedERCs.isERC721}
-      isPermissionsEnumerable={
-        contractPageMetadata.isPermissionsEnumerableSupported
-      }
-      chainSlug={chainMetadata.slug}
-      isAnalyticsSupported={contractPageMetadata.isInsightSupported}
-      functionSelectors={contractPageMetadata.functionSelectors}
-      publishedBy={
-        <ErrorBoundary fallback={null}>
-          <PublishedBy contract={serverContract} />
-        </ErrorBoundary>
-      }
+    <SharedContractOverviewPage
+      contractAddress={params.contractAddress}
+      chainIdOrSlug={params.chain_id}
+      projectMeta={undefined}
     />
   );
 }
diff --git a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/permissions/ContractPermissionsPage.client.tsx b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/permissions/ContractPermissionsPage.client.tsx
index 11feb7a7b9d..d8de49694b0 100644
--- a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/permissions/ContractPermissionsPage.client.tsx
+++ b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/permissions/ContractPermissionsPage.client.tsx
@@ -2,6 +2,7 @@
 
 import type { ThirdwebContract } from "thirdweb";
 import type { ChainMetadata } from "thirdweb/chains";
+import type { ProjectMeta } from "../../../../../team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/types";
 import { ErrorPage, LoadingPage } from "../_components/page-skeletons";
 import { useContractPageMetadata } from "../_hooks/useContractPageMetadata";
 import { ContractPermissionsPage } from "./ContractPermissionsPage";
@@ -10,6 +11,7 @@ export function ContractPermissionsPageClient(props: {
   contract: ThirdwebContract;
   chainMetadata: ChainMetadata;
   isLoggedIn: boolean;
+  projectMeta: ProjectMeta | undefined;
 }) {
   const metadataQuery = useContractPageMetadata(props.contract);
 
@@ -23,6 +25,7 @@ export function ContractPermissionsPageClient(props: {
 
   return (
     <ContractPermissionsPage
+      projectMeta={props.projectMeta}
       contract={props.contract}
       chainSlug={props.chainMetadata.slug}
       isLoggedIn={props.isLoggedIn}
diff --git a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/permissions/ContractPermissionsPage.tsx b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/permissions/ContractPermissionsPage.tsx
index 59352daefcd..93186fbff25 100644
--- a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/permissions/ContractPermissionsPage.tsx
+++ b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/permissions/ContractPermissionsPage.tsx
@@ -1,10 +1,11 @@
 "use client";
 
 import { InlineCode } from "@/components/ui/inline-code";
-import { useIsomorphicLayoutEffect } from "@/lib/useIsomorphicLayoutEffect";
 import { ButtonGroup, Divider, Flex } from "@chakra-ui/react";
 import type { ThirdwebContract } from "thirdweb";
 import { Card, Heading, Link, LinkButton, Text } from "tw-components";
+import type { ProjectMeta } from "../../../../../team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/types";
+import { buildContractPagePath } from "../_utils/contract-page-path";
 import { Permissions } from "./components";
 
 interface ContractPermissionsPageProps {
@@ -12,16 +13,24 @@ interface ContractPermissionsPageProps {
   detectedPermissionEnumerable: boolean;
   chainSlug: string;
   isLoggedIn: boolean;
+  projectMeta: ProjectMeta | undefined;
 }
 
 export const ContractPermissionsPage: React.FC<
   ContractPermissionsPageProps
-> = ({ contract, detectedPermissionEnumerable, chainSlug, isLoggedIn }) => {
-  useIsomorphicLayoutEffect(() => {
-    window?.scrollTo({ top: 0, behavior: "smooth" });
-  }, []);
-
-  const explorerHref = `/${chainSlug}/${contract.address}/explorer`;
+> = ({
+  contract,
+  detectedPermissionEnumerable,
+  chainSlug,
+  isLoggedIn,
+  projectMeta,
+}) => {
+  const explorerHref = buildContractPagePath({
+    projectMeta,
+    chainIdOrSlug: chainSlug,
+    contractAddress: contract.address,
+    subpath: "/explorer",
+  });
 
   if (!detectedPermissionEnumerable) {
     return (
diff --git a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/permissions/page.tsx b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/permissions/page.tsx
index e170fc110f6..558c38b9704 100644
--- a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/permissions/page.tsx
+++ b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/permissions/page.tsx
@@ -1,44 +1,16 @@
-import { notFound } from "next/navigation";
 import { getRawAccount } from "../../../../../account/settings/getAccount";
-import { getContractPageParamsInfo } from "../_utils/getContractFromParams";
-import { getContractPageMetadata } from "../_utils/getContractPageMetadata";
-import { ContractPermissionsPage } from "./ContractPermissionsPage";
-import { ContractPermissionsPageClient } from "./ContractPermissionsPage.client";
+import type { PublicContractPageParams } from "../types";
+import { SharedPermissionsPage } from "./shared-permissions-page";
 
 export default async function Page(props: {
-  params: Promise<{
-    contractAddress: string;
-    chain_id: string;
-  }>;
+  params: Promise<PublicContractPageParams>;
 }) {
-  const params = await props.params;
-  const info = await getContractPageParamsInfo(params);
-
-  if (!info) {
-    notFound();
-  }
-
-  const account = await getRawAccount();
-
-  const { clientContract, serverContract, isLocalhostChain } = info;
-  if (isLocalhostChain) {
-    return (
-      <ContractPermissionsPageClient
-        contract={clientContract}
-        chainMetadata={info.chainMetadata}
-        isLoggedIn={!!account}
-      />
-    );
-  }
-
-  const { isPermissionsEnumerableSupported } =
-    await getContractPageMetadata(serverContract);
-
+  const [params, account] = await Promise.all([props.params, getRawAccount()]);
   return (
-    <ContractPermissionsPage
-      contract={clientContract}
-      chainSlug={info.chainMetadata.slug}
-      detectedPermissionEnumerable={isPermissionsEnumerableSupported}
+    <SharedPermissionsPage
+      contractAddress={params.contractAddress}
+      chainIdOrSlug={params.chain_id}
+      projectMeta={undefined}
       isLoggedIn={!!account}
     />
   );
diff --git a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/permissions/shared-permissions-page.tsx b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/permissions/shared-permissions-page.tsx
new file mode 100644
index 00000000000..877506d5207
--- /dev/null
+++ b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/permissions/shared-permissions-page.tsx
@@ -0,0 +1,48 @@
+import { notFound } from "next/navigation";
+import type { ProjectMeta } from "../../../../../team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/types";
+import { getContractPageParamsInfo } from "../_utils/getContractFromParams";
+import { getContractPageMetadata } from "../_utils/getContractPageMetadata";
+import { ContractPermissionsPage } from "./ContractPermissionsPage";
+import { ContractPermissionsPageClient } from "./ContractPermissionsPage.client";
+
+export async function SharedPermissionsPage(props: {
+  contractAddress: string;
+  chainIdOrSlug: string;
+  projectMeta: ProjectMeta | undefined;
+  isLoggedIn: boolean;
+}) {
+  const info = await getContractPageParamsInfo({
+    contractAddress: props.contractAddress,
+    chainIdOrSlug: props.chainIdOrSlug,
+    teamId: props.projectMeta?.teamId,
+  });
+
+  if (!info) {
+    notFound();
+  }
+
+  const { clientContract, serverContract, isLocalhostChain } = info;
+  if (isLocalhostChain) {
+    return (
+      <ContractPermissionsPageClient
+        contract={clientContract}
+        chainMetadata={info.chainMetadata}
+        isLoggedIn={props.isLoggedIn}
+        projectMeta={props.projectMeta}
+      />
+    );
+  }
+
+  const { isPermissionsEnumerableSupported } =
+    await getContractPageMetadata(serverContract);
+
+  return (
+    <ContractPermissionsPage
+      projectMeta={props.projectMeta}
+      contract={clientContract}
+      chainSlug={info.chainMetadata.slug}
+      detectedPermissionEnumerable={isPermissionsEnumerableSupported}
+      isLoggedIn={props.isLoggedIn}
+    />
+  );
+}
diff --git a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/proposals/ContractProposalsPage.client.tsx b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/proposals/ContractProposalsPage.client.tsx
index 95dae159ff8..7b250fb18f8 100644
--- a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/proposals/ContractProposalsPage.client.tsx
+++ b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/proposals/ContractProposalsPage.client.tsx
@@ -1,6 +1,7 @@
 "use client";
 
 import type { ThirdwebContract } from "thirdweb";
+import type { ProjectMeta } from "../../../../../team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/types";
 import { ErrorPage, LoadingPage } from "../_components/page-skeletons";
 import { RedirectToContractOverview } from "../_components/redirect-contract-overview.client";
 import { useContractPageMetadata } from "../_hooks/useContractPageMetadata";
@@ -9,6 +10,7 @@ import { ContractProposalsPage } from "./ContractProposalsPage";
 export function ContractProposalsPageClient(props: {
   contract: ThirdwebContract;
   isLoggedIn: boolean;
+  projectMeta: ProjectMeta | undefined;
 }) {
   const metadataQuery = useContractPageMetadata(props.contract);
 
@@ -21,7 +23,12 @@ export function ContractProposalsPageClient(props: {
   }
 
   if (!metadataQuery.data.isVoteContract) {
-    return <RedirectToContractOverview contract={props.contract} />;
+    return (
+      <RedirectToContractOverview
+        contract={props.contract}
+        projectMeta={props.projectMeta}
+      />
+    );
   }
 
   return (
diff --git a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/proposals/page.tsx b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/proposals/page.tsx
index 9b972f59fee..ad4495e4f03 100644
--- a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/proposals/page.tsx
+++ b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/proposals/page.tsx
@@ -1,41 +1,18 @@
-import { notFound, redirect } from "next/navigation";
 import { getRawAccount } from "../../../../../account/settings/getAccount";
-import { getContractPageParamsInfo } from "../_utils/getContractFromParams";
-import { getContractPageMetadata } from "../_utils/getContractPageMetadata";
-import { ContractProposalsPage } from "./ContractProposalsPage";
-import { ContractProposalsPageClient } from "./ContractProposalsPage.client";
+import type { PublicContractPageParams } from "../types";
+import { SharedContractProposalsPage } from "./shared-proposals-page";
 
 export default async function Page(props: {
-  params: Promise<{
-    contractAddress: string;
-    chain_id: string;
-  }>;
+  params: Promise<PublicContractPageParams>;
 }) {
-  const params = await props.params;
-  const info = await getContractPageParamsInfo(params);
-
-  if (!info) {
-    notFound();
-  }
-  const account = await getRawAccount();
-
-  const { clientContract, serverContract, isLocalhostChain } = info;
-  if (isLocalhostChain) {
-    return (
-      <ContractProposalsPageClient
-        contract={clientContract}
-        isLoggedIn={!!account}
-      />
-    );
-  }
-
-  const { isVoteContract } = await getContractPageMetadata(serverContract);
-
-  if (!isVoteContract) {
-    redirect(`/${params.chain_id}/${params.contractAddress}`);
-  }
+  const [params, account] = await Promise.all([props.params, getRawAccount()]);
 
   return (
-    <ContractProposalsPage contract={clientContract} isLoggedIn={!!account} />
+    <SharedContractProposalsPage
+      contractAddress={params.contractAddress}
+      chainIdOrSlug={params.chain_id}
+      projectMeta={undefined}
+      isLoggedIn={!!account}
+    />
   );
 }
diff --git a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/proposals/shared-proposals-page.tsx b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/proposals/shared-proposals-page.tsx
new file mode 100644
index 00000000000..230e73dc82f
--- /dev/null
+++ b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/proposals/shared-proposals-page.tsx
@@ -0,0 +1,52 @@
+import { notFound } from "next/navigation";
+import type { ProjectMeta } from "../../../../../team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/types";
+import { redirectToContractLandingPage } from "../../../../../team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/utils";
+import { getContractPageParamsInfo } from "../_utils/getContractFromParams";
+import { getContractPageMetadata } from "../_utils/getContractPageMetadata";
+import { ContractProposalsPage } from "./ContractProposalsPage";
+import { ContractProposalsPageClient } from "./ContractProposalsPage.client";
+
+export async function SharedContractProposalsPage(props: {
+  contractAddress: string;
+  chainIdOrSlug: string;
+  projectMeta: ProjectMeta | undefined;
+  isLoggedIn: boolean;
+}) {
+  const info = await getContractPageParamsInfo({
+    contractAddress: props.contractAddress,
+    chainIdOrSlug: props.chainIdOrSlug,
+    teamId: props.projectMeta?.teamId,
+  });
+
+  if (!info) {
+    notFound();
+  }
+
+  const { clientContract, serverContract, isLocalhostChain } = info;
+  if (isLocalhostChain) {
+    return (
+      <ContractProposalsPageClient
+        contract={clientContract}
+        isLoggedIn={props.isLoggedIn}
+        projectMeta={props.projectMeta}
+      />
+    );
+  }
+
+  const { isVoteContract } = await getContractPageMetadata(serverContract);
+
+  if (!isVoteContract) {
+    redirectToContractLandingPage({
+      projectMeta: props.projectMeta,
+      chainIdOrSlug: props.chainIdOrSlug,
+      contractAddress: props.contractAddress,
+    });
+  }
+
+  return (
+    <ContractProposalsPage
+      contract={clientContract}
+      isLoggedIn={props.isLoggedIn}
+    />
+  );
+}
diff --git a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/settings/page.tsx b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/settings/page.tsx
index 0b2490b9768..ed13122da57 100644
--- a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/settings/page.tsx
+++ b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/settings/page.tsx
@@ -1,55 +1,18 @@
-import { DEFAULT_FEE_RECIPIENT } from "constants/addresses";
-import { notFound } from "next/navigation";
-import { getPlatformFeeInfo } from "thirdweb/extensions/common";
 import { getRawAccount } from "../../../../../account/settings/getAccount";
-import { getContractPageParamsInfo } from "../_utils/getContractFromParams";
-import { getContractPageMetadata } from "../_utils/getContractPageMetadata";
-import { ContractSettingsPage } from "./ContractSettingsPage";
-import { ContractSettingsPageClient } from "./ContractSettingsPage.client";
+import type { PublicContractPageParams } from "../types";
+import { SharedContractSettingsPage } from "./shared-settings-page";
 
 export default async function Page(props: {
-  params: Promise<{
-    contractAddress: string;
-    chain_id: string;
-  }>;
+  params: Promise<PublicContractPageParams>;
 }) {
-  const params = await props.params;
-  const info = await getContractPageParamsInfo(params);
-
-  if (!info) {
-    notFound();
-  }
-
-  const { clientContract, serverContract, isLocalhostChain } = info;
-
-  if (isLocalhostChain) {
-    const account = await getRawAccount();
-    return (
-      <ContractSettingsPageClient
-        contract={clientContract}
-        isLoggedIn={!!account}
-      />
-    );
-  }
-
-  const [account, metadata] = await Promise.all([
-    getRawAccount(),
-    getContractPageMetadata(serverContract),
-  ]);
-
-  let hasDefaultFeeConfig = true;
-  try {
-    const feeInfo = await getPlatformFeeInfo({ contract: serverContract });
-    hasDefaultFeeConfig =
-      feeInfo[0].toLowerCase() === DEFAULT_FEE_RECIPIENT.toLowerCase();
-  } catch {}
+  const [params, account] = await Promise.all([props.params, getRawAccount()]);
 
   return (
-    <ContractSettingsPage
-      contract={clientContract}
-      functionSelectors={metadata.functionSelectors}
+    <SharedContractSettingsPage
+      contractAddress={params.contractAddress}
+      chainIdOrSlug={params.chain_id}
+      projectMeta={undefined}
       isLoggedIn={!!account}
-      hasDefaultFeeConfig={hasDefaultFeeConfig}
     />
   );
 }
diff --git a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/settings/shared-settings-page.tsx b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/settings/shared-settings-page.tsx
new file mode 100644
index 00000000000..a35d46be95e
--- /dev/null
+++ b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/settings/shared-settings-page.tsx
@@ -0,0 +1,62 @@
+import { DEFAULT_FEE_RECIPIENT } from "constants/addresses";
+import { notFound } from "next/navigation";
+import type { ThirdwebContract } from "thirdweb";
+import { getPlatformFeeInfo } from "thirdweb/extensions/common";
+import type { ProjectMeta } from "../../../../../team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/types";
+import { getContractPageParamsInfo } from "../_utils/getContractFromParams";
+import { getContractPageMetadata } from "../_utils/getContractPageMetadata";
+import { ContractSettingsPage } from "./ContractSettingsPage";
+import { ContractSettingsPageClient } from "./ContractSettingsPage.client";
+
+export async function SharedContractSettingsPage(props: {
+  contractAddress: string;
+  chainIdOrSlug: string;
+  projectMeta: ProjectMeta | undefined;
+  isLoggedIn: boolean;
+}) {
+  const info = await getContractPageParamsInfo({
+    contractAddress: props.contractAddress,
+    chainIdOrSlug: props.chainIdOrSlug,
+    teamId: props.projectMeta?.teamId,
+  });
+
+  if (!info) {
+    notFound();
+  }
+
+  const { clientContract, serverContract, isLocalhostChain } = info;
+
+  if (isLocalhostChain) {
+    return (
+      <ContractSettingsPageClient
+        contract={clientContract}
+        isLoggedIn={props.isLoggedIn}
+      />
+    );
+  }
+
+  const [metadata, hasDefaultFeeConfig] = await Promise.all([
+    getContractPageMetadata(serverContract),
+    checkDefaultFeeConfig(serverContract),
+  ]);
+
+  return (
+    <ContractSettingsPage
+      contract={clientContract}
+      functionSelectors={metadata.functionSelectors}
+      isLoggedIn={props.isLoggedIn}
+      hasDefaultFeeConfig={hasDefaultFeeConfig}
+    />
+  );
+}
+
+async function checkDefaultFeeConfig(contract: ThirdwebContract) {
+  let hasDefaultFeeConfig = true;
+  try {
+    const feeInfo = await getPlatformFeeInfo({ contract });
+    hasDefaultFeeConfig =
+      feeInfo[0].toLowerCase() === DEFAULT_FEE_RECIPIENT.toLowerCase();
+  } catch {}
+
+  return hasDefaultFeeConfig;
+}
diff --git a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/shared-layout.tsx b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/shared-layout.tsx
new file mode 100644
index 00000000000..edea62ddeae
--- /dev/null
+++ b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/shared-layout.tsx
@@ -0,0 +1,218 @@
+import { getProjects } from "@/api/projects";
+import { getTeams } from "@/api/team";
+import type { MinimalTeamsAndProjects } from "components/contract-components/contract-deploy-form/add-to-project-card";
+import { resolveFunctionSelectors } from "lib/selectors";
+import type { Metadata } from "next";
+import { notFound } from "next/navigation";
+import { getContractMetadata } from "thirdweb/extensions/common";
+import { isAddress, isContractDeployed } from "thirdweb/utils";
+import { shortenIfAddress } from "utils/usedapp-external";
+import { NebulaChatButton } from "../../../../../nebula-app/(app)/components/FloatingChat/FloatingChat";
+import { examplePrompts } from "../../../../../nebula-app/(app)/data/examplePrompts";
+import { getAuthTokenWalletAddress } from "../../../../api/lib/getAuthToken";
+import type { ProjectMeta } from "../../../../team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/types";
+import { ConfigureCustomChain } from "./_layout/ConfigureCustomChain";
+import { getContractMetadataHeaderData } from "./_layout/contract-metadata";
+import { ContractPageLayout } from "./_layout/contract-page-layout";
+import { ContractPageLayoutClient } from "./_layout/contract-page-layout.client";
+import { supportedERCs } from "./_utils/detectedFeatures/supportedERCs";
+import { getContractPageParamsInfo } from "./_utils/getContractFromParams";
+import { getContractPageMetadata } from "./_utils/getContractPageMetadata";
+import { getContractPageSidebarLinks } from "./_utils/getContractPageSidebarLinks";
+
+export async function SharedContractLayout(props: {
+  contractAddress: string;
+  chainIdOrSlug: string;
+  projectMeta: ProjectMeta | undefined;
+  children: React.ReactNode;
+}) {
+  if (!isAddress(props.contractAddress)) {
+    return notFound();
+  }
+
+  const [info, accountAddress, teamsAndProjects] = await Promise.all([
+    getContractPageParamsInfo({
+      contractAddress: props.contractAddress,
+      chainIdOrSlug: props.chainIdOrSlug,
+      teamId: props.projectMeta?.teamId,
+    }),
+    getAuthTokenWalletAddress(),
+    getTeamsAndProjectsIfLoggedIn(),
+  ]);
+
+  if (!info) {
+    return <ConfigureCustomChain chainSlug={props.chainIdOrSlug} />;
+  }
+
+  const { clientContract, serverContract, chainMetadata, isLocalhostChain } =
+    info;
+
+  if (chainMetadata.status === "deprecated") {
+    notFound();
+  }
+
+  if (isLocalhostChain) {
+    return (
+      <ContractPageLayoutClient
+        chainMetadata={chainMetadata}
+        contract={clientContract}
+        teamsAndProjects={teamsAndProjects}
+        projectMeta={props.projectMeta}
+      >
+        {props.children}
+      </ContractPageLayoutClient>
+    );
+  }
+
+  const [
+    isValidContract,
+    contractPageMetadata,
+    { contractMetadata, externalLinks },
+  ] = await Promise.all([
+    isContractDeployed(serverContract).catch(() => false),
+    getContractPageMetadata(serverContract),
+    getContractMetadataHeaderData(serverContract),
+  ]);
+
+  // check if the contract exists
+  if (!isValidContract) {
+    // TODO - replace 404 with a better page to upsell deploy or other thirdweb products
+    notFound();
+  }
+
+  const sidebarLinks = getContractPageSidebarLinks({
+    chainSlug: chainMetadata.slug,
+    contractAddress: serverContract.address,
+    metadata: contractPageMetadata,
+    projectMeta: props.projectMeta,
+  });
+
+  const contractAddress = serverContract.address;
+  const chainName = chainMetadata.name;
+  const chainId = chainMetadata.chainId;
+
+  const contractPromptPrefix = `A user is viewing the contract address ${contractAddress} on ${chainName} (Chain ID: ${chainId}). Provide a concise summary of this contract's functionalities, such as token minting, staking, or governance mechanisms. Focus on what the contract enables users to do, avoiding transaction execution details unless requested.
+Users may be interested in how to interact with the contract. Outline common interaction patterns, such as claiming rewards, participating in governance, or transferring assets. Emphasize the contract's capabilities without guiding through transaction processes unless asked.
+Provide insights into how the contract is being used. Share information on user engagement, transaction volumes, or integration with other dApps, focusing on the contract's role within the broader ecosystem.
+Users may be considering integrating the contract into their applications. Discuss how this contract's functionalities can be leveraged within different types of dApps, highlighting potential use cases and benefits.
+
+The following is the user's message:`;
+
+  return (
+    <ContractPageLayout
+      chainMetadata={chainMetadata}
+      contract={clientContract}
+      sidebarLinks={sidebarLinks}
+      dashboardContractMetadata={contractMetadata}
+      externalLinks={externalLinks}
+      teamsAndProjects={teamsAndProjects}
+      projectMeta={props.projectMeta}
+    >
+      <NebulaChatButton
+        isLoggedIn={!!accountAddress}
+        networks={info.chainMetadata.testnet ? "testnet" : "mainnet"}
+        isFloating={true}
+        pageType="contract"
+        label="Ask AI about this contract"
+        client={clientContract.client}
+        nebulaParams={{
+          messagePrefix: contractPromptPrefix,
+          chainIds: [chainId],
+          wallet: accountAddress ?? undefined,
+        }}
+        examplePrompts={examplePrompts}
+      />
+      {props.children}
+    </ContractPageLayout>
+  );
+}
+
+async function getTeamsAndProjectsIfLoggedIn() {
+  try {
+    const teams = await getTeams();
+
+    if (!teams) {
+      return undefined;
+    }
+
+    const teamsAndProjects: MinimalTeamsAndProjects = await Promise.all(
+      teams.map(async (team) => ({
+        team: {
+          id: team.id,
+          name: team.name,
+          slug: team.slug,
+          image: team.image,
+        },
+        projects: (await getProjects(team.slug)).map((x) => ({
+          id: x.id,
+          name: x.name,
+          image: x.image,
+        })),
+      })),
+    );
+
+    return teamsAndProjects;
+  } catch {
+    return undefined;
+  }
+}
+
+export async function generateContractLayoutMetadata(params: {
+  contractAddress: string;
+  chainIdOrSlug: string;
+}): Promise<Metadata> {
+  try {
+    const info = await getContractPageParamsInfo({
+      contractAddress: params.contractAddress,
+      chainIdOrSlug: params.chainIdOrSlug,
+      teamId: undefined,
+    });
+
+    if (!info) {
+      throw new Error();
+    }
+
+    const [functionSelectors, contractMetadata] = await Promise.all([
+      resolveFunctionSelectors(info.serverContract),
+      getContractMetadata({
+        contract: info.serverContract,
+      }),
+    ]);
+
+    if (contractMetadata.name === null) {
+      throw new Error();
+    }
+
+    const { isERC1155, isERC20, isERC721 } = supportedERCs(functionSelectors);
+
+    const contractDisplayName = `${contractMetadata.name}${
+      contractMetadata.symbol ? ` (${contractMetadata.symbol})` : ""
+    }`;
+
+    const cleanedChainName = info?.chainMetadata?.name
+      .replace("Mainnet", "")
+      .replace("Testnet", "")
+      .trim();
+
+    const title = `${contractDisplayName} | ${cleanedChainName} Smart Contract`;
+    let description = "";
+
+    if (isERC721 || isERC1155) {
+      description = `View tokens, source code, transactions, balances, and analytics for the ${contractDisplayName} smart contract on ${cleanedChainName}.`;
+    } else if (isERC20) {
+      description = `View ERC20 tokens, transactions, balances, source code, and analytics for the ${contractDisplayName} smart contract on ${cleanedChainName}`;
+    } else {
+      description = `View tokens, transactions, balances, source code, and analytics for the ${contractDisplayName} smart contract  on ${cleanedChainName}`;
+    }
+
+    return {
+      title: title,
+      description: description,
+    };
+  } catch {
+    return {
+      title: `${shortenIfAddress(params.contractAddress)} | ${params.chainIdOrSlug}`,
+      description: `View tokens, transactions, balances, source code, and analytics for the smart contract  on Chain ID ${params.chainIdOrSlug}`,
+    };
+  }
+}
diff --git a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/shared-overview-page.tsx b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/shared-overview-page.tsx
new file mode 100644
index 00000000000..3d3faf5e75a
--- /dev/null
+++ b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/shared-overview-page.tsx
@@ -0,0 +1,61 @@
+import { notFound } from "next/navigation";
+import { ErrorBoundary } from "react-error-boundary";
+import type { ProjectMeta } from "../../../../team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/types";
+import { getContractPageParamsInfo } from "./_utils/getContractFromParams";
+import { getContractPageMetadata } from "./_utils/getContractPageMetadata";
+import { ContractOverviewPage } from "./overview/ContractOverviewPage";
+import { PublishedBy } from "./overview/components/published-by.server";
+import { ContractOverviewPageClient } from "./overview/contract-overview-page.client";
+
+export async function SharedContractOverviewPage(props: {
+  contractAddress: string;
+  chainIdOrSlug: string;
+  projectMeta: ProjectMeta | undefined;
+}) {
+  const info = await getContractPageParamsInfo({
+    contractAddress: props.contractAddress,
+    chainIdOrSlug: props.chainIdOrSlug,
+    teamId: props.projectMeta?.teamId,
+  });
+
+  if (!info) {
+    notFound();
+  }
+
+  const { clientContract, serverContract, chainMetadata, isLocalhostChain } =
+    info;
+  if (isLocalhostChain) {
+    return (
+      <ContractOverviewPageClient
+        projectMeta={props.projectMeta}
+        chainMetadata={chainMetadata}
+        contract={clientContract}
+      />
+    );
+  }
+
+  const contractPageMetadata = await getContractPageMetadata(serverContract);
+
+  return (
+    <ContractOverviewPage
+      contract={clientContract}
+      projectMeta={props.projectMeta}
+      hasDirectListings={contractPageMetadata.isDirectListingSupported}
+      hasEnglishAuctions={contractPageMetadata.isEnglishAuctionSupported}
+      isErc1155={contractPageMetadata.supportedERCs.isERC1155}
+      isErc20={contractPageMetadata.supportedERCs.isERC20}
+      isErc721={contractPageMetadata.supportedERCs.isERC721}
+      isPermissionsEnumerable={
+        contractPageMetadata.isPermissionsEnumerableSupported
+      }
+      chainSlug={chainMetadata.slug}
+      isAnalyticsSupported={contractPageMetadata.isInsightSupported}
+      functionSelectors={contractPageMetadata.functionSelectors}
+      publishedBy={
+        <ErrorBoundary fallback={null}>
+          <PublishedBy contract={serverContract} />
+        </ErrorBoundary>
+      }
+    />
+  );
+}
diff --git a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/sources/page.tsx b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/sources/page.tsx
index 7f8049f3944..906d0357729 100644
--- a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/sources/page.tsx
+++ b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/sources/page.tsx
@@ -1,19 +1,15 @@
-import { notFound } from "next/navigation";
-import { getContractPageParamsInfo } from "../_utils/getContractFromParams";
-import { ContractSourcesPage } from "./ContractSourcesPage";
+import type { PublicContractPageParams } from "../types";
+import { SharedContractSourcesPage } from "./shared-sources-page";
 
 export default async function Page(props: {
-  params: Promise<{
-    contractAddress: string;
-    chain_id: string;
-  }>;
+  params: Promise<PublicContractPageParams>;
 }) {
   const params = await props.params;
-  const info = await getContractPageParamsInfo(params);
-
-  if (!info) {
-    notFound();
-  }
-
-  return <ContractSourcesPage contract={info.clientContract} />;
+  return (
+    <SharedContractSourcesPage
+      contractAddress={params.contractAddress}
+      chainIdOrSlug={params.chain_id}
+      projectMeta={undefined}
+    />
+  );
 }
diff --git a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/sources/shared-sources-page.tsx b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/sources/shared-sources-page.tsx
new file mode 100644
index 00000000000..07f30aca14a
--- /dev/null
+++ b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/sources/shared-sources-page.tsx
@@ -0,0 +1,22 @@
+import { notFound } from "next/navigation";
+import type { ProjectMeta } from "../../../../../team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/types";
+import { getContractPageParamsInfo } from "../_utils/getContractFromParams";
+import { ContractSourcesPage } from "./ContractSourcesPage";
+
+export async function SharedContractSourcesPage(props: {
+  contractAddress: string;
+  chainIdOrSlug: string;
+  projectMeta: ProjectMeta | undefined;
+}) {
+  const info = await getContractPageParamsInfo({
+    contractAddress: props.contractAddress,
+    chainIdOrSlug: props.chainIdOrSlug,
+    teamId: props.projectMeta?.teamId,
+  });
+
+  if (!info) {
+    notFound();
+  }
+
+  return <ContractSourcesPage contract={info.clientContract} />;
+}
diff --git a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/split/ContractSplitPage.client.tsx b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/split/ContractSplitPage.client.tsx
index 52ad418fbea..cd5d2d7a2f8 100644
--- a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/split/ContractSplitPage.client.tsx
+++ b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/split/ContractSplitPage.client.tsx
@@ -1,6 +1,7 @@
 "use client";
 
 import type { ThirdwebContract } from "thirdweb";
+import type { ProjectMeta } from "../../../../../team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/types";
 import { ErrorPage, LoadingPage } from "../_components/page-skeletons";
 import { RedirectToContractOverview } from "../_components/redirect-contract-overview.client";
 import { useContractPageMetadata } from "../_hooks/useContractPageMetadata";
@@ -9,6 +10,7 @@ import { ContractSplitPage } from "./ContractSplitPage";
 export function ContractSplitPageClient(props: {
   contract: ThirdwebContract;
   isLoggedIn: boolean;
+  projectMeta: ProjectMeta | undefined;
 }) {
   const metadataQuery = useContractPageMetadata(props.contract);
 
@@ -21,7 +23,12 @@ export function ContractSplitPageClient(props: {
   }
 
   if (!metadataQuery.data.isSplitSupported) {
-    return <RedirectToContractOverview contract={props.contract} />;
+    return (
+      <RedirectToContractOverview
+        contract={props.contract}
+        projectMeta={props.projectMeta}
+      />
+    );
   }
 
   return (
diff --git a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/split/page.tsx b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/split/page.tsx
index 8eb3c26e0f2..7631d86e62d 100644
--- a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/split/page.tsx
+++ b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/split/page.tsx
@@ -1,42 +1,18 @@
-import { notFound, redirect } from "next/navigation";
 import { getRawAccount } from "../../../../../account/settings/getAccount";
-import { getContractPageParamsInfo } from "../_utils/getContractFromParams";
-import { getContractPageMetadata } from "../_utils/getContractPageMetadata";
-import { ContractSplitPage } from "./ContractSplitPage";
-import { ContractSplitPageClient } from "./ContractSplitPage.client";
+import type { PublicContractPageParams } from "../types";
+import { SharedContractSplitPage } from "./shared-split-page";
 
 export default async function Page(props: {
-  params: Promise<{
-    contractAddress: string;
-    chain_id: string;
-  }>;
+  params: Promise<PublicContractPageParams>;
 }) {
-  const params = await props.params;
-  const info = await getContractPageParamsInfo(params);
-
-  if (!info) {
-    notFound();
-  }
-  const { clientContract, serverContract, isLocalhostChain } = info;
-
-  const twAccount = await getRawAccount();
-
-  if (isLocalhostChain) {
-    return (
-      <ContractSplitPageClient
-        contract={clientContract}
-        isLoggedIn={!!twAccount}
-      />
-    );
-  }
-
-  const { isSplitSupported } = await getContractPageMetadata(serverContract);
-
-  if (!isSplitSupported) {
-    redirect(`/${params.chain_id}/${params.contractAddress}`);
-  }
+  const [params, account] = await Promise.all([props.params, getRawAccount()]);
 
   return (
-    <ContractSplitPage contract={clientContract} isLoggedIn={!!twAccount} />
+    <SharedContractSplitPage
+      contractAddress={params.contractAddress}
+      chainIdOrSlug={params.chain_id}
+      projectMeta={undefined}
+      isLoggedIn={!!account}
+    />
   );
 }
diff --git a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/split/shared-split-page.tsx b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/split/shared-split-page.tsx
new file mode 100644
index 00000000000..9a00561e6c7
--- /dev/null
+++ b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/split/shared-split-page.tsx
@@ -0,0 +1,52 @@
+import { notFound } from "next/navigation";
+import type { ProjectMeta } from "../../../../../team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/types";
+import { redirectToContractLandingPage } from "../../../../../team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/utils";
+import { getContractPageParamsInfo } from "../_utils/getContractFromParams";
+import { getContractPageMetadata } from "../_utils/getContractPageMetadata";
+import { ContractSplitPage } from "./ContractSplitPage";
+import { ContractSplitPageClient } from "./ContractSplitPage.client";
+
+export async function SharedContractSplitPage(props: {
+  contractAddress: string;
+  chainIdOrSlug: string;
+  projectMeta: ProjectMeta | undefined;
+  isLoggedIn: boolean;
+}) {
+  const info = await getContractPageParamsInfo({
+    contractAddress: props.contractAddress,
+    chainIdOrSlug: props.chainIdOrSlug,
+    teamId: props.projectMeta?.teamId,
+  });
+
+  if (!info) {
+    notFound();
+  }
+  const { clientContract, serverContract, isLocalhostChain } = info;
+
+  if (isLocalhostChain) {
+    return (
+      <ContractSplitPageClient
+        projectMeta={props.projectMeta}
+        contract={clientContract}
+        isLoggedIn={props.isLoggedIn}
+      />
+    );
+  }
+
+  const { isSplitSupported } = await getContractPageMetadata(serverContract);
+
+  if (!isSplitSupported) {
+    redirectToContractLandingPage({
+      chainIdOrSlug: props.chainIdOrSlug,
+      contractAddress: props.contractAddress,
+      projectMeta: props.projectMeta,
+    });
+  }
+
+  return (
+    <ContractSplitPage
+      contract={clientContract}
+      isLoggedIn={props.isLoggedIn}
+    />
+  );
+}
diff --git a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/tokens/page.tsx b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/tokens/page.tsx
index 69d69a3a303..721da7ea7ba 100644
--- a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/tokens/page.tsx
+++ b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/tokens/page.tsx
@@ -1,48 +1,17 @@
-import { notFound } from "next/navigation";
-import {
-  isClaimToSupported,
-  isMintToSupported,
-} from "thirdweb/extensions/erc20";
 import { getRawAccount } from "../../../../../account/settings/getAccount";
-import { getContractPageParamsInfo } from "../_utils/getContractFromParams";
-import { getContractPageMetadata } from "../_utils/getContractPageMetadata";
-import { ContractTokensPage } from "./ContractTokensPage";
-import { ContractTokensPageClient } from "./ContractTokensPage.client";
+import type { PublicContractPageParams } from "../types";
+import { SharedContractTokensPage } from "./shared-page";
 
 export default async function Page(props: {
-  params: Promise<{
-    contractAddress: string;
-    chain_id: string;
-  }>;
+  params: Promise<PublicContractPageParams>;
 }) {
-  const params = await props.params;
-  const info = await getContractPageParamsInfo(params);
-
-  if (!info) {
-    notFound();
-  }
-
-  const account = await getRawAccount();
-
-  if (info.isLocalhostChain) {
-    return (
-      <ContractTokensPageClient
-        contract={info.clientContract}
-        isLoggedIn={!!account}
-      />
-    );
-  }
-
-  const { supportedERCs, functionSelectors } = await getContractPageMetadata(
-    info.serverContract,
-  );
+  const [params, account] = await Promise.all([props.params, getRawAccount()]);
 
   return (
-    <ContractTokensPage
-      contract={info.clientContract}
-      isERC20={supportedERCs.isERC20}
-      isMintToSupported={isMintToSupported(functionSelectors)}
-      isClaimToSupported={isClaimToSupported(functionSelectors)}
+    <SharedContractTokensPage
+      contractAddress={params.contractAddress}
+      chainIdOrSlug={params.chain_id}
+      projectMeta={undefined}
       isLoggedIn={!!account}
     />
   );
diff --git a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/tokens/shared-page.tsx b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/tokens/shared-page.tsx
new file mode 100644
index 00000000000..cf5e0f398b8
--- /dev/null
+++ b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/tokens/shared-page.tsx
@@ -0,0 +1,50 @@
+import { notFound } from "next/navigation";
+import {
+  isClaimToSupported,
+  isMintToSupported,
+} from "thirdweb/extensions/erc20";
+import type { ProjectMeta } from "../../../../../team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/types";
+import { getContractPageParamsInfo } from "../_utils/getContractFromParams";
+import { getContractPageMetadata } from "../_utils/getContractPageMetadata";
+import { ContractTokensPage } from "./ContractTokensPage";
+import { ContractTokensPageClient } from "./ContractTokensPage.client";
+
+export async function SharedContractTokensPage(props: {
+  contractAddress: string;
+  chainIdOrSlug: string;
+  projectMeta: ProjectMeta | undefined;
+  isLoggedIn: boolean;
+}) {
+  const info = await getContractPageParamsInfo({
+    contractAddress: props.contractAddress,
+    chainIdOrSlug: props.chainIdOrSlug,
+    teamId: props.projectMeta?.teamId,
+  });
+
+  if (!info) {
+    notFound();
+  }
+
+  if (info.isLocalhostChain) {
+    return (
+      <ContractTokensPageClient
+        contract={info.clientContract}
+        isLoggedIn={props.isLoggedIn}
+      />
+    );
+  }
+
+  const { supportedERCs, functionSelectors } = await getContractPageMetadata(
+    info.serverContract,
+  );
+
+  return (
+    <ContractTokensPage
+      contract={info.clientContract}
+      isERC20={supportedERCs.isERC20}
+      isMintToSupported={isMintToSupported(functionSelectors)}
+      isClaimToSupported={isClaimToSupported(functionSelectors)}
+      isLoggedIn={props.isLoggedIn}
+    />
+  );
+}
diff --git a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/types.ts b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/types.ts
new file mode 100644
index 00000000000..23e5104f0b5
--- /dev/null
+++ b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/types.ts
@@ -0,0 +1,4 @@
+export type PublicContractPageParams = {
+  contractAddress: string;
+  chain_id: string;
+};
diff --git a/apps/dashboard/src/app/(app)/account/contracts/_components/DeployedContractsPage.tsx b/apps/dashboard/src/app/(app)/account/contracts/_components/DeployedContractsPage.tsx
index cc3f9dc0c32..7aa25eafee8 100644
--- a/apps/dashboard/src/app/(app)/account/contracts/_components/DeployedContractsPage.tsx
+++ b/apps/dashboard/src/app/(app)/account/contracts/_components/DeployedContractsPage.tsx
@@ -12,6 +12,8 @@ export function DeployedContractsPage(props: {
   projectId: string;
   authToken: string;
   client: ThirdwebClient;
+  teamSlug: string;
+  projectSlug: string;
 }) {
   return (
     <div className="flex grow flex-col">
@@ -39,6 +41,8 @@ async function DeployedContractsPageAsync(props: {
   projectId: string;
   authToken: string;
   client: ThirdwebClient;
+  teamSlug: string;
+  projectSlug: string;
 }) {
   const deployedContracts = await getSortedDeployedContracts({
     teamId: props.teamId,
@@ -56,6 +60,8 @@ async function DeployedContractsPageAsync(props: {
         teamId={props.teamId}
         projectId={props.projectId}
         client={props.client}
+        teamSlug={props.teamSlug}
+        projectSlug={props.projectSlug}
       />
     </ClientOnly>
   );
diff --git a/apps/dashboard/src/app/(app)/api/lib/getAuthToken.ts b/apps/dashboard/src/app/(app)/api/lib/getAuthToken.ts
index 307659c895b..c28dc8e5695 100644
--- a/apps/dashboard/src/app/(app)/api/lib/getAuthToken.ts
+++ b/apps/dashboard/src/app/(app)/api/lib/getAuthToken.ts
@@ -29,8 +29,18 @@ export async function getAuthTokenWalletAddress() {
   return null;
 }
 
-export async function getUserThirdwebClient() {
+export async function getUserThirdwebClient(params: {
+  teamId: string | undefined;
+}) {
   const authToken = await getAuthToken();
+
+  if (params.teamId) {
+    return getClientThirdwebClient({
+      jwt: authToken,
+      teamId: params.teamId,
+    });
+  }
+
   const cookiesManager = await cookies();
   const lastUsedTeamId = cookiesManager.get(LAST_USED_TEAM_ID)?.value;
 
diff --git a/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/(sidebar)/assets/page.tsx b/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/(sidebar)/assets/page.tsx
index a013573c20d..536c199d31d 100644
--- a/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/(sidebar)/assets/page.tsx
+++ b/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/(sidebar)/assets/page.tsx
@@ -65,6 +65,8 @@ export default async function Page(props: {
             projectId={project.id}
             authToken={authToken}
             client={client}
+            teamSlug={params.team_slug}
+            projectSlug={params.project_slug}
           />
         </Suspense>
       </div>
@@ -92,6 +94,8 @@ async function AssetsPageAsync(props: {
   projectId: string;
   authToken: string;
   client: ThirdwebClient;
+  teamSlug: string;
+  projectSlug: string;
 }) {
   const deployedContracts = await getSortedDeployedContracts({
     teamId: props.teamId,
@@ -109,6 +113,8 @@ async function AssetsPageAsync(props: {
         teamId={props.teamId}
         projectId={props.projectId}
         client={props.client}
+        teamSlug={props.teamSlug}
+        projectSlug={props.projectSlug}
       />
     </ClientOnly>
   );
diff --git a/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/(sidebar)/connect/account-abstraction/factories/page.tsx b/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/(sidebar)/connect/account-abstraction/factories/page.tsx
index 040fb0bd996..a6cd1fca3a8 100644
--- a/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/(sidebar)/connect/account-abstraction/factories/page.tsx
+++ b/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/(sidebar)/connect/account-abstraction/factories/page.tsx
@@ -50,6 +50,8 @@ export default async function Page(props: {
       <YourFactoriesSection
         teamId={team.id}
         projectId={project.id}
+        teamSlug={team.slug}
+        projectSlug={project.slug}
         authToken={authToken}
       />
     </div>
@@ -60,6 +62,8 @@ function YourFactoriesSection(props: {
   teamId: string;
   projectId: string;
   authToken: string;
+  teamSlug: string;
+  projectSlug: string;
 }) {
   return (
     <div className="flex flex-col gap-4">
@@ -98,6 +102,8 @@ function YourFactoriesSection(props: {
           teamId={props.teamId}
           projectId={props.projectId}
           authToken={props.authToken}
+          teamSlug={props.teamSlug}
+          projectSlug={props.projectSlug}
         />
       </Suspense>
     </div>
@@ -108,6 +114,8 @@ async function AsyncYourFactories(props: {
   teamId: string;
   projectId: string;
   authToken: string;
+  teamSlug: string;
+  projectSlug: string;
 }) {
   const deployedContracts = await getSortedDeployedContracts({
     teamId: props.teamId,
@@ -140,6 +148,8 @@ async function AsyncYourFactories(props: {
       <FactoryContracts
         contracts={factories}
         isPending={false}
+        teamSlug={props.teamSlug}
+        projectSlug={props.projectSlug}
         isFetched={true}
       />
     </ClientOnly>
diff --git a/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/(sidebar)/contracts/page.tsx b/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/(sidebar)/contracts/page.tsx
index 32405e550da..074cfa9495c 100644
--- a/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/(sidebar)/contracts/page.tsx
+++ b/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/(sidebar)/contracts/page.tsx
@@ -42,6 +42,8 @@ export default async function Page(props: {
         projectId={project.id}
         authToken={authToken}
         client={client}
+        teamSlug={params.team_slug}
+        projectSlug={params.project_slug}
       />
       <div className="h-20" />
       <ContractsFooter />
diff --git a/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/(marketplace)/direct-listings/page.tsx b/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/(marketplace)/direct-listings/page.tsx
new file mode 100644
index 00000000000..dd33fe38824
--- /dev/null
+++ b/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/(marketplace)/direct-listings/page.tsx
@@ -0,0 +1,28 @@
+import { notFound } from "next/navigation";
+import { SharedDirectListingsPage } from "../../../../../../../../(dashboard)/(chain)/[chain_id]/[contractAddress]/(marketplace)/direct-listings/shared-direct-listings-page";
+import { getProject } from "../../../../../../../../../../@/api/projects";
+import type { ProjectContractPageParams } from "../../types";
+
+export default async function Page(props: {
+  params: Promise<ProjectContractPageParams>;
+}) {
+  const params = await props.params;
+  const project = await getProject(params.team_slug, params.project_slug);
+
+  if (!project) {
+    notFound();
+  }
+
+  return (
+    <SharedDirectListingsPage
+      contractAddress={params.contractAddress}
+      chainIdOrSlug={params.chainIdOrSlug}
+      projectMeta={{
+        teamId: project.teamId,
+        projectSlug: params.project_slug,
+        teamSlug: params.team_slug,
+      }}
+      isLoggedIn={true}
+    />
+  );
+}
diff --git a/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/(marketplace)/english-auctions/page.tsx b/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/(marketplace)/english-auctions/page.tsx
new file mode 100644
index 00000000000..c53a1c377f1
--- /dev/null
+++ b/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/(marketplace)/english-auctions/page.tsx
@@ -0,0 +1,28 @@
+import { notFound } from "next/navigation";
+import { SharedEnglishAuctionsPage } from "../../../../../../../../(dashboard)/(chain)/[chain_id]/[contractAddress]/(marketplace)/english-auctions/shared-english-auctions-page";
+import { getProject } from "../../../../../../../../../../@/api/projects";
+import type { ProjectContractPageParams } from "../../types";
+
+export default async function Page(props: {
+  params: Promise<ProjectContractPageParams>;
+}) {
+  const params = await props.params;
+  const project = await getProject(params.team_slug, params.project_slug);
+
+  if (!project) {
+    notFound();
+  }
+
+  return (
+    <SharedEnglishAuctionsPage
+      contractAddress={params.contractAddress}
+      chainIdOrSlug={params.chainIdOrSlug}
+      projectMeta={{
+        teamId: project.teamId,
+        projectSlug: params.project_slug,
+        teamSlug: params.team_slug,
+      }}
+      isLoggedIn={true}
+    />
+  );
+}
diff --git a/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/account-permissions/page.tsx b/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/account-permissions/page.tsx
new file mode 100644
index 00000000000..f9becec8ecb
--- /dev/null
+++ b/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/account-permissions/page.tsx
@@ -0,0 +1,27 @@
+import { getProject } from "@/api/projects";
+import { notFound } from "next/navigation";
+import { SharedContractAccountPermissionsPage } from "../../../../../../../(dashboard)/(chain)/[chain_id]/[contractAddress]/account-permissions/shared-account-permissions-page";
+import type { ProjectContractPageParams } from "../types";
+
+export default async function Page(props: {
+  params: Promise<ProjectContractPageParams>;
+}) {
+  const params = await props.params;
+  const project = await getProject(params.team_slug, params.project_slug);
+
+  if (!project) {
+    notFound();
+  }
+
+  return (
+    <SharedContractAccountPermissionsPage
+      contractAddress={params.contractAddress}
+      chainIdOrSlug={params.chainIdOrSlug}
+      projectMeta={{
+        teamId: project.teamId,
+        projectSlug: project.slug,
+        teamSlug: params.team_slug,
+      }}
+    />
+  );
+}
diff --git a/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/account/page.tsx b/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/account/page.tsx
new file mode 100644
index 00000000000..4b7a14eae4a
--- /dev/null
+++ b/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/account/page.tsx
@@ -0,0 +1,28 @@
+import { notFound } from "next/navigation";
+import { SharedContractAccountPage } from "../../../../../../../(dashboard)/(chain)/[chain_id]/[contractAddress]/account/shared-account-page";
+import { getProject } from "../../../../../../../../../@/api/projects";
+import type { ProjectContractPageParams } from "../types";
+
+export default async function Page(props: {
+  params: Promise<ProjectContractPageParams>;
+}) {
+  const params = await props.params;
+  const project = await getProject(params.team_slug, params.project_slug);
+
+  if (!project) {
+    notFound();
+  }
+
+  return (
+    <SharedContractAccountPage
+      contractAddress={params.contractAddress}
+      chainIdOrSlug={params.chainIdOrSlug}
+      projectMeta={{
+        teamId: project.teamId,
+        projectSlug: project.slug,
+        teamSlug: params.team_slug,
+      }}
+      isLoggedIn={true}
+    />
+  );
+}
diff --git a/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/accounts/page.tsx b/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/accounts/page.tsx
new file mode 100644
index 00000000000..c34234ead38
--- /dev/null
+++ b/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/accounts/page.tsx
@@ -0,0 +1,28 @@
+import { getProject } from "@/api/projects";
+import { notFound } from "next/navigation";
+import { SharedAccountsPage } from "../../../../../../../(dashboard)/(chain)/[chain_id]/[contractAddress]/accounts/shared-accounts-page";
+import type { ProjectContractPageParams } from "../types";
+
+export default async function Page(props: {
+  params: Promise<ProjectContractPageParams>;
+}) {
+  const params = await props.params;
+  const project = await getProject(params.team_slug, params.project_slug);
+
+  if (!project) {
+    notFound();
+  }
+
+  return (
+    <SharedAccountsPage
+      contractAddress={params.contractAddress}
+      chainIdOrSlug={params.chainIdOrSlug}
+      projectMeta={{
+        teamId: project.teamId,
+        projectSlug: project.slug,
+        teamSlug: params.team_slug,
+      }}
+      isLoggedIn={true}
+    />
+  );
+}
diff --git a/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/analytics/page.tsx b/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/analytics/page.tsx
new file mode 100644
index 00000000000..b4b597e8186
--- /dev/null
+++ b/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/analytics/page.tsx
@@ -0,0 +1,27 @@
+import { getProject } from "@/api/projects";
+import { notFound } from "next/navigation";
+import { SharedAnalyticsPage } from "../../../../../../../(dashboard)/(chain)/[chain_id]/[contractAddress]/analytics/shared-analytics-page";
+import type { ProjectContractPageParams } from "../types";
+
+export default async function Page(props: {
+  params: Promise<ProjectContractPageParams>;
+}) {
+  const params = await props.params;
+  const project = await getProject(params.team_slug, params.project_slug);
+
+  if (!project) {
+    notFound();
+  }
+
+  return (
+    <SharedAnalyticsPage
+      contractAddress={params.contractAddress}
+      chainIdOrSlug={params.chainIdOrSlug}
+      projectMeta={{
+        projectSlug: project.slug,
+        teamId: project.teamId,
+        teamSlug: params.team_slug,
+      }}
+    />
+  );
+}
diff --git a/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/claim-conditions/page.tsx b/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/claim-conditions/page.tsx
new file mode 100644
index 00000000000..e2205c298c8
--- /dev/null
+++ b/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/claim-conditions/page.tsx
@@ -0,0 +1,28 @@
+import { getProject } from "@/api/projects";
+import { notFound } from "next/navigation";
+import { SharedClaimConditionsPage } from "../../../../../../../(dashboard)/(chain)/[chain_id]/[contractAddress]/claim-conditions/shared-claim-conditions-page";
+import type { ProjectContractPageParams } from "../types";
+
+export default async function Page(props: {
+  params: Promise<ProjectContractPageParams>;
+}) {
+  const params = await props.params;
+  const project = await getProject(params.team_slug, params.project_slug);
+
+  if (!project) {
+    notFound();
+  }
+
+  return (
+    <SharedClaimConditionsPage
+      contractAddress={params.contractAddress}
+      chainIdOrSlug={params.chainIdOrSlug}
+      projectMeta={{
+        projectSlug: project.slug,
+        teamId: project.teamId,
+        teamSlug: params.team_slug,
+      }}
+      isLoggedIn={true}
+    />
+  );
+}
diff --git a/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/code/page.tsx b/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/code/page.tsx
new file mode 100644
index 00000000000..395456737df
--- /dev/null
+++ b/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/code/page.tsx
@@ -0,0 +1,27 @@
+import { getProject } from "@/api/projects";
+import { notFound } from "next/navigation";
+import { SharedCodePage } from "../../../../../../../(dashboard)/(chain)/[chain_id]/[contractAddress]/code/shared-code-page";
+import type { ProjectContractPageParams } from "../types";
+
+export default async function Page(props: {
+  params: Promise<ProjectContractPageParams>;
+}) {
+  const params = await props.params;
+  const project = await getProject(params.team_slug, params.project_slug);
+
+  if (!project) {
+    notFound();
+  }
+
+  return (
+    <SharedCodePage
+      contractAddress={params.contractAddress}
+      chainIdOrSlug={params.chainIdOrSlug}
+      projectMeta={{
+        projectSlug: project.slug,
+        teamId: project.teamId,
+        teamSlug: params.team_slug,
+      }}
+    />
+  );
+}
diff --git a/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/cross-chain/page.tsx b/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/cross-chain/page.tsx
new file mode 100644
index 00000000000..0212eff4a42
--- /dev/null
+++ b/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/cross-chain/page.tsx
@@ -0,0 +1,27 @@
+import { getProject } from "@/api/projects";
+import { notFound } from "next/navigation";
+import { SharedCrossChainPage } from "../../../../../../../(dashboard)/(chain)/[chain_id]/[contractAddress]/cross-chain/shared-cross-chain-page";
+import type { ProjectContractPageParams } from "../types";
+
+export default async function Page(props: {
+  params: Promise<ProjectContractPageParams>;
+}) {
+  const params = await props.params;
+  const project = await getProject(params.team_slug, params.project_slug);
+
+  if (!project) {
+    notFound();
+  }
+
+  return (
+    <SharedCrossChainPage
+      contractAddress={params.contractAddress}
+      chainIdOrSlug={params.chainIdOrSlug}
+      projectMeta={{
+        projectSlug: project.slug,
+        teamId: project.teamId,
+        teamSlug: params.team_slug,
+      }}
+    />
+  );
+}
diff --git a/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/events/page.tsx b/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/events/page.tsx
new file mode 100644
index 00000000000..067a0590021
--- /dev/null
+++ b/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/events/page.tsx
@@ -0,0 +1,27 @@
+import { getProject } from "@/api/projects";
+import { notFound } from "next/navigation";
+import { SharedEventsPage } from "../../../../../../../(dashboard)/(chain)/[chain_id]/[contractAddress]/events/shared-events-page";
+import type { ProjectContractPageParams } from "../types";
+
+export default async function Page(props: {
+  params: Promise<ProjectContractPageParams>;
+}) {
+  const params = await props.params;
+  const project = await getProject(params.team_slug, params.project_slug);
+
+  if (!project) {
+    notFound();
+  }
+
+  return (
+    <SharedEventsPage
+      contractAddress={params.contractAddress}
+      chainIdOrSlug={params.chainIdOrSlug}
+      projectMeta={{
+        projectSlug: project.slug,
+        teamId: project.teamId,
+        teamSlug: params.team_slug,
+      }}
+    />
+  );
+}
diff --git a/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/explorer/page.tsx b/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/explorer/page.tsx
new file mode 100644
index 00000000000..ac7f11cb67d
--- /dev/null
+++ b/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/explorer/page.tsx
@@ -0,0 +1,28 @@
+import { getProject } from "@/api/projects";
+import { notFound } from "next/navigation";
+import { SharedExplorerPage } from "../../../../../../../(dashboard)/(chain)/[chain_id]/[contractAddress]/explorer/shared-explorer-page";
+import type { ProjectContractPageParams } from "../types";
+
+export default async function Page(props: {
+  params: Promise<ProjectContractPageParams>;
+}) {
+  const params = await props.params;
+  const project = await getProject(params.team_slug, params.project_slug);
+
+  if (!project) {
+    notFound();
+  }
+
+  return (
+    <SharedExplorerPage
+      contractAddress={params.contractAddress}
+      isLoggedIn={true}
+      chainIdOrSlug={params.chainIdOrSlug}
+      projectMeta={{
+        projectSlug: project.slug,
+        teamId: project.teamId,
+        teamSlug: params.team_slug,
+      }}
+    />
+  );
+}
diff --git a/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/layout.tsx b/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/layout.tsx
new file mode 100644
index 00000000000..cb7a14f79e9
--- /dev/null
+++ b/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/layout.tsx
@@ -0,0 +1,88 @@
+import { getProjects } from "@/api/projects";
+import { getTeams } from "@/api/team";
+import { AppFooter } from "@/components/blocks/app-footer";
+import { getClientThirdwebClient } from "@/constants/thirdweb-client.client";
+import { redirect } from "next/navigation";
+import { SaveLastUsedProject } from "../../../(sidebar)/components/SaveLastUsedProject";
+import { SharedContractLayout } from "../../../../../../(dashboard)/(chain)/[chain_id]/[contractAddress]/shared-layout";
+import { getValidAccount } from "../../../../../../account/settings/getAccount";
+import {
+  getAuthToken,
+  getAuthTokenWalletAddress,
+} from "../../../../../../api/lib/getAuthToken";
+import { TeamHeaderLoggedIn } from "../../../../../components/TeamHeader/team-header-logged-in.client";
+import type { ProjectContractPageParams } from "./types";
+
+export default async function ContractLayout(props: {
+  children: React.ReactNode;
+  params: Promise<ProjectContractPageParams>;
+}) {
+  const params = await props.params;
+  const [accountAddress, teams, account, authToken] = await Promise.all([
+    getAuthTokenWalletAddress(),
+    getTeams(),
+    getValidAccount(`/team/${params.team_slug}/${params.project_slug}`),
+    getAuthToken(),
+  ]);
+
+  if (!teams || !accountAddress || !authToken) {
+    redirect("/login");
+  }
+
+  const team = teams.find(
+    (t) => t.slug === decodeURIComponent(params.team_slug),
+  );
+
+  if (!team) {
+    redirect("/team");
+  }
+
+  const teamsAndProjects = await Promise.all(
+    teams.map(async (team) => ({
+      team,
+      projects: await getProjects(team.slug),
+    })),
+  );
+
+  const project = teamsAndProjects
+    .find((t) => t.team.slug === decodeURIComponent(params.team_slug))
+    ?.projects.find((p) => p.slug === params.project_slug);
+
+  if (!project) {
+    // not a valid project, redirect back to team page
+    redirect(`/team/${params.team_slug}`);
+  }
+
+  const client = getClientThirdwebClient({
+    jwt: authToken,
+    teamId: team.id,
+  });
+
+  return (
+    <div className="flex min-h-dvh flex-col bg-background">
+      <div className="border-border border-b bg-card">
+        <TeamHeaderLoggedIn
+          currentProject={project}
+          currentTeam={team}
+          teamsAndProjects={teamsAndProjects}
+          account={account}
+          accountAddress={accountAddress}
+          client={client}
+        />
+      </div>
+      <SharedContractLayout
+        contractAddress={params.contractAddress}
+        chainIdOrSlug={params.chainIdOrSlug}
+        projectMeta={{
+          teamId: team.id,
+          projectSlug: params.project_slug,
+          teamSlug: params.team_slug,
+        }}
+      >
+        {props.children}
+      </SharedContractLayout>
+      <SaveLastUsedProject projectId={project.id} teamId={team.id} />
+      <AppFooter />
+    </div>
+  );
+}
diff --git a/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/modules/page.tsx b/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/modules/page.tsx
new file mode 100644
index 00000000000..67de4909d5a
--- /dev/null
+++ b/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/modules/page.tsx
@@ -0,0 +1,28 @@
+import { getProject } from "@/api/projects";
+import { notFound } from "next/navigation";
+import { SharedModulesPage } from "../../../../../../../(dashboard)/(chain)/[chain_id]/[contractAddress]/modules/shared-modules-page";
+import type { ProjectContractPageParams } from "../types";
+
+export default async function Page(props: {
+  params: Promise<ProjectContractPageParams>;
+}) {
+  const params = await props.params;
+  const project = await getProject(params.team_slug, params.project_slug);
+
+  if (!project) {
+    notFound();
+  }
+
+  return (
+    <SharedModulesPage
+      contractAddress={params.contractAddress}
+      isLoggedIn={true}
+      chainIdOrSlug={params.chainIdOrSlug}
+      projectMeta={{
+        projectSlug: project.slug,
+        teamId: project.teamId,
+        teamSlug: params.team_slug,
+      }}
+    />
+  );
+}
diff --git a/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/nfts/[tokenId]/page.tsx b/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/nfts/[tokenId]/page.tsx
new file mode 100644
index 00000000000..d42f31d0fb7
--- /dev/null
+++ b/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/nfts/[tokenId]/page.tsx
@@ -0,0 +1,33 @@
+import { getProject } from "@/api/projects";
+import { notFound } from "next/navigation";
+import { SharedNFTTokenPage } from "../../../../../../../../(dashboard)/(chain)/[chain_id]/[contractAddress]/nfts/[tokenId]/shared-nfts-token-page";
+import type { ProjectContractPageParams } from "../../types";
+
+export default async function Page(props: {
+  params: Promise<
+    ProjectContractPageParams & {
+      tokenId: string;
+    }
+  >;
+}) {
+  const params = await props.params;
+  const project = await getProject(params.team_slug, params.project_slug);
+
+  if (!project) {
+    notFound();
+  }
+
+  return (
+    <SharedNFTTokenPage
+      contractAddress={params.contractAddress}
+      chainIdOrSlug={params.chainIdOrSlug}
+      isLoggedIn={true}
+      tokenId={params.tokenId}
+      projectMeta={{
+        projectSlug: project.slug,
+        teamId: project.teamId,
+        teamSlug: params.team_slug,
+      }}
+    />
+  );
+}
diff --git a/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/nfts/page.tsx b/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/nfts/page.tsx
new file mode 100644
index 00000000000..b87daeaaf40
--- /dev/null
+++ b/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/nfts/page.tsx
@@ -0,0 +1,28 @@
+import { getProject } from "@/api/projects";
+import { notFound } from "next/navigation";
+import { SharedNFTPage } from "../../../../../../../(dashboard)/(chain)/[chain_id]/[contractAddress]/nfts/shared-nfts-page";
+import type { ProjectContractPageParams } from "../types";
+
+export default async function Page(props: {
+  params: Promise<ProjectContractPageParams>;
+}) {
+  const params = await props.params;
+  const project = await getProject(params.team_slug, params.project_slug);
+
+  if (!project) {
+    notFound();
+  }
+
+  return (
+    <SharedNFTPage
+      contractAddress={params.contractAddress}
+      chainIdOrSlug={params.chainIdOrSlug}
+      isLoggedIn={true}
+      projectMeta={{
+        projectSlug: project.slug,
+        teamId: project.teamId,
+        teamSlug: params.team_slug,
+      }}
+    />
+  );
+}
diff --git a/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/page.tsx b/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/page.tsx
new file mode 100644
index 00000000000..9795c61dd78
--- /dev/null
+++ b/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/page.tsx
@@ -0,0 +1,27 @@
+import { getProject } from "@/api/projects";
+import { notFound } from "next/navigation";
+import { SharedContractOverviewPage } from "../../../../../../(dashboard)/(chain)/[chain_id]/[contractAddress]/shared-overview-page";
+import type { ProjectContractPageParams } from "./types";
+
+export default async function Page(props: {
+  params: Promise<ProjectContractPageParams>;
+}) {
+  const params = await props.params;
+  const project = await getProject(params.team_slug, params.project_slug);
+
+  if (!project) {
+    notFound();
+  }
+
+  return (
+    <SharedContractOverviewPage
+      contractAddress={params.contractAddress}
+      chainIdOrSlug={params.chainIdOrSlug}
+      projectMeta={{
+        teamId: project.teamId,
+        projectSlug: project.slug,
+        teamSlug: params.team_slug,
+      }}
+    />
+  );
+}
diff --git a/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/permissions/page.tsx b/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/permissions/page.tsx
new file mode 100644
index 00000000000..3146e2074d8
--- /dev/null
+++ b/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/permissions/page.tsx
@@ -0,0 +1,28 @@
+import { getProject } from "@/api/projects";
+import { notFound } from "next/navigation";
+import { SharedPermissionsPage } from "../../../../../../../(dashboard)/(chain)/[chain_id]/[contractAddress]/permissions/shared-permissions-page";
+import type { ProjectContractPageParams } from "../types";
+
+export default async function Page(props: {
+  params: Promise<ProjectContractPageParams>;
+}) {
+  const params = await props.params;
+  const project = await getProject(params.team_slug, params.project_slug);
+
+  if (!project) {
+    notFound();
+  }
+
+  return (
+    <SharedPermissionsPage
+      isLoggedIn={true}
+      contractAddress={params.contractAddress}
+      chainIdOrSlug={params.chainIdOrSlug}
+      projectMeta={{
+        projectSlug: project.slug,
+        teamId: project.teamId,
+        teamSlug: params.team_slug,
+      }}
+    />
+  );
+}
diff --git a/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/proposals/page.tsx b/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/proposals/page.tsx
new file mode 100644
index 00000000000..6398577eefa
--- /dev/null
+++ b/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/proposals/page.tsx
@@ -0,0 +1,28 @@
+import { getProject } from "@/api/projects";
+import { notFound } from "next/navigation";
+import { SharedContractProposalsPage } from "../../../../../../../(dashboard)/(chain)/[chain_id]/[contractAddress]/proposals/shared-proposals-page";
+import type { ProjectContractPageParams } from "../types";
+
+export default async function Page(props: {
+  params: Promise<ProjectContractPageParams>;
+}) {
+  const params = await props.params;
+  const project = await getProject(params.team_slug, params.project_slug);
+
+  if (!project) {
+    notFound();
+  }
+
+  return (
+    <SharedContractProposalsPage
+      contractAddress={params.contractAddress}
+      isLoggedIn={true}
+      chainIdOrSlug={params.chainIdOrSlug}
+      projectMeta={{
+        teamId: project.teamId,
+        projectSlug: project.slug,
+        teamSlug: params.team_slug,
+      }}
+    />
+  );
+}
diff --git a/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/settings/page.tsx b/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/settings/page.tsx
new file mode 100644
index 00000000000..68bc5c701f3
--- /dev/null
+++ b/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/settings/page.tsx
@@ -0,0 +1,28 @@
+import { notFound } from "next/navigation";
+import { SharedContractSettingsPage } from "../../../../../../../(dashboard)/(chain)/[chain_id]/[contractAddress]/settings/shared-settings-page";
+import { getProject } from "../../../../../../../../../@/api/projects";
+import type { ProjectContractPageParams } from "../types";
+
+export default async function Page(props: {
+  params: Promise<ProjectContractPageParams>;
+}) {
+  const params = await props.params;
+  const project = await getProject(params.team_slug, params.project_slug);
+
+  if (!project) {
+    notFound();
+  }
+
+  return (
+    <SharedContractSettingsPage
+      contractAddress={params.contractAddress}
+      chainIdOrSlug={params.chainIdOrSlug}
+      projectMeta={{
+        teamId: project.teamId,
+        projectSlug: project.slug,
+        teamSlug: params.team_slug,
+      }}
+      isLoggedIn={true}
+    />
+  );
+}
diff --git a/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/sources/page.tsx b/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/sources/page.tsx
new file mode 100644
index 00000000000..c30c3d10f27
--- /dev/null
+++ b/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/sources/page.tsx
@@ -0,0 +1,27 @@
+import { getProject } from "@/api/projects";
+import { notFound } from "next/navigation";
+import { SharedContractSourcesPage } from "../../../../../../../(dashboard)/(chain)/[chain_id]/[contractAddress]/sources/shared-sources-page";
+import type { ProjectContractPageParams } from "../types";
+
+export default async function Page(props: {
+  params: Promise<ProjectContractPageParams>;
+}) {
+  const params = await props.params;
+  const project = await getProject(params.team_slug, params.project_slug);
+
+  if (!project) {
+    notFound();
+  }
+
+  return (
+    <SharedContractSourcesPage
+      contractAddress={params.contractAddress}
+      chainIdOrSlug={params.chainIdOrSlug}
+      projectMeta={{
+        teamId: project.teamId,
+        projectSlug: project.slug,
+        teamSlug: params.team_slug,
+      }}
+    />
+  );
+}
diff --git a/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/split/page.tsx b/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/split/page.tsx
new file mode 100644
index 00000000000..b319dd2b2db
--- /dev/null
+++ b/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/split/page.tsx
@@ -0,0 +1,28 @@
+import { notFound } from "next/navigation";
+import { SharedContractSplitPage } from "../../../../../../../(dashboard)/(chain)/[chain_id]/[contractAddress]/split/shared-split-page";
+import { getProject } from "../../../../../../../../../@/api/projects";
+import type { ProjectContractPageParams } from "../types";
+
+export default async function Page(props: {
+  params: Promise<ProjectContractPageParams>;
+}) {
+  const params = await props.params;
+  const project = await getProject(params.team_slug, params.project_slug);
+
+  if (!project) {
+    notFound();
+  }
+
+  return (
+    <SharedContractSplitPage
+      contractAddress={params.contractAddress}
+      chainIdOrSlug={params.chainIdOrSlug}
+      projectMeta={{
+        teamId: project.teamId,
+        projectSlug: project.slug,
+        teamSlug: params.team_slug,
+      }}
+      isLoggedIn={true}
+    />
+  );
+}
diff --git a/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/tokens/page.tsx b/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/tokens/page.tsx
new file mode 100644
index 00000000000..1cb4ea75d4a
--- /dev/null
+++ b/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/tokens/page.tsx
@@ -0,0 +1,28 @@
+import { notFound } from "next/navigation";
+import { SharedContractTokensPage } from "../../../../../../../(dashboard)/(chain)/[chain_id]/[contractAddress]/tokens/shared-page";
+import { getProject } from "../../../../../../../../../@/api/projects";
+import type { ProjectContractPageParams } from "../types";
+
+export default async function Page(props: {
+  params: Promise<ProjectContractPageParams>;
+}) {
+  const params = await props.params;
+  const project = await getProject(params.team_slug, params.project_slug);
+
+  if (!project) {
+    notFound();
+  }
+
+  return (
+    <SharedContractTokensPage
+      contractAddress={params.contractAddress}
+      chainIdOrSlug={params.chainIdOrSlug}
+      projectMeta={{
+        teamId: project.teamId,
+        projectSlug: project.slug,
+        teamSlug: params.team_slug,
+      }}
+      isLoggedIn={true}
+    />
+  );
+}
diff --git a/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/types.ts b/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/types.ts
new file mode 100644
index 00000000000..cf638845b01
--- /dev/null
+++ b/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/types.ts
@@ -0,0 +1,12 @@
+export type ProjectContractPageParams = {
+  contractAddress: string;
+  chainIdOrSlug: string;
+  team_slug: string;
+  project_slug: string;
+};
+
+export type ProjectMeta = {
+  teamId: string;
+  projectSlug: string;
+  teamSlug: string;
+};
diff --git a/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/utils.ts b/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/utils.ts
new file mode 100644
index 00000000000..7b35cf4d838
--- /dev/null
+++ b/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/utils.ts
@@ -0,0 +1,18 @@
+import "server-only";
+import { redirect } from "next/navigation";
+import { buildContractPagePath } from "../../../../../../(dashboard)/(chain)/[chain_id]/[contractAddress]/_utils/contract-page-path";
+import type { ProjectMeta } from "./types";
+
+export function redirectToContractLandingPage(params: {
+  chainIdOrSlug: string;
+  contractAddress: string;
+  projectMeta: ProjectMeta | undefined;
+}): never {
+  redirect(
+    buildContractPagePath({
+      projectMeta: params.projectMeta,
+      chainIdOrSlug: params.chainIdOrSlug,
+      contractAddress: params.contractAddress,
+    }),
+  );
+}
diff --git a/apps/dashboard/src/components/contract-components/tables/cells.tsx b/apps/dashboard/src/components/contract-components/tables/cells.tsx
index 41dac59fa77..98305d8509c 100644
--- a/apps/dashboard/src/components/contract-components/tables/cells.tsx
+++ b/apps/dashboard/src/components/contract-components/tables/cells.tsx
@@ -18,6 +18,8 @@ export const ContractNameCell = memo(function ContractNameCell(props: {
   chainId: string;
   contractAddress: string;
   linkOverlay?: boolean;
+  teamSlug: string;
+  projectSlug: string;
 }) {
   const chainSlug = useChainSlug(Number(props.chainId));
   const chain = useV5DashboardChain(Number(props.chainId));
@@ -40,7 +42,7 @@ export const ContractNameCell = memo(function ContractNameCell(props: {
       render={(v) => {
         return (
           <Link
-            href={`/${chainSlug}/${props.contractAddress}`}
+            href={`/team/${props.teamSlug}/${props.projectSlug}/contract/${chainSlug}/${props.contractAddress}`}
             passHref
             className={cn(
               "text-foreground",
diff --git a/apps/dashboard/src/components/contract-components/tables/contract-table.stories.tsx b/apps/dashboard/src/components/contract-components/tables/contract-table.stories.tsx
index 66c16310bd3..7e3edf3c59d 100644
--- a/apps/dashboard/src/components/contract-components/tables/contract-table.stories.tsx
+++ b/apps/dashboard/src/components/contract-components/tables/contract-table.stories.tsx
@@ -54,6 +54,9 @@ function Story() {
     console.log("Removed contract", contractId);
   };
 
+  const teamSlug = "team-slug";
+  const projectSlug = "project-slug";
+
   return (
     <ThirdwebProvider>
       <div className="container flex max-w-6xl flex-col gap-10 py-10">
@@ -64,6 +67,8 @@ function Story() {
             contracts={[]}
             removeContractFromProject={removeContractStub}
             pageSize={10}
+            teamSlug={teamSlug}
+            projectSlug={projectSlug}
           />
         </BadgeContainer>
 
@@ -74,6 +79,8 @@ function Story() {
             contracts={[popularPolygonNFTs[0] as ProjectContract]}
             pageSize={10}
             removeContractFromProject={removeContractStub}
+            teamSlug={teamSlug}
+            projectSlug={projectSlug}
           />
         </BadgeContainer>
 
@@ -84,6 +91,8 @@ function Story() {
             contracts={popularPolygonNFTs}
             pageSize={10}
             removeContractFromProject={removeContractStub}
+            teamSlug={teamSlug}
+            projectSlug={projectSlug}
           />
         </BadgeContainer>
 
@@ -94,6 +103,8 @@ function Story() {
             contracts={[...popularPolygonNFTs, ...EthereumPopularNFTs]}
             pageSize={10}
             removeContractFromProject={removeContractStub}
+            teamSlug={teamSlug}
+            projectSlug={projectSlug}
           />
         </BadgeContainer>
 
@@ -108,6 +119,8 @@ function Story() {
             ]}
             pageSize={10}
             removeContractFromProject={removeContractStub}
+            teamSlug={teamSlug}
+            projectSlug={projectSlug}
           />
         </BadgeContainer>
       </div>
diff --git a/apps/dashboard/src/components/contract-components/tables/contract-table.tsx b/apps/dashboard/src/components/contract-components/tables/contract-table.tsx
index 3455ebb1fb9..1065844643a 100644
--- a/apps/dashboard/src/components/contract-components/tables/contract-table.tsx
+++ b/apps/dashboard/src/components/contract-components/tables/contract-table.tsx
@@ -46,6 +46,8 @@ export function ContractTable(props: {
   projectId: string;
   client: ThirdwebClient;
   variant: "asset" | "contract";
+  teamSlug: string;
+  projectSlug: string;
 }) {
   return (
     <ContractTableUI
@@ -53,6 +55,8 @@ export function ContractTable(props: {
       contracts={props.contracts}
       client={props.client}
       pageSize={props.pageSize}
+      teamSlug={props.teamSlug}
+      projectSlug={props.projectSlug}
       removeContractFromProject={async (contractId) => {
         await removeContractFromProject({
           teamId: props.teamId,
@@ -70,6 +74,8 @@ export function ContractTableUI(props: {
   removeContractFromProject: (contractId: string) => Promise<void>;
   client: ThirdwebClient;
   variant: "asset" | "contract";
+  teamSlug: string;
+  projectSlug: string;
 }) {
   // instantly update the table without waiting for router refresh by adding deleted contract ids to the state
   const [deletedContractIds, setDeletedContractIds] = useState<string[]>([]);
@@ -168,6 +174,8 @@ export function ContractTableUI(props: {
                       chainId={contract.chainId}
                       contractAddress={contract.contractAddress}
                       linkOverlay
+                      teamSlug={props.teamSlug}
+                      projectSlug={props.projectSlug}
                     />
                   </TableCell>
 
diff --git a/apps/dashboard/src/components/smart-wallets/AccountFactories/factory-contracts.tsx b/apps/dashboard/src/components/smart-wallets/AccountFactories/factory-contracts.tsx
index ad333c50d78..e47aa217f8a 100644
--- a/apps/dashboard/src/components/smart-wallets/AccountFactories/factory-contracts.tsx
+++ b/apps/dashboard/src/components/smart-wallets/AccountFactories/factory-contracts.tsx
@@ -22,6 +22,8 @@ interface FactoryContractsProps {
   contracts: ProjectContract[];
   isPending: boolean;
   isFetched: boolean;
+  teamSlug: string;
+  projectSlug: string;
 }
 
 function NetworkName(props: { id: number }) {
@@ -45,6 +47,8 @@ function NetworkName(props: { id: number }) {
 
 export const FactoryContracts: React.FC<FactoryContractsProps> = ({
   contracts,
+  teamSlug,
+  projectSlug,
 }) => {
   return (
     <TableContainer>
@@ -64,6 +68,8 @@ export const FactoryContracts: React.FC<FactoryContractsProps> = ({
                 <ContractNameCell
                   chainId={contract.chainId}
                   contractAddress={contract.contractAddress}
+                  teamSlug={teamSlug}
+                  projectSlug={projectSlug}
                 />
               </TableCell>
               <TableCell>