Update Custom Marketplace and Marketplace SDK docs (#72)

Remove Marketplace SDK hooks overview page
Improve Marketplace SDK installation instructions
Fix cards links
Extend Marketplace SDK overview with Getting Started and hooks cards

Co-authored-by: James Lawton <jlaw@horizon.io>

Author: RichardIrala

sdk/marketplace-sdk/getting-started.mdx

@@ -13,11 +13,11 @@ Otherwise, we will walk you through the process of installing Marketplace SDK, i
 Marketplace SDK is modular, allowing you to install only the necessary packages. To get started, install the `@0xsequence/marketplace-sdk` core package, as well as install other dependencies necessary dependencies.
 
 ```bash
-npm install @0xsequence/kit @0xsequence/kit-checkout @0xsequence/kit-wallet @0xsequence/marketplace-sdk @0xsequence/design-system@^1 @0xsequence/network wagmi ethers@^6 viem 0xsequence @tanstack/react-query @tanstack/react-query-devtools @legendapp/state framer-motion@^8.5.2 pino-pretty
+npm install @0xsequence/connect @0xsequence/checkout @0xsequence/wallet-widget @0xsequence/marketplace-sdk @0xsequence/design-system @0xsequence/network @0xsequence/indexer @0xsequence/metadata wagmi ethers@^6 viem 0xsequence @tanstack/react-query @tanstack/react-query-devtools @legendapp/state framer-motion pino-pretty
 # or
-pnpm add @0xsequence/kit @0xsequence/kit-checkout @0xsequence/kit-wallet @0xsequence/marketplace-sdk @0xsequence/design-system@^1 @0xsequence/network wagmi ethers@^6 viem 0xsequence @tanstack/react-query @tanstack/react-query-devtools @legendapp/state framer-motion@^8.5.2 pino-pretty
+pnpm add @0xsequence/connect @0xsequence/checkout @0xsequence/wallet-widget @0xsequence/marketplace-sdk @0xsequence/design-system @0xsequence/network @0xsequence/indexer @0xsequence/metadata wagmi ethers@^6 viem 0xsequence @tanstack/react-query @tanstack/react-query-devtools @legendapp/state framer-motion pino-pretty
 # or
-yarn add @0xsequence/kit @0xsequence/kit-checkout @0xsequence/kit-wallet @0xsequence/marketplace-sdk @0xsequence/design-system@^1 @0xsequence/network wagmi ethers@^6 viem 0xsequence @tanstack/react-query @tanstack/react-query-devtools @legendapp/state framer-motion@^8.5.2 pino-pretty
+yarn add @0xsequence/connect @0xsequence/checkout @0xsequence/wallet-widget @0xsequence/marketplace-sdk @0xsequence/design-system @0xsequence/network @0xsequence/indexer @0xsequence/metadata wagmi ethers@^6 viem 0xsequence @tanstack/react-query @tanstack/react-query-devtools @legendapp/state framer-motion pino-pretty
 ```
 
 # Setting Up your Dapp

sdk/marketplace-sdk/hooks/marketplace-data-hooks.mdx

@@ -298,8 +298,8 @@ import { OrderSide } from '@0xsequence/marketplace-sdk';
 import { useCountOfCollectables } from '@0xsequence/marketplace-sdk/react';
 
 const countOfCollectables = useCountOfCollectables({
-  chainId: String(chainId),
-  collectionAddress: collectionId,
+  chainId,
+  collectionAddress,
   side: OrderSide.listing,
   filter: {
     searchText: text,

sdk/marketplace-sdk/hooks/overview.mdx

@@ -6,15 +6,23 @@ sidebarTitle: Overview
 
 Why use the Marketplace SDK? It provides a seamless way to integrate Sequence's marketplace with minimal effort. Leverage its powerful hooks to retrieve marketplace data and execute essential actions such as listings, purchases, offers, and offer acceptance.
 
+# Getting Started
+
 <CardGroup>
 	<Card title="Getting Started" icon="play" href="/sdk/marketplace-sdk/getting-started">
     Learn about the prerequisites and setup required to work with the Marketplace SDK.
-  </Card>
-	<Card title="Hooks" icon="code" href="/sdk/marketplace-sdk/hooks">
-    Explore how to integrate your marketplace using our available hooks.
   </Card>
 </CardGroup>
 
-## Next Steps
+# Marketplace SDK Hooks
+
+Marketplace SDK provides a collection of optimized hooks to seamlessly and efficiently integrate marketplace functionality into your applications. These hooks enable smooth and secure user experience management.
 
-Ready to integrate Marketplace SDK into your application? Check out our [Quickstart guide](/sdk/marketplace-sdk/getting-started).
+<CardGroup>
+  <Card title="Marketplace Data hooks" icon="code" href="/sdk/marketplace-sdk/hooks/marketplace-data-hooks">
+    Collection of GET hooks for retrieving key Marketplace data. Useful for fetching and managing Marketplace information in your UI
+  </Card>
+	<Card title="Marketplace Actions" icon="code" href="/sdk/marketplace-sdk/hooks/marketplace-actions">
+    Manage listings, offers, and purchases by integrating Marketplace Actions.
+  </Card>
+</CardGroup>

sdk/marketplace-sdk/overview.mdx

@@ -16,7 +16,7 @@ The officially maintained contract address is `0xfdb42A198a932C8D3B506Ffa5e855bC
 
 ### Getting started
 <CardGroup cols={2}>
-  <Card title="Starter Boilerplate" icon="play" href="/solutions/marketplaces/custom-marketplace/starter">
+  <Card title="Starter Boilerplate" icon="play" href="/solutions/marketplaces/custom-marketplace/getting-started">
     A starter Marketplace boilerplate, powered by Sequence.
   </Card>
   <Card title="End-2-End Guide" icon="book" href="/guides/custom-marketplace">

solutions/marketplaces/custom-marketplace/overview.mdx

@@ -146,8 +146,6 @@ Update the header logo of the marketplace at the top of the screen.
 
 Update the favicon logo for the website to be displayed in the tab of the browser.
 
-Add a default or custom font
-
 </Accordion>
 
 <Accordion title="Advanced">