diff --git a/apps/explorer/src/app/[network]/page.tsx b/apps/explorer/src/app/[network]/page.tsx index 40adcc62..28cea55c 100644 --- a/apps/explorer/src/app/[network]/page.tsx +++ b/apps/explorer/src/app/[network]/page.tsx @@ -1,8 +1,9 @@ -import { GlobalSearchBar, Stats, TopAccounts, TopOperators } from "@/components/Home"; +import { ConsoleHero, GlobalSearchBar, Stats, TopAccounts, TopOperators } from "@/components/Home"; function Page() { return ( <> + diff --git a/apps/explorer/src/components/Home/ConsoleHero.tsx b/apps/explorer/src/components/Home/ConsoleHero.tsx new file mode 100644 index 00000000..d6974ee0 --- /dev/null +++ b/apps/explorer/src/components/Home/ConsoleHero.tsx @@ -0,0 +1,43 @@ +import { PageSection } from "@filecoin-foundation/ui-filecoin/PageSection"; +import { ArrowRight } from "lucide-react"; +import Link from "next/link"; +import { PATHS } from "@/constants/paths"; + +/** + * Console entry point, rendered above search and stats on the network home page. + */ +const ConsoleHero = () => ( + + + + + + + + Filecoin Onchain Cloud Console + + + Manage your Filecoin services + + + Manage services, billing, notifications, and more. + + + {/* Deliberately not the design system's `Button`*/} + + Open Console + + + + + + +); + +export default ConsoleHero; diff --git a/apps/explorer/src/components/Home/index.ts b/apps/explorer/src/components/Home/index.ts index e7ddf503..8cc978de 100644 --- a/apps/explorer/src/components/Home/index.ts +++ b/apps/explorer/src/components/Home/index.ts @@ -1,3 +1,4 @@ +export { default as ConsoleHero } from "./ConsoleHero"; export { default as GlobalSearchBar } from "./GlobalSearchBar"; export { default as Stats } from "./Stats"; export { default as TopAccounts } from "./TopAccounts";
+ Manage services, billing, notifications, and more. +