diff --git a/apps/dashboard/src/app/account/contracts/DeployedContractsPageHeader.tsx b/apps/dashboard/src/app/account/contracts/DeployedContractsPageHeader.tsx
index 582b934c904..5f39132cb32 100644
--- a/apps/dashboard/src/app/account/contracts/DeployedContractsPageHeader.tsx
+++ b/apps/dashboard/src/app/account/contracts/DeployedContractsPageHeader.tsx
@@ -23,7 +23,7 @@ export function DeployedContractsPageHeader(props: {
         projectId={props.projectId}
       />
 
-      <div className="flex flex-col gap-3 pb-6 lg:flex-row lg:items-center lg:justify-between">
+      <div className="flex flex-col gap-3 pt-2 pb-8 lg:flex-row lg:items-center lg:justify-between">
         <div>
           <h1 className="font-semibold text-3xl tracking-tight">Contracts</h1>
         </div>
diff --git a/apps/dashboard/src/app/account/contracts/_components/DeployViaCLIOrImportCard.tsx b/apps/dashboard/src/app/account/contracts/_components/DeployViaCLIOrImportCard.tsx
new file mode 100644
index 00000000000..52e86570066
--- /dev/null
+++ b/apps/dashboard/src/app/account/contracts/_components/DeployViaCLIOrImportCard.tsx
@@ -0,0 +1,56 @@
+"use client";
+
+import { Button } from "@/components/ui/button";
+import { ArrowUpRightIcon, DownloadIcon } from "lucide-react";
+import Link from "next/link";
+import { useState } from "react";
+import { ImportModal } from "../../../../components/contract-components/import-contract/modal";
+
+export function DeployViaCLIOrImportCard(props: {
+  teamId: string;
+  projectId: string;
+}) {
+  const [importModalOpen, setImportModalOpen] = useState(false);
+
+  return (
+    <div className="rounded-lg border bg-card p-6">
+      <ImportModal
+        isOpen={importModalOpen}
+        onClose={() => {
+          setImportModalOpen(false);
+        }}
+        teamId={props.teamId}
+        projectId={props.projectId}
+      />
+
+      <h2 className="mb-0.5 font-semibold text-lg">
+        Already have a smart contract?
+      </h2>
+      <p className="max-w-2xl text-muted-foreground">
+        Import an already deployed contract or deploy a contract from source
+        code to easily manage permissions, upload assets, and interact with
+        contract functions
+      </p>
+
+      <div className="mt-6 flex gap-3">
+        <Button variant="outline" className="gap-2 lg:px-20" asChild>
+          <Link
+            href="https://portal.thirdweb.com/contracts/deploy/overview"
+            target="_blank"
+          >
+            Deploy via CLI
+            <ArrowUpRightIcon className="size-4" />
+          </Link>
+        </Button>
+        <Button
+          variant="outline"
+          className="gap-2 lg:px-6"
+          onClick={() => setImportModalOpen(true)}
+        >
+          <DownloadIcon className="size-4" />
+          Import Contract
+        </Button>
+      </div>
+    </div>
+  );
+}
diff --git a/apps/dashboard/src/app/account/contracts/_components/DeployedContractsPage.tsx b/apps/dashboard/src/app/account/contracts/_components/DeployedContractsPage.tsx
index 5c0dd8acb0a..2f64bd51f62 100644
--- a/apps/dashboard/src/app/account/contracts/_components/DeployedContractsPage.tsx
+++ b/apps/dashboard/src/app/account/contracts/_components/DeployedContractsPage.tsx
@@ -3,7 +3,7 @@ import { ClientOnly } from "components/ClientOnly/ClientOnly";
 import { Suspense } from "react";
 import { ContractTable } from "../../../../components/contract-components/tables/contract-table";
 import { DeployedContractsPageHeader } from "../DeployedContractsPageHeader";
-import { GetStartedWithContractsDeploy } from "./GetStartedWithContractsDeploy";
+import { DeployViaCLIOrImportCard } from "./DeployViaCLIOrImportCard";
 import { getSortedDeployedContracts } from "./getSortedDeployedContracts";
 
 export function DeployedContractsPage(props: {
@@ -21,6 +21,11 @@ export function DeployedContractsPage(props: {
         <Suspense fallback={<Loading />}>
           <DeployedContractsPageAsync {...props} />
         </Suspense>
+        <div className="h-8" />
+        <DeployViaCLIOrImportCard
+          teamId={props.teamId}
+          projectId={props.projectId}
+        />
       </div>
     </div>
   );
@@ -37,15 +42,6 @@ async function DeployedContractsPageAsync(props: {
     authToken: props.authToken,
   });
 
-  if (deployedContracts.length === 0) {
-    return (
-      <GetStartedWithContractsDeploy
-        teamId={props.teamId}
-        projectId={props.projectId}
-      />
-    );
-  }
-
   return (
     <ClientOnly ssr={<Loading />}>
       <ContractTable
diff --git a/apps/dashboard/src/app/account/contracts/_components/GetStartedWithContractsDeploy.tsx b/apps/dashboard/src/app/account/contracts/_components/GetStartedWithContractsDeploy.tsx
deleted file mode 100644
index 818674d113c..00000000000
--- a/apps/dashboard/src/app/account/contracts/_components/GetStartedWithContractsDeploy.tsx
+++ /dev/null
@@ -1,139 +0,0 @@
-"use client";
-import { TabButtons } from "@/components/ui/tabs";
-import { useDashboardRouter } from "@/lib/DashboardRouter";
-import { ImportModal } from "components/contract-components/import-contract/modal";
-import { StepsCard } from "components/dashboard/StepsCard";
-import { useTrack } from "hooks/analytics/useTrack";
-import { useMemo, useState } from "react";
-
-export function GetStartedWithContractsDeploy(props: {
-  teamId: string;
-  projectId: string;
-}) {
-  const steps = useMemo(
-    () => [
-      {
-        title: "Build, deploy or import a contract",
-        description:
-          "Choose between deploying your own contract or import an existing one.",
-        children: (
-          <DeployOptions teamId={props.teamId} projectId={props.projectId} />
-        ),
-        completed: false, // because we only show this component if the user does not have any contracts
-      },
-    ],
-    [props.teamId, props.projectId],
-  );
-
-  return (
-    <StepsCard
-      title="Get started with deploying contracts"
-      description="This guide will help you to start deploying contracts on-chain in just a few minutes."
-      steps={steps}
-    />
-  );
-}
-
-type ContentItem = {
-  title: string;
-  description: string;
-  href?: string;
-  onClick?: () => void;
-};
-
-type TabId = "explore" | "import" | "build" | "deploy";
-
-const DeployOptions = (props: {
-  teamId: string;
-  projectId: string;
-}) => {
-  const [showImportModal, setShowImportModal] = useState(false);
-  const router = useDashboardRouter();
-  const trackEvent = useTrack();
-
-  const content: Record<TabId, ContentItem> = useMemo(
-    () => ({
-      explore: {
-        title: "Ready-to-deploy",
-        description:
-          "Pick from our library of ready-to-deploy contracts and deploy to any EVM chain in just 1-click.",
-        href: "/explore",
-      },
-      import: {
-        title: "Import",
-        description:
-          "Import an already deployed contract to build apps on top of contract using thirdweb tools.",
-        onClick: () => setShowImportModal(true),
-      },
-      build: {
-        title: "Build your own",
-        description:
-          "Get started with the Solidity SDK to create custom contracts specific to your use case.",
-        href: "/build",
-      },
-      deploy: {
-        title: "Deploy from source",
-        description:
-          "Deploy your contract by using our interactive CLI. (Supports Hardhat, Forge, Truffle, and more)",
-        href: "https://portal.thirdweb.com/cli",
-      },
-    }),
-    [],
-  );
-
-  const [activeTab, setActiveTab] = useState<TabId>("explore");
-  const activeTabContent = content[activeTab];
-
-  return (
-    <div className="mt-3">
-      <ImportModal
-        isOpen={showImportModal}
-        onClose={() => {
-          setShowImportModal(false);
-        }}
-        teamId={props.teamId}
-        projectId={props.projectId}
-      />
-
-      <TabButtons
-        tabs={Object.entries(content).map(([key, value]) => ({
-          key,
-          name: value.title,
-          isActive: activeTab === key,
-          onClick: () => setActiveTab(key as TabId),
-        }))}
-        tabClassName="font-medium"
-        tabContainerClassName="gap-1"
-      />
-
-      <button
-        className="mt-3 flex w-full cursor-pointer items-center gap-2 rounded-lg border border-border bg-card p-4 hover:border-active-border"
-        type="button"
-        onClick={() => {
-          activeTabContent.onClick?.();
-          if (activeTabContent.href) {
-            router.push(activeTabContent.href);
-          }
-
-          trackEvent({
-            category: "your_contracts",
-            action: "click",
-            label: "deploy_options",
-            type: activeTab,
-            href: null,
-            isExternal: false,
-          });
-        }}
-      >
-        <div>
-          <h4 className="text-start font-semibold text-lg">
-            {activeTabContent.title}
-          </h4>
-          <p className="text-start text-muted-foreground text-sm">
-            {activeTabContent.description}
-          </p>
-        </div>
-      </button>
-    </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 e3de6027ed4..ab796fd688b 100644
--- a/apps/dashboard/src/components/contract-components/tables/contract-table.tsx
+++ b/apps/dashboard/src/components/contract-components/tables/contract-table.tsx
@@ -22,7 +22,8 @@ import {
 import { useMutation } from "@tanstack/react-query";
 import { ChainIcon } from "components/icons/ChainIcon";
 import { NetworkSelectDropdown } from "components/selects/NetworkSelectDropdown";
-import { EllipsisVerticalIcon, XIcon } from "lucide-react";
+import { EllipsisVerticalIcon, ExternalLinkIcon, XIcon } from "lucide-react";
+import Link from "next/link";
 import { useCallback, useEffect, useMemo, useState } from "react";
 import React from "react";
 import { toast } from "sonner";
@@ -202,8 +203,16 @@ export function ContractTableUI(props: {
         </Table>
 
         {contracts.length === 0 && (
-          <div className="flex h-[200px] items-center justify-center text-muted-foreground">
-            No Contracts
+          <div className="flex h-[350px] items-center justify-center text-muted-foreground">
+            <div className="text-center">
+              <p className="mb-3">No contracts added to project</p>
+              <Button variant="outline" asChild className="bg-background">
+                <Link href="/explore" target="_blank">
+                  Discover Contracts
+                  <ExternalLinkIcon className="ml-2 size-4" />
+                </Link>
+              </Button>
+            </div>
           </div>
         )}
       </TableContainer>