diff --git a/.github/workflows/cd.yml b/.github/workflows/cd.yml
index e243bf3..4222c40 100644
--- a/.github/workflows/cd.yml
+++ b/.github/workflows/cd.yml
@@ -46,3 +46,14 @@ jobs:
 
       - run: yarn workspaces foreach --all -v --exclude root --no-private npm publish --tolerate-republish --access public
         if: ${{ steps.release.outputs.releases_created }}
+
+      - name: Publish Docs to Cloudflare Pages
+        if: ${{ steps.release.outputs.releases_created }}
+        uses: cloudflare/pages-action@v1
+        with:
+          apiToken: ${{ secrets.CLOUDFLARE_API_TOKEN }}
+          accountId: 2238a825c5aca59233eab1f221f7aefb
+          projectName: gopher-docs-preview
+          directory: ./docs/build
+          gitHubToken: ${{ secrets.GITHUB_TOKEN }}
+          branch: ${{ github.head_ref || github.ref_name }}
\ No newline at end of file
diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index 6f55ef5..399e3b3 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -19,10 +19,10 @@ jobs:
       - run: corepack enable
       - name: Install deps
         run: yarn --immutable
-      - name: Lint
-        run: yarn run lint
       - name: Build
         run: yarn build
+      - name: Lint
+        run: yarn run lint
         env:
           SENTRY_AUTH_TOKEN: ${{ secrets.SENTRY_AUTH_TOKEN }}
       - name: "Unit Tests"
@@ -38,12 +38,12 @@ jobs:
           directory: ./web/.svelte-kit/cloudflare
           gitHubToken: ${{ secrets.GITHUB_TOKEN }}
           branch: ${{ github.head_ref || github.ref_name }}
-      - name: Publish Docs to Cloudflare Pages
+      - name: Publish Preview Docs to Cloudflare Pages
         uses: cloudflare/pages-action@v1
         with:
           apiToken: ${{ secrets.CLOUDFLARE_API_TOKEN }}
           accountId: 2238a825c5aca59233eab1f221f7aefb
-          projectName: gopher-docs
+          projectName: gopher-docs-preview
           directory: ./docs/build
           gitHubToken: ${{ secrets.GITHUB_TOKEN }}
           branch: ${{ github.head_ref || github.ref_name }}
\ No newline at end of file
diff --git a/docs/docs/01-introduction/01-introduction.md b/docs/docs/01-introduction/01-introduction.md
index 95b1d60..00e0820 100644
--- a/docs/docs/01-introduction/01-introduction.md
+++ b/docs/docs/01-introduction/01-introduction.md
@@ -16,8 +16,7 @@ Sprinter is a **fast, smooth, interoperable intent execution engine**. Our aim i
 ## What's Next
 
 - If you're new to Sprinter, begin with [Quick Start](../02-quick-start.md).
-- Explore detailed examples and advanced usage in the [SDK Documentation](../03-sdk/01-overview.md).
-- Dive into the specifics of our API in the [API Documentation](../04-api/01-api-usage.md).
+- Explore detailed examples and advanced usage in the [SDK Documentation](../sdk).
 
 Stay tuned for the complete source code.
 
diff --git a/docs/docs/01-introduction/04-supported-networks.md b/docs/docs/01-introduction/04-supported-networks.md
index 821d0fc..194211f 100644
--- a/docs/docs/01-introduction/04-supported-networks.md
+++ b/docs/docs/01-introduction/04-supported-networks.md
@@ -4,7 +4,7 @@ title: Supported Bridges And Networks
 sidebar_position: 4
 ---
 
-import SankeyNetworkToken from '@site/src/components/SankeyNetworkToken';
+import SupportedList from '@site/src/components/SupportedList';
 
 :::tip
 New routes, networks, and tokens can readily be added by the Sprinter team. Please reach out at [requests@buildwithsygma.com](mailto:requests@buildwithsygma.com) to get a conversation started. 
@@ -22,6 +22,4 @@ New routes, networks, and tokens can readily be added by the Sprinter team. Plea
 Hover over network icon or token to show available routes
 :::
 
-| Mainnet                  | Testnet    |
-|--------------------------|------------|
-| <SankeyNetworkToken url="https://api.sprinter.buildwithsygma.com/" /> | <SankeyNetworkToken url="https://api.test.sprinter.buildwithsygma.com/" /> |
+<SupportedList />
diff --git a/docs/docs/02-quick-start.md b/docs/docs/02-quick-start.md
index 2f2d92c..7581e37 100644
--- a/docs/docs/02-quick-start.md
+++ b/docs/docs/02-quick-start.md
@@ -4,46 +4,99 @@ title: Quick Start
 sidebar_position: 2
 ---
 
-You have two main options for interacting with Sprinter:
+## Quick Examples
+
+Jump to the section that fits your development needs:
 
 - [Using the SDK](#using-the-sdk)
+- [Using the React SDK](#using-the-react-sdk)
 - [Calling API Endpoints Directly](#calling-api-endpoints-directly)
 
+You have three main options for interacting with Sprinter, depending on your development environment and the level of control you need:
+
+- **Using the SDK**: Ideal for developers working in TypeScript or modern JavaScript frameworks. The SDK provides a simple, unified interface for retrieving intent-based solutions from Sprinter, helping developers easily determine the actions or transactions users should execute on the blockchain.
+
+- **Using the React SDK**: Designed for React developers, this option offers hooks and context that make it simple to access intent-based solutions provided by Sprinter within React components, allowing seamless interaction with the intent engine.
+
+- **Calling API Endpoints Directly**: This option is best suited for developers who want full control over API interactions. It’s flexible and can be used in any programming environment, but requires a deeper understanding of the Sprinter protocol. We recommend this for advanced users or those working in non-JavaScript environments.
+
 ### Using the SDK
 
-Using the Sprinter SDK provides a convenient and unified interface for blockchain interactions, complete with TypeScript support for enhanced type safety and a better development experience. This approach is recommended for developers working with TypeScript or popular web frameworks.
+The Sprinter SDK provides a streamlined interface for retrieving intent-based solutions from Sprinter, with built-in TypeScript support to ensure type safety and an enhanced development experience. This approach is recommended for developers who are comfortable with TypeScript or those working in modern web frameworks.
 
 **Quick Example**
 
-Here's a quick example of how to use the SDK in your project:
+Here’s a quick example of how to use the SDK in your project:
 
 ```typescript
-import { Sprinter } from '@chainsafe/sprinter-sdk';
+import { Sprinter, Environment } from '@chainsafe/sprinter-sdk';
 
-const sprinter = new Sprinter(window.ethereum);
+const sprinter = new Sprinter({ baseUrl: Environment.MAINNET });
 
-sprinter.getUserBalances().then(console.log);
+sprinter.getUserBalances('0xYourAddressHere').then(console.log);
 ```
 
-For a more detailed guide on setting up and using the SDK, refer to the [SDK Documentation](03-sdk/01-overview.md).
+For more details on using the SDK, refer to the [SDK Documentation](./sdk).
 
-### Calling API Endpoints Directly
+### Using the React SDK
 
-If you prefer more control or wish to implement the solution in a different programming language, you can directly interact with the API endpoints provided by Sprinter.
+If you're building a React application, you can use the Sprinter React SDK (`@chainsafe/sprinter-react`), which provides hooks and context to interact with the Sprinter core SDK.
 
 **Quick Example**
 
-Here’s how you can call the API directly using JavaScript's Fetch API:
+Here’s how to set up a simple React component to fetch user balances:
+
+```tsx
+import React, { useEffect } from 'react';
+import { SprinterContext, useSprinterBalances } from '@chainsafe/sprinter-react';
+import { Environment } from '@chainsafe/sprinter-sdk';
+
+function BalancesComponent() {
+  const { balances, getUserBalances } = useSprinterBalances('0xYourAddressHere');
+
+  useEffect(() => {
+    getUserBalances();
+  }, [getUserBalances]);
+
+  if (balances.loading) return <div>Loading...</div>;
+  if (balances.error) return <div>Error: {balances.error}</div>;
+
+  return (
+    <ul>
+      {Object.entries(balances.data || {}).map(([symbol, balanceEntry]) => (
+        <li key={symbol}>{symbol}: {balanceEntry.total}</li>
+      ))}
+    </ul>
+  );
+}
+
+function App() {
+  return (
+    <SprinterContext baseUrl={Environment.MAINNET}>
+      <BalancesComponent />
+    </SprinterContext>
+  );
+}
+
+export default App;
+```
+
+For detailed usage, check the [React SDK Documentation](./react-sdk).
+
+### Calling API Endpoints Directly
+
+This approach provides more control over how you interact with the API but is generally suited for advanced users or developers working in non-JavaScript environments.
+
+:::caution For Advanced Users
+Calling the API directly provides the most flexibility but requires a deeper understanding of the Sprinter protocol and how to structure API requests. It's recommended for experienced developers who need full control over API interactions.
+:::
+
+**Quick Example**
 
-```javascript
-const ownerAddress = "0x3E101Ec02e7A48D16DADE204C96bFF842E7E2519";
-const tokenSymbol = "USDC";
-const baseUrl = "https://api.sprinter.buildwithsygma.com/";  
+Here’s how you can call the API directly using `curl`:
 
-fetch(`${baseUrl}/accounts/${ownerAddress}/assets/fungible/${tokenSymbol}`)
-  .then(response => response.json())
-  .then(data => console.log(data))
-  .catch(error => console.error('Error fetching user fungible tokens:', error));
+```bash
+curl -X GET "https://api.sprinter.buildwithsygma.com/accounts/0x3E101Ec02e7A48D16DADE204C96bFF842E7E2519/assets/fungible/USDC"
 ```
 
-For a comprehensive list of available endpoints and how to use them, check out the [API Documentation](04-api/01-api-usage.md).
+For a comprehensive list of available endpoints and how to use them, check out the [API Documentation](https://api.sprinter.buildwithsygma.com/swagger/index.html).
diff --git a/docs/docs/03-sdk/01-overview.md b/docs/docs/03-sdk/01-overview.md
deleted file mode 100644
index 1889033..0000000
--- a/docs/docs/03-sdk/01-overview.md
+++ /dev/null
@@ -1,97 +0,0 @@
----
-sidebar_position: 1
----
-
-# SDK Overview
-
-The Sprinter SDK simplifies interactions with multiple blockchain networks. It provides a unified interface for aggregating balances and optimizing cross-chain operations, making it easier to build decentralized applications (dApps).
-
-## Installation
-
-To install the Sprinter SDK, run the following command in your project directory:
-
-```bash
-npm install @chainsafe/sprinter-sdk
-```
-
-Or if you prefer using yarn:
-
-```bash
-yarn add @chainsafe/sprinter-sdk
-```
-
-## Basic Usage
-
-:::info
-If you would like to test this without custom front-end code, you can directly do so by adding `vite` as a package. You will then need to create an `index.html` file to serve as the entry way for the following script using `<script>` tag. 
-:::
-
-Here's a quick example to get you started with the SDK:
-
-### 1. Import the Sprinter SDK
-
-```typescript
-import { Sprinter } from '@chainsafe/sprinter-sdk';
-```
-
-### 2. Initialize the Sprinter SDK
-
-To initialize the SDK, create a new instance of the `Sprinter` class:
-
-```typescript
-const sprinter = new Sprinter();
-```
-
-### 3. Fetch User Balances
-
-Once initialized, you can fetch the user's balances across multiple blockchains:
-
-```typescript
-const ownerAddress = "0x3E101Ec02e7A48D16DADE204C96bFF842E7E2519";
-sprinter.getUserBalances(ownerAddress).then(console.log);
-```
-
-### 4. Get Solution
-
-Retrieve the optimal solution for managing cross-chain transactions:
-
-```typescript
-sprinter.getSolution({
-  token: "USDC",
-  destinationChain: 42161,  // Destination chain ID
-  amount: "1000000000"      // Amount in the smallest unit (e.g., wei)
-}).then(console.log);
-```
-
-## Detailed Example
-
-Here's a more detailed example that combines all the basic operations:
-
-```typescript
-import { Sprinter } from '@chainsafe/sprinter-sdk';
-
-const sprinter = new Sprinter();
-
-const ownerAddress = "0x3E101Ec02e7A48D16DADE204C96bFF842E7E2519";
-
-// Fetch user balances
-sprinter.getUserBalances(ownerAddress).then(balances => {
-  console.log('User balances:', balances);
-
-  // Get solution for transactions
-  return sprinter.getSolution({
-    account: ownerAddress,
-    token: "USDC",
-    destinationChain: 42161,  // Destination chain ID
-    amount: "1000000000"      // Amount in the smallest unit (e.g., wei)
-  });
-}).then(solution => {
-  console.log('Transaction solution:', solution);
-
-  // Execute the transaction (handled by DApp)
-  const bestOption = solution[0];
-  executeTransaction(bestOption);
-}).catch(error => {
-  console.error('An error occurred:', error);
-});
-```
\ No newline at end of file
diff --git a/docs/docs/03-sdk/02-advanced-usage.md b/docs/docs/03-sdk/02-advanced-usage.md
deleted file mode 100644
index 3cf8960..0000000
--- a/docs/docs/03-sdk/02-advanced-usage.md
+++ /dev/null
@@ -1,97 +0,0 @@
----
-sidebar_position: 2
----
-
-# Advanced Usage
-
-## Handling Errors
-
-The dApp is responsible for handling errors that occur during the transaction process. Ensure to implement proper error handling mechanisms to provide a smooth user experience.
-
-### Example
-
-```typescript
-const ownerAddress = "0x3E101Ec02e7A48D16DADE204C96bFF842E7E2519";
-sprinter.getUserBalances(ownerAddress)
-  .then(balances => {
-    console.log('User balances:', balances);
-  })
-  .catch(error => {
-    console.error('Error fetching balances:', error);
-  });
-```
-
-### Explanation
-
-- **catch**: The `catch` method is used to handle any errors that occur during the promise's execution, ensuring that your application can manage and log errors effectively.
-
-## Customizing Requests
-
-The Sprinter SDK allows you to customize requests to suit your application's needs. Here’s how to provide additional options when fetching solutions.
-
-### Example
-
-```typescript
-const ownerAddress = "0x3E101Ec02e7A48D16DADE204C96bFF842E7E2519";
-sprinter.getSolution({
-  account: ownerAddress,
-  token: "USDC",
-  destinationChain: 42161,  // Destination chain ID
-  amount: "1000000000"      // Amount in the smallest unit (e.g., wei)
-}).then(solution => {
-  console.log('Transaction solution:', solution);
-});
-```
-
-### Explanation
-
-- **token, destinationChain, amount**: These parameters specify the token, destination chain, and amount for the transaction.
-
-## Integrating With Other Libraries
-
-You can integrate the Sprinter SDK with other libraries and tools in your dApp to enhance functionality.
-
-### Example with Web3.js v4
-
-```typescript
-import { Sprinter } from '@chainsafe/sprinter-sdk';
-import Web3 from 'web3';
-
-async function integrateWithWeb3() {
-  const web3 = new Web3(window.ethereum);
-  const accounts = await web3.eth.requestAccounts();
-
-  const sprinter = new Sprinter();
-
-  const balances = await sprinter.getUserBalances(accounts[0]);
-  console.log('User balances:', balances);
-
-  const solution = await sprinter.getSolution({
-    account: accounts[0],
-    token: "USDC",
-    destinationChain: 42161,
-    amount: "1000000000"
-  });
-
-  console.log('Transaction solution:', solution);
-
-  // Execute transaction using Web3.js
-  const tx = solution[0].transaction;
-
-  web3.eth.sendTransaction(tx)
-    .on('transactionHash', (hash) => {
-      console.log('Transaction hash:', hash);
-    })
-    .on('receipt', (receipt) => {
-      console.log('Transaction receipt:', receipt);
-    })
-    .on('error', console.error);
-}
-
-integrateWithWeb3().catch(console.error);
-```
-
-### Explanation
-
-- **Web3.js v4**: A library for interacting with the Ethereum blockchain, used here to manage accounts and send transactions.
-- **solution[0].transaction**: The transaction object provided by Sprinter's solution that is used to execute the transaction.
\ No newline at end of file
diff --git a/docs/docs/03-sdk/02-installation.md b/docs/docs/03-sdk/02-installation.md
new file mode 100644
index 0000000..8e4e07c
--- /dev/null
+++ b/docs/docs/03-sdk/02-installation.md
@@ -0,0 +1,68 @@
+---
+id: sdk-installation
+title: Installation
+sidebar_position: 2
+---
+
+# Installation
+
+The Sprinter SDK allows developers to interact with cross-chain solutions such as balance aggregation and asset transfers across multiple blockchain networks. This guide will walk you through the installation process.
+
+## Prerequisites
+
+Before installing the SDK, ensure you have the following installed:
+
+- **Node.js**: Version 20 (recommended) or higher 
+- **npm** or **yarn**: A package manager for JavaScript
+
+## Installation
+
+To install the SDK in your project, use either `npm` or `yarn`:
+
+```bash npm2yarn
+npm install @chainsafe/sprinter-sdk
+```
+
+## Basic Setup
+
+Once the SDK is installed, you can initialize it to interact with blockchain networks and fetch data like user balances and supported tokens.
+
+### Example: Initialize `Sprinter`
+
+```typescript
+import { Sprinter, Environment } from '@chainsafe/sprinter-sdk';
+
+const sprinter = new Sprinter({ baseUrl: Environment.MAINNET });
+
+const ownerAddress = "0xYourAddressHere";
+sprinter.getUserBalances(ownerAddress).then(console.log);
+```
+
+## API Usage
+
+You can also call specific API endpoints directly using the SDK. Here’s an example:
+
+```typescript
+import { api } from '@chainsafe/sprinter-sdk';
+
+const ownerAddress = "0xYourAddressHere";
+const tokenSymbol = "USDC";
+
+api.getErc20Balances(ownerAddress, tokenSymbol).then(console.log);
+```
+
+## Environment Configuration
+
+You can configure the SDK using environment variables to set the base URL for API requests.
+
+### Example: Set Base URL
+
+```typescript
+import { setBaseUrl } from '@chainsafe/sprinter-sdk';
+
+setBaseUrl("https://api.sprinter.buildwithsygma.com");
+```
+
+This allows the SDK to communicate with the appropriate API server for cross-chain solutions.
+
+For more advanced configuration and usage examples, refer to the next section on configuring the SDK.
diff --git a/docs/docs/03-sdk/03-class-reference.md b/docs/docs/03-sdk/03-class-reference.md
deleted file mode 100644
index 2e2a2e4..0000000
--- a/docs/docs/03-sdk/03-class-reference.md
+++ /dev/null
@@ -1,284 +0,0 @@
----
-sidebar_position: 3
----
-
-# Sprinter Class Reference
-
-This section details the methods available to the `Sprinter` class in the Sprinter SDK. Use this reference to understand how to utilize the `Sprinter` class in your decentralized applications (dApps).
-
-:::tip
-`FetchOptions` is an object that contains settings for configuring how the fetch requests are made by the SDK. There are two parameters that can be adjusted including `signal`, which hides the request, and `baseURL`, which sets the target for either mainnet or testnet. 
-`AggregateBalances` represents the user's token balances across multiple blockchains. It maps a token symbol to the balance information, which includes the total balance and an array of token balances for each chain.
-:::
-
-## Methods
-
-### `constructor(fetchOptions: Omit<FetchOptions, "signal">)`
-
-Initializes the SDK with the given fetch options. The `signal` property is explicitly excluded, and only `baseURL` can be set. 
-
-#### Parameters
-
-- `fetchOptions: Omit<FetchOptions, "signal">`: An object that allows specifying additional fetch options, excluding the `signal` property. 
-
-#### Example
-
-```typescript
-const sprinter = new Sprinter();
-```
-
-### `getAvailableTokens(): Promise<FungibleToken[]>`
-
-Fetches the available fungible tokens across supported blockchain networks.
-
-#### Returns
-
-- `Promise<FungibleToken[]>`: A promise that resolves to an array of fungible token objects.
-
-#### Example
-
-```typescript
-sprinter.getAvailableTokens().then(tokens => {
-  console.log('Available tokens:', tokens);
-});
-```
-
-### `getAvailableChains(): Promise<Chain[]>`
-
-Fetches the supported blockchain networks.
-
-#### Returns
-
-- `Promise<Chain[]>`: A promise that resolves to an array of chain objects.
-
-#### Example
-
-```typescript
-sprinter.getAvailableChains().then(chains => {
-  console.log('Supported chains:', chains);
-});
-```
-
-### `getUserBalances(account: Address, tokens?: FungibleToken[], options?: FetchOptions): Promise<AggregateBalances>`
-
-Fetches the user's balances for specified tokens across multiple blockchains. If no tokens are specified, it fetches balances for all available tokens.
-
-:::note
-
-Method will always return native tokens under `ETH` key
-
-:::
-
-#### Parameters
-
-- `account`: Targeted account address.
-- `tokens`: An optional array of fungible token objects.
-- `options?: FetchOptions`: Optional fetch options to configure how the request is made.
-
-#### Returns
-
-- `Promise<AggregateBalances>`: A promise that resolves to an object mapping token symbols to balance information. The balance information contains the total balance and an array of token balances on different chains.
-
-#### Example
-
-```typescript
-const ownerAddress = "0x3E101Ec02e7A48D16DADE204C96bFF842E7E2519";
-sprinter.getUserBalances(ownerAddress).then(balances => {
-  console.log('User balances:', balances);
-});
-```
-
-### `getSolution(settings: SolutionOptions | ContractSolutionOptions, options?: FetchOptions): Promise<SolutionResponse>`
-
-There are two variations of this method. One is used for general cross-chain transactions, and another handles contract call solutions:
-- `SolutionOptions`: For standard cross-chain transfers.
-- `ContractSolutionOptions`: For contract call solutions.
-You can specify options to control how the request is made.
-
-#### Parameters
-
-- `settings`: An object containing the parameters for the solution request, excluding the account.
-  - `account`: Targeted account address.
-  - `token`: The token symbol (e.g., "USDC").
-  - `destinationChain`: The ID of the destination blockchain.
-  - `amount`: The amount to be transferred.
-  - `threshold?`: An optional threshold parameter.
-  - `whitelistedSourceChains?`: An optional array of whitelisted source chain IDs.
-
-#### Returns
-
-- `Promise<SolutionResponse>`: A promise that resolves to a solution response object.
-
-#### Example
-
-```typescript
-const solutionSettings = {
-  account: ownerAddress,
-  token: "USDC",
-  destinationChain: 42161,  // Destination chain ID
-  amount: 1000000000        // Amount in the smallest unit (e.g., wei)
-};
-
-sprinter.getSolution(solutionSettings).then(solution => {
-  console.log('Transaction solution:', solution);
-});
-
-// For contract call solution
-const settings = {
-  account: "0x3e101ec02e7a48d16dade204c96bff842e7e2519", 
-  destinationChain: 11155111, 
-  token: "USDC",
-  amount: "100000000", 
-  contractCall: { 
-    callData: "0xabcdef", // encoded contract call data 
-    contractAddress: "0x1234567890abcdef",  
-    gasLimit: 21000, 
-    recipient: "0xRecipientAddress" // for native contract call (usually is contract that will receive tokens)
-  },
-
-sprinter.getSolution(contractSolutionSettings).then(contractSolution => {
-  console.log('Contract call solution:', contractSolution);
-});
-```
-
-### `getCallSolution(settings: ContractSolutionOptions, options?: FetchOptions): Promise<SolutionResponse>`
-
-Retrieves a solution for executing a contract call across chains.
-
-#### Parameters
-
-- `settings: ContractSolutionOptions`: The options required for creating a cross-chain contract call solution.
-- `options: FetchOptions`: Optional fetch options to configure how the request is made.
-
-#### Returns
-
-- `Promise<SolutionResponse>`: A promise that resolves to a solution response object containing details about the contract call execution.
-
-#### Example
-
-```ts
-const contractCallSettings = {
-  account: ownerAddress,
-  contractCall: true,
-  token: "USDC",
-  destinationChain: 42161,  // Destination chain ID
-  amount: 1000000000        // Amount in the smallest unit (e.g., wei)
-};
-
-sprinter.getCallSolution(contractCallSettings).then(callSolution => {
-  console.log('Contract call solution:', callSolution);
-});
-```
-
-## Data Types
-
-### `Address`
-
-Represents an Ethereum address as a string.
-
-### `TokenSymbol`
-
-Represents a token symbol as a string.
-
-### `ChainID`
-
-Represents a chain ID as a number.
-
-### `FungibleToken`
-
-Represents a fungible token available in the system.
-
-#### Properties
-
-- `addresses: Record<ChainID, Address>`: The addresses of the token on different chains.
-- `decimals: number`: The number of decimals the token uses.
-- `logoURI: string`: The URI for the token's logo.
-- `name: string`: The name of the token.
-- `symbol: TokenSymbol`: The symbol of the token.
-
-### `Chain`
-
-Represents a supported blockchain network.
-
-#### Properties
-
-- `chainID: ChainID`: The chain ID.
-- `chainType: ChainType`: The type of the chain.
-- `name: string`: The name of the chain.
-- `logoURI: string`: The URI for the chain's logo.
-- `rpcurls: string[]`: The RPC URLs for the chain.
-
-### `FungibleTokenBalance`
-
-Represents a balance of a fungible token.
-
-#### Properties
-
-- `balance: string`: The balance amount in the smallest unit (e.g., wei).
-- `chainId: ChainID`: The ID of the chain.
-- `tokenDecimals: number`: The number of decimals for the token.
-
-### `SolutionOptions`
-
-Parameters for retrieving a transaction solution.
-
-#### Properties
-
-- `account: Address`: The account address.
-- `destinationChain: ChainID`: The ID of the destination blockchain.
-- `token: TokenSymbol`: The token symbol (e.g., "USDC").
-- `amount: number`: The amount to be transferred.
-- `threshold?`: An optional threshold parameter.
-- `whitelistedSourceChains?`: An optional array of whitelisted source chain IDs.
-
-### `SolutionResponse`
-
-Represents a solution for a cross-chain transaction. It can either be an array of solutions or an error.
-
-#### Properties
-
-- `error?: string`: An optional error message if the solution failed.
-- `solutions?: Solution[]`: An array of solution objects if the solution succeeded.
-
-### `Solution`
-
-Represents a single solution for a cross-chain transaction.
-
-#### Properties
-
-- `destinationChain: ChainID`: The ID of the destination chain.
-- `destinationTokenAddress: Address`: The address of the destination token.
-- `duration: number`: The estimated duration for the transaction in seconds.
-- `fee: Amount`: The fee for the transaction.
-- `gasCost: Amount`: The gas cost for the transaction.
-- `senderAddress: Address`: The sender's address.
-- `sourceChain: ChainID`: The ID of the source chain.
-- `sourceTokenAddress: Address`: The address of the source token.
-- `amount: string`: The amount to be transferred.
-- `tool`: An object containing information about the tool used for the transaction.
-    - `logoURI: string`: The URI for the tool's logo.
-    - `name: string`: The name of the tool.
-- `transaction: Transaction`: The transaction object to be used for executing the transaction.
-
-### `Transaction`
-
-Represents a transaction object.
-
-#### Properties
-
-- `chainId: ChainID`: The ID of the chain.
-- `data: string`: The data for the transaction.
-- `from: Address`: The sender's address.
-- `gasLimit: string`: The gas limit for the transaction.
-- `gasPrice: string`: The gas price for the transaction.
-- `to: Address`: The recipient's address.
-- `value: string`: The value of the transaction in the smallest unit (e.g., wei).
-
-### `Amount`
-
-Represents an amount in both native and USD values.
-
-#### Properties
-
-- `amount: string`: The amount in the smallest unit (e.g., wei).
-- `amountUSD: number`: The equivalent amount in USD.
diff --git a/docs/docs/03-sdk/03-configuration.md b/docs/docs/03-sdk/03-configuration.md
new file mode 100644
index 0000000..be874b9
--- /dev/null
+++ b/docs/docs/03-sdk/03-configuration.md
@@ -0,0 +1,83 @@
+---
+id: sdk-configuration
+title: Configuration
+sidebar_position: 3
+---
+
+# Configuration
+
+The Sprinter SDK provides flexible options to configure the base URL for API interactions and allows you to override these settings on a per-method basis. This guide will show you how to configure the SDK effectively.
+
+## Configuring the `Sprinter` Instance
+
+When initializing the `Sprinter` class, you can pass a `baseUrl` configuration option. This sets the default API endpoint for all interactions.
+
+### `baseUrl`
+
+The `baseUrl` is the API server endpoint. You can either set it manually or use the predefined `Environment` enum to simplify configuration.
+
+```typescript
+import { Sprinter, Environment } from '@chainsafe/sprinter-sdk';
+
+// Using a custom base URL
+const sprinter = new Sprinter({
+  baseUrl: 'https://api.sprinter.buildwithsygma.com',
+});
+
+// Or using a predefined environment URL
+const sprinterWithEnv = new Sprinter({
+  baseUrl: Environment.MAINNET, // Enum that provides predefined URLs
+});
+```
+
+## Set Base URL Using `setBaseUrl`
+
+You can change the `baseUrl` dynamically in your application using the `setBaseUrl` function provided by the SDK. This is useful when you need to modify the API endpoint during runtime.
+
+```typescript
+import { setBaseUrl } from '@chainsafe/sprinter-sdk';
+
+// Dynamically set the base URL during runtime
+setBaseUrl('https://custom.api.url');
+```
+
+## Set Base URL Using Environment Variables
+
+To configure the base URL for all SDK interactions, you can set the `SPRINTER_URL` environment variable in your environment configuration. This is particularly useful for different deployment environments such as development, staging, or production.
+
+```typescript
+// In your environment file (e.g., .env)
+SPRINTER_URL=https://api.sprinter.buildwithsygma.com
+```
+
+In your code, the SDK will use this environment variable automatically:
+
+```typescript
+import { setBaseUrl } from '@chainsafe/sprinter-sdk';
+
+// Automatically set the base URL from the environment variable
+setBaseUrl(process.env.SPRINTER_URL);
+```
+
+## Available URLs
+
+Here are the URLs you can use for the `baseUrl`:
+
+- **Mainnet**: `https://api.sprinter.buildwithsygma.com/`
+- **Testnet**: `https://api.test.sprinter.buildwithsygma.com/`
+
+You can either use these directly in the `baseUrl` option or reference them in your environment variables.
+
+## Overriding `baseUrl` Per Request
+
+Every method in the SDK accepts an optional `fetchOptions` parameter, which contains only the `baseUrl`. This allows you to override the `baseUrl` for individual requests, even if the `Sprinter` instance was initialized with a different URL.
+
+### Example: Overriding `baseUrl` for a Single Request
+
+```typescript
+sprinter.getAvailableTokens({ baseUrl: 'https://custom.api.url' }).then(tokens => {
+  console.log(tokens);
+});
+```
+
+In this example, the `baseUrl` in `fetchOptions` is used only for this specific API request, without changing the base URL for the entire `Sprinter` instance.
diff --git a/docs/docs/03-sdk/04-api-functions.md b/docs/docs/03-sdk/04-api-functions.md
deleted file mode 100644
index aa25b3c..0000000
--- a/docs/docs/03-sdk/04-api-functions.md
+++ /dev/null
@@ -1,263 +0,0 @@
----
-sidebar_position: 4
----
-
-# API Functions Reference
-
-This section provides detailed information about the API functions available in the Sprinter SDK. Use this reference to understand how to utilize the API functions in your decentralized applications (dApps).
-
-## API Functions
-
-### `setBaseUrl(url: string): void`
-
-Sets the base URL for the API.
-
-#### Parameters
-
-- `url`: The base URL to be used for API requests.
-
-#### Example
-
-```typescript
-setBaseUrl("https://test.api.sprinter.buildwithsygma.com/");
-```
-
-### `getSupportedChains(): Promise<Chain[]>`
-
-Fetches the supported blockchain networks.
-
-#### Returns
-
-- `Promise<Chain[]>`: A promise that resolves to an array of chain objects.
-
-#### Example
-
-```typescript
-getSupportedChains().then(chains => {
-  console.log('Supported chains:', chains);
-});
-```
-
-### `getChainTokens(chainID: ChainID): Promise<FungibleToken[]>`
-
-Fetches the fungible tokens available on a specific blockchain network.
-
-#### Parameters
-
-- `chainID`: The ID of the blockchain network.
-
-#### Returns
-
-- `Promise<FungibleToken[]>`: A promise that resolves to an array of fungible token objects.
-
-#### Example
-
-```typescript
-getChainTokens(42161).then(tokens => {
-  console.log('Chain tokens:', tokens);
-});
-```
-
-### `getFungibleTokens(): Promise<FungibleToken[]>`
-
-Fetches the available fungible tokens across all supported blockchain networks.
-
-#### Returns
-
-- `Promise<FungibleToken[]>`: A promise that resolves to an array of fungible token objects.
-
-#### Example
-
-```typescript
-getFungibleTokens().then(tokens => {
-  console.log('Available fungible tokens:', tokens);
-});
-```
-
-### `getFungibleToken(token: TokenSymbol): Promise<FungibleToken>`
-
-Fetches the details of a specific fungible token.
-
-#### Parameters
-
-- `token`: The symbol of the token.
-
-#### Returns
-
-- `Promise<FungibleToken>`: A promise that resolves to
-
-a fungible token object.
-
-#### Example
-
-```typescript
-getFungibleToken("USDC").then(token => {
-  console.log('Fungible token:', token);
-});
-```
-
-### `getUserFungibleTokens(address: Address, token: TokenSymbol): Promise<FungibleTokenBalance[]>`
-
-Fetches the user's balances for a specific fungible token.
-
-#### Parameters
-
-- `address`: The user's Ethereum address.
-- `token`: The symbol of the token.
-
-#### Returns
-
-- `Promise<FungibleTokenBalance[]>`: A promise that resolves to an array of fungible token balance objects.
-
-#### Example
-
-```typescript
-getUserFungibleTokens("0x123...", "USDC").then(balances => {
-  console.log('User fungible token balances:', balances);
-});
-```
-
-### `getSolution(options: SolutionOptions): Promise<SolutionResponse>`
-
-Retrieves the optimal solution for managing cross-chain transactions based on the provided options.
-
-#### Parameters
-
-- `options`: An object containing the parameters for the solution request.
-    - `account`: The account address.
-    - `destinationChain`: The ID of the destination blockchain.
-    - `token`: The token symbol (e.g., "USDC").
-    - `amount`: The amount to be transferred.
-    - `threshold?`: An optional threshold parameter.
-    - `whitelistedSourceChains?`: An optional array of whitelisted source chain IDs.
-
-#### Returns
-
-- `Promise<SolutionResponse>`: A promise that resolves to a solution response object.
-
-#### Example
-
-```typescript
-getSolution({
-  account: "0x123...",
-  destinationChain: 42161,
-  token: "USDC",
-  amount: 1000000000
-}).then(solution => {
-  console.log('Transaction solution:', solution);
-});
-```
-
-## Data Types
-
-### `Address`
-
-Represents an Ethereum address as a string.
-
-### `TokenSymbol`
-
-Represents a token symbol as a string.
-
-### `ChainID`
-
-Represents a chain ID as a number.
-
-### `FungibleToken`
-
-Represents a fungible token available in the system.
-
-#### Properties
-
-- `addresses: Record<ChainID, Address>`: The addresses of the token on different chains.
-- `decimals: number`: The number of decimals the token uses.
-- `logoURI: string`: The URI for the token's logo.
-- `name: string`: The name of the token.
-- `symbol: TokenSymbol`: The symbol of the token.
-
-### `Chain`
-
-Represents a supported blockchain network.
-
-#### Properties
-
-- `chainID: ChainID`: The chain ID.
-- `chainType: ChainType`: The type of the chain.
-- `name: string`: The name of the chain.
-- `logoURI: string`: The URI for the chain's logo.
-- `rpcurls: string[]`: The RPC URLs for the chain.
-
-### `FungibleTokenBalance`
-
-Represents a balance of a fungible token.
-
-#### Properties
-
-- `balance: string`: The balance amount in the smallest unit (e.g., wei).
-- `chainId: ChainID`: The ID of the chain.
-- `tokenDecimals: number`: The number of decimals for the token.
-
-### `SolutionOptions`
-
-Parameters for retrieving a transaction solution.
-
-#### Properties
-
-- `account: Address`: The account address.
-- `destinationChain: ChainID`: The ID of the destination blockchain.
-- `token: TokenSymbol`: The token symbol (e.g., "USDC").
-- `amount: number`: The amount to be transferred.
-- `threshold?`: An optional threshold parameter.
-- `whitelistedSourceChains?`: An optional array of whitelisted source chain IDs.
-
-### `SolutionResponse`
-
-Represents a solution for a cross-chain transaction. It can either be an array of solutions or an error.
-
-#### Properties
-
-- `error?: string`: An optional error message if the solution failed.
-- `solutions?: Solution[]`: An array of solution objects if the solution succeeded.
-
-### `Solution`
-
-Represents a single solution for a cross-chain transaction.
-
-#### Properties
-
-- `destinationChain: ChainID`: The ID of the destination chain.
-- `destinationTokenAddress: Address`: The address of the destination token.
-- `duration: number`: The estimated duration for the transaction in seconds.
-- `fee: Amount`: The fee for the transaction.
-- `gasCost: Amount`: The gas cost for the transaction.
-- `senderAddress: Address`: The sender's address.
-- `sourceChain: ChainID`: The ID of the source chain.
-- `sourceTokenAddress: Address`: The address of the source token.
-- `amount: string`: The amount to be transferred.
-- `tool`: An object containing information about the tool used for the transaction.
-    - `logoURI: string`: The URI for the tool's logo.
-    - `name: string`: The name of the tool.
-- `transaction: Transaction`: The transaction object to be used for executing the transaction.
-
-### `Transaction`
-
-Represents a transaction object.
-
-#### Properties
-
-- `chainId: ChainID`: The ID of the chain.
-- `data: string`: The data for the transaction.
-- `from: Address`: The sender's address.
-- `gasLimit: string`: The gas limit for the transaction.
-- `gasPrice: string`: The gas price for the transaction.
-- `to: Address`: The recipient's address.
-- `value: string`: The value of the transaction in the smallest unit (e.g., wei).
-
-### `Amount`
-
-Represents an amount in both native and USD values.
-
-#### Properties
-
-- `amount: string`: The amount in the smallest unit (e.g., wei).
-- `amountUSD: number`: The equivalent amount in USD.
-
diff --git a/docs/docs/03-sdk/04-methods-reference/_category_.json b/docs/docs/03-sdk/04-methods-reference/_category_.json
new file mode 100644
index 0000000..73dc51c
--- /dev/null
+++ b/docs/docs/03-sdk/04-methods-reference/_category_.json
@@ -0,0 +1,3 @@
+{
+  "label": "Methods Reference"
+}
\ No newline at end of file
diff --git a/docs/docs/03-sdk/04-methods-reference/_gas-tip.md b/docs/docs/03-sdk/04-methods-reference/_gas-tip.md
new file mode 100644
index 0000000..71e4619
--- /dev/null
+++ b/docs/docs/03-sdk/04-methods-reference/_gas-tip.md
@@ -0,0 +1,3 @@
+:::tip Gas Estimation Tip
+For better accuracy when dealing with contract calls and transactions, it’s recommended to estimate the `gasPrice` and `gasLimit` using your own blockchain provider. This ensures that the values reflect the current network conditions and avoid overpaying or underestimating gas fees.
+:::
diff --git a/docs/docs/03-sdk/04-methods-reference/_how-to-calldata.md b/docs/docs/03-sdk/04-methods-reference/_how-to-calldata.md
new file mode 100644
index 0000000..0835b7c
--- /dev/null
+++ b/docs/docs/03-sdk/04-methods-reference/_how-to-calldata.md
@@ -0,0 +1,135 @@
+import Tabs from '@theme/Tabs';
+import TabItem from '@theme/TabItem';
+
+### Creating `callData`
+
+The following examples demonstrate how to create the `callData` parameter required for interacting with a staking smart contract. We provide examples using different web3 libraries: Web3JS, Viem, and Ethers.
+
+<details>
+  <summary>Show Example Staking Contract and ABI</summary>
+
+  ```solidity
+  pragma solidity ^0.8.0;
+
+  contract StakingContract {
+      mapping(address => uint256) public stakes;
+      uint256 public totalStakes;
+
+      function stake(uint256 amount) public {
+          require(amount > 0, "Amount must be greater than zero");
+          stakes[msg.sender] += amount;
+          totalStakes += amount;
+      }
+
+      function withdraw(uint256 amount) public {
+          require(amount > 0 && stakes[msg.sender] >= amount, "Invalid amount");
+          stakes[msg.sender] -= amount;
+          totalStakes -= amount;
+      }
+
+      function getStake(address user) public view returns (uint256) {
+          return stakes[user];
+      }
+  }
+  ```
+
+  ```json
+  {
+  "abi": [
+    {
+      "inputs": [
+        {
+          "internalType": "uint256",
+          "name": "amount",
+          "type": "uint256"
+        }
+      ],
+      "name": "stake",
+      "outputs": [],
+      "stateMutability": "nonpayable",
+      "type": "function"
+    },
+    {
+      "inputs": [
+        {
+          "internalType": "uint256",
+          "name": "amount",
+          "type": "uint256"
+        }
+      ],
+      "name": "withdraw",
+      "outputs": [],
+      "stateMutability": "nonpayable",
+      "type": "function"
+    },
+    {
+      "inputs": [
+        {
+          "internalType": "address",
+          "name": "user",
+          "type": "address"
+        }
+      ],
+      "name": "getStake",
+      "outputs": [
+        {
+          "internalType": "uint256",
+          "name": "",
+          "type": "uint256"
+        }
+      ],
+      "stateMutability": "view",
+      "type": "function"
+    }
+  ]
+}
+  ```
+</details>
+
+<Tabs queryString="web3-libs">
+  <TabItem value="web3js" label="Web3JS" default>
+
+    ```typescript
+    import Web3 from 'web3';
+    import contractABI from './stakingContractABI';
+
+    const web3 = new Web3('<YOUR_INFURA_OR_ALCHEMY_URL>');
+    const contractAddress = '<YOUR_CONTRACT_ADDRESS>';
+
+    const stakingContract = new web3.eth.Contract(contractABI, contractAddress);
+    const encodedData = stakingContract.methods.stake(100).encodeABI();
+    console.log('Encoded Data:', encodedData);
+    ```
+
+  </TabItem>
+  <TabItem value="viem" label="Viem">
+
+    ```typescript
+    import { encodeFunctionData } from 'viem';
+    import contractABI from './stakingContractABI';
+
+    const abi = contractABI;
+    const functionName = 'stake';
+    const args = [100];
+
+    const encodedData = encodeFunctionData({ abi, functionName, args });
+    console.log('Encoded Data:', encodedData);
+    ```
+
+  </TabItem>
+  <TabItem value="ethers" label="Ethers">
+
+    ```typescript
+    import { ethers } from 'ethers';
+    import contractABI from './stakingContractABI';
+
+    const provider = new ethers.providers.JsonRpcProvider('<YOUR_INFURA_OR_ALCHEMY_URL>');
+    const contractAddress = '<YOUR_CONTRACT_ADDRESS>';
+
+    const stakingContract = new ethers.Contract(contractAddress, contractABI, provider);
+    const encodedData = stakingContract.interface.encodeFunctionData('stake', [100]);
+    console.log('Encoded Data:', encodedData);
+    ```
+
+  </TabItem>
+</Tabs>
diff --git a/docs/docs/03-sdk/04-methods-reference/_how-to-gas-limit.md b/docs/docs/03-sdk/04-methods-reference/_how-to-gas-limit.md
new file mode 100644
index 0000000..71395b5
--- /dev/null
+++ b/docs/docs/03-sdk/04-methods-reference/_how-to-gas-limit.md
@@ -0,0 +1,159 @@
+import Tabs from '@theme/Tabs';
+import TabItem from '@theme/TabItem';
+
+### Estimating `gasLimit`
+
+The following examples demonstrate how to estimate the `gasLimit` parameter required for interacting with a staking smart contract. We provide examples using different web3 libraries: Web3JS, Viem, and Ethers. 
+
+:::note
+To ensure that the transaction has enough gas, we recommend using the estimated gas limit from the provider, adding 25% as a buffer, and then adding an additional 100,000 units for fail-safe calculations. This ensures the transaction won’t run out of gas, even for complex contract interactions.
+:::
+
+<details>
+  <summary>Show Example Staking Contract and ABI</summary>
+
+  ```solidity
+  pragma solidity ^0.8.0;
+
+  contract StakingContract {
+      mapping(address => uint256) public stakes;
+      uint256 public totalStakes;
+
+      function stake(uint256 amount) public {
+          require(amount > 0, "Amount must be greater than zero");
+          stakes[msg.sender] += amount;
+          totalStakes += amount;
+      }
+
+      function withdraw(uint256 amount) public {
+          require(amount > 0 && stakes[msg.sender] >= amount, "Invalid amount");
+          stakes[msg.sender] -= amount;
+          totalStakes -= amount;
+      }
+
+      function getStake(address user) public view returns (uint256) {
+          return stakes[user];
+      }
+  }
+  ```
+
+  ```json
+  {
+  "abi": [
+    {
+      "inputs": [
+        {
+          "internalType": "uint256",
+          "name": "amount",
+          "type": "uint256"
+        }
+      ],
+      "name": "stake",
+      "outputs": [],
+      "stateMutability": "nonpayable",
+      "type": "function"
+    },
+    {
+      "inputs": [
+        {
+          "internalType": "uint256",
+          "name": "amount",
+          "type": "uint256"
+        }
+      ],
+      "name": "withdraw",
+      "outputs": [],
+      "stateMutability": "nonpayable",
+      "type": "function"
+    },
+    {
+      "inputs": [
+        {
+          "internalType": "address",
+          "name": "user",
+          "type": "address"
+        }
+      ],
+      "name": "getStake",
+      "outputs": [
+        {
+          "internalType": "uint256",
+          "name": "",
+          "type": "uint256"
+        }
+      ],
+      "stateMutability": "view",
+      "type": "function"
+    }
+  ]
+}
+  ```
+</details>
+
+<Tabs queryString="web3-libs">
+  <TabItem value="web3js" label="Web3JS" default>
+
+    ```typescript
+    import Web3 from 'web3';
+    import contractABI from './stakingContractABI';
+
+    const web3 = new Web3('<YOUR_INFURA_OR_ALCHEMY_URL>');
+    const contractAddress = '<YOUR_CONTRACT_ADDRESS>';
+    const account = '<YOUR_ACCOUNT_ADDRESS>';
+
+    const stakingContract = new web3.eth.Contract(contractABI, contractAddress);
+
+    async function estimateGas() {
+      const estimatedGas = await stakingContract.methods.stake(100).estimateGas({ from: account });
+      const gasLimit = Math.floor(estimatedGas * 1.25) + 100000; // Add 25% and 100k for safety
+      console.log('Estimated Gas Limit:', gasLimit);
+    }
+
+    estimateGas();
+    ```
+
+  </TabItem>
+  <TabItem value="viem" label="Viem">
+
+    ```typescript
+    import { encodeFunctionData } from 'viem';
+    import { estimateGas } from 'viem';
+    import contractABI from './stakingContractABI';
+
+    const abi = contractABI;
+    const functionName = 'stake';
+    const args = [100];
+
+    async function estimateGas() {
+      const estimatedGas = await estimateGas({ abi, functionName, args });
+      const gasLimit = Math.floor(estimatedGas * 1.25) + 200000; // Add 25% and 200k for safety
+      console.log('Estimated Gas Limit:', gasLimit);
+    }
+
+    estimateGas();
+    ```
+
+  </TabItem>
+  <TabItem value="ethers" label="Ethers">
+
+    ```typescript
+    import { ethers } from 'ethers';
+    import contractABI from './stakingContractABI';
+
+    const provider = new ethers.providers.JsonRpcProvider('<YOUR_INFURA_OR_ALCHEMY_URL>');
+    const contractAddress = '<YOUR_CONTRACT_ADDRESS>';
+    const signer = provider.getSigner('<YOUR_ACCOUNT_ADDRESS>');
+
+    const stakingContract = new ethers.Contract(contractAddress, contractABI, signer);
+
+    async function estimateGas() {
+      const estimatedGas = await stakingContract.estimateGas.stake(100);
+      const gasLimit = Math.floor(Number(estimatedGas) * 1.25) + 200000; // Add 25% and 200k for safety
+      console.log('Estimated Gas Limit:', gasLimit.toString());
+    }
+
+    estimateGas();
+    ```
+
+  </TabItem>
+</Tabs>
diff --git a/docs/docs/03-sdk/04-methods-reference/general/_category_.json b/docs/docs/03-sdk/04-methods-reference/general/_category_.json
new file mode 100644
index 0000000..857a6a7
--- /dev/null
+++ b/docs/docs/03-sdk/04-methods-reference/general/_category_.json
@@ -0,0 +1,6 @@
+{
+  "label": "General",
+  "collapsed": false,
+  "collapsible": false,
+  "position": 1
+}
\ No newline at end of file
diff --git a/docs/docs/03-sdk/04-methods-reference/general/getAvailableChains.md b/docs/docs/03-sdk/04-methods-reference/general/getAvailableChains.md
new file mode 100644
index 0000000..be255ab
--- /dev/null
+++ b/docs/docs/03-sdk/04-methods-reference/general/getAvailableChains.md
@@ -0,0 +1,105 @@
+---
+id: get-available-chains
+title: getAvailableChains
+sidebar_position: 1
+---
+
+# `getAvailableChains`
+
+The `getAvailableChains` method retrieves a list of supported blockchain networks, including chain details like chain ID, RPC URLs, and native tokens.
+
+## Usage
+
+```typescript
+import { Sprinter, Environment } from '@chainsafe/sprinter-sdk';
+
+const sprinter = new Sprinter({ baseUrl: Environment.TESTNET });
+
+sprinter.getAvailableChains().then(chains => {
+  console.log(chains);
+});
+```
+
+## Parameters
+
+- `fetchOptions?`: *(Optional)* An object containing `baseUrl` to override the default API endpoint for this request.
+
+### Example: Using `fetchOptions`
+
+```typescript
+sprinter.getAvailableChains({ baseUrl: 'https://custom.api.url' }).then(chains => {
+  console.log(chains);
+});
+```
+
+## Response
+
+Returns a promise that resolves to an `Array<Chain>`.
+
+```typescript
+type Response = Array<Chain>;
+
+interface Chain {
+  chainType: string;
+  name: string;
+  chainID: number;
+  rpcURLs: Array<string>;
+  logoURI: string;
+  blockTime: number;
+  nativeToken: {
+    name: string;
+    decimals: number;
+  };
+}
+```
+
+### Example Response
+
+```json
+{
+  "data": [
+    {
+      "chainType": "evm",
+      "name": "Sepolia",
+      "chainID": 11155111,
+      "rpcURLs": [
+        "https://ethereum-sepolia-rpc.publicnode.com/"
+      ],
+      "logoURI": "https://scan.buildwithsygma.com/assets/icons/evm.svg",
+      "blockTime": 12000000000,
+      "nativeToken": {
+        "name": "ETH",
+        "decimals": 18
+      }
+    },
+    {
+      "chainType": "evm",
+      "name": "B3Sepolia",
+      "chainID": 1993,
+      "rpcURLs": [
+        "https://sepolia.b3.fun"
+      ],
+      "logoURI": "https://cdn.b3.fun/b3_logo.svg",
+      "blockTime": 1000000000,
+      "nativeToken": {
+        "name": "ETH",
+        "decimals": 18
+      }
+    },
+    {
+      "chainType": "evm",
+      "name": "BaseSepolia",
+      "chainID": 84532,
+      "rpcURLs": [
+        "https://sepolia.base.org"
+      ],
+      "logoURI": "https://scan.buildwithsygma.com/assets/icons/base.svg",
+      "blockTime": 12000000000,
+      "nativeToken": {
+        "name": "ETH",
+        "decimals": 18
+      }
+    }
+  ]
+}
+```
diff --git a/docs/docs/03-sdk/04-methods-reference/general/getAvailableTokens.md b/docs/docs/03-sdk/04-methods-reference/general/getAvailableTokens.md
new file mode 100644
index 0000000..e6a4318
--- /dev/null
+++ b/docs/docs/03-sdk/04-methods-reference/general/getAvailableTokens.md
@@ -0,0 +1,80 @@
+---
+id: get-available-tokens
+title: getAvailableTokens
+sidebar_position: 2
+---
+
+# `getAvailableTokens`
+
+The `getAvailableTokens` method retrieves a list of supported fungible tokens across multiple blockchain networks.
+
+## Usage
+
+```typescript
+import { Sprinter, Environment } from '@chainsafe/sprinter-sdk';
+
+const sprinter = new Sprinter({ baseUrl: Environment.TESTNET });
+
+sprinter.getAvailableTokens().then(tokens => {
+  console.log(tokens);
+});
+```
+
+## Parameters
+
+- `fetchOptions?`: *(Optional)* An object containing `baseUrl` to override the default API endpoint for this request.
+
+### Example: Using `fetchOptions`
+
+```typescript
+sprinter.getAvailableTokens({ baseUrl: 'https://custom.api.url' }).then(tokens => {
+  console.log(tokens);
+});
+```
+
+## Response
+
+Returns a promise that resolves to an `Array<FungibleToken>`.
+
+```typescript
+type Response = Array<FungibleToken>;
+
+interface FungibleToken {
+  addresses: Record<ChainID, Address>;
+  decimals: number;
+  logoURI: string;
+  name: string;
+  symbol: TokenSymbol;
+}
+```
+
+### Example Response
+
+```json
+{
+  "data": [
+    {
+      "name": "USDC",
+      "decimals": 6,
+      "symbol": "USDC",
+      "logoURI": "https://raw.githubusercontent.com/trustwallet/assets/8cee462de2cc16eed81ded90ced5dbd64f7145cb/blockchains/ethereum/assets/0xA0b86991c6218b36c1d19D4a2e9Eb0cE3606eB48/logo.png",
+      "addresses": {
+        "11155111": "0x1c7D4B196Cb0C7B01d743Fbc6116a902379C7238",
+        "1993": "0xE61e5ed4c4f198c5384Ef57E69aAD1eF0c911004",
+        "84532": "0x036CbD53842c5426634e7929541eC2318f3dCF7e"
+      }
+    },
+    {
+      "name": "Wrapped ETH",
+      "decimals": 18,
+      "symbol": "WETH",
+      "logoURI": "https://raw.githubusercontent.com/trustwallet/assets/8cee462de2cc16eed81ded90ced5dbd64f7145cb/blockchains/optimism/assets/0x4200000000000000000000000000000000000006/logo.png",
+      "addresses": {
+        "11155111": "0xfFf9976782d46CC05630D1f6eBAb18b2324d6B14",
+        "1993": "0x3538f4C55893eDca690D1e4Cf9Fb61FB70cd0DD8",
+        "84532": "0x4200000000000000000000000000000000000006"
+      }
+    }
+  ]
+}
+```
diff --git a/docs/docs/03-sdk/04-methods-reference/general/getUserBalances.md b/docs/docs/03-sdk/04-methods-reference/general/getUserBalances.md
new file mode 100644
index 0000000..a83a9fd
--- /dev/null
+++ b/docs/docs/03-sdk/04-methods-reference/general/getUserBalances.md
@@ -0,0 +1,111 @@
+---
+id: get-user-balances
+title: getUserBalances
+sidebar_position: 3
+---
+
+# `getUserBalances`
+
+The `getUserBalances` method retrieves the aggregated balance of a user across multiple chains for specified tokens or native assets.
+
+## Usage
+
+```typescript
+import { Sprinter, Environment } from '@chainsafe/sprinter-sdk';
+
+const sprinter = new Sprinter({ baseUrl: Environment.TESTNET });
+
+const ownerAddress = "0xYourAddressHere";
+sprinter.getUserBalances(ownerAddress).then(balances => {
+  console.log(balances);
+});
+```
+
+## Parameters
+
+- `account`: *(Required)* The address of the user whose balances will be retrieved.
+- `tokens?`: *(Optional)* An array of tokens for which balances will be retrieved. If omitted, the method will return balances for all tokens and native assets. If an empty array is provided, only native token balances will be returned.
+- `fetchOptions?`: *(Optional)* An object containing `baseUrl` to override the default API endpoint for this request.
+
+### Example: Using `tokens` and `fetchOptions`
+
+```typescript
+const tokens = [
+  { symbol: 'USDC', decimals: 6, addresses: { '11155111': '0x1c7D4B196Cb0C7B01d743Fbc6116a902379C7238' } }
+];
+
+sprinter.getUserBalances(ownerAddress, tokens, { baseUrl: 'https://custom.api.url' }).then(balances => {
+  console.log(balances);
+});
+```
+
+## Behavior of the `tokens` Parameter
+
+- **If `tokens` is omitted**: The method will return balances for all supported tokens and native assets.
+- **If `tokens` is specified**: The method will return balances only for the specified tokens and native assets.
+- **If `tokens` is an empty array**: The method will return only native token balances.
+
+Providing specific tokens or an empty array can help reduce the response time, as fewer tokens need to be fetched.
+
+## Response
+
+Returns a promise that resolves to an `AggregateBalances` object.
+
+```typescript
+type AggregateBalances = {
+  [symbol: string]: {
+    balances: Array<TokenBalance>;
+    total: string;
+  };
+};
+
+interface TokenBalance {
+  balance: string;
+  chainId: number;
+  tokenDecimals: number;
+}
+```
+
+### Example Response
+
+```json
+{
+  "ETH": {
+    "balances": [
+      {
+        "balance": "1234567890000000000",
+        "chainId": 11155111,
+        "tokenDecimals": 18
+      },
+      {
+        "balance": "9876543210000000000",
+        "chainId": 84532,
+        "tokenDecimals": 18
+      }
+    ],
+    "total": "11111111100000000000"
+  },
+  "USDC": {
+    "balances": [
+      {
+        "balance": "1000000",
+        "chainId": 11155111,
+        "tokenDecimals": 6
+      },
+      {
+        "balance": "2000000",
+        "chainId": 84532,
+        "tokenDecimals": 6
+      }
+    ],
+    "total": "3000000"
+  }
+}
+```
+
+## Notes
+
+- If the `tokens` array is omitted, balances for all tokens and native assets will be returned.
+- If you provide specific tokens, balances will be fetched only for those tokens and native assets.
+- If you provide an empty `tokens` array, only native token balances will be returned.
+- Specifying tokens or an empty array can result in faster responses, as fewer tokens need to be fetched.
diff --git a/docs/docs/03-sdk/04-methods-reference/pool-asset-on-destination/_category_.json b/docs/docs/03-sdk/04-methods-reference/pool-asset-on-destination/_category_.json
new file mode 100644
index 0000000..9eb0f07
--- /dev/null
+++ b/docs/docs/03-sdk/04-methods-reference/pool-asset-on-destination/_category_.json
@@ -0,0 +1,6 @@
+{
+  "label": "Pool Asset On Destination",
+  "collapsed": false,
+  "collapsible": false,
+  "position": 3
+}
\ No newline at end of file
diff --git a/docs/docs/03-sdk/04-methods-reference/pool-asset-on-destination/poolAssetOnDestination.md b/docs/docs/03-sdk/04-methods-reference/pool-asset-on-destination/poolAssetOnDestination.md
new file mode 100644
index 0000000..c520e5a
--- /dev/null
+++ b/docs/docs/03-sdk/04-methods-reference/pool-asset-on-destination/poolAssetOnDestination.md
@@ -0,0 +1,146 @@
+---
+id: pool-asset-on-destination
+title: poolAssetOnDestination
+sidebar_position: 1
+---
+
+# `poolAssetOnDestination`
+
+The `poolAssetOnDestination` method generates a solution for pooling fungible token balances across multiple source chains and transferring them to a specified destination chain. This method calculates the best combination of multi-hop transfers from available source chains, ultimately pooling the assets on the destination chain.
+
+## Usage
+
+```typescript
+import { Sprinter, Environment } from '@chainsafe/sprinter-sdk';
+
+const sprinter = new Sprinter({ baseUrl: Environment.TESTNET });
+
+const settings = {
+  account: '0xYourAddressHere',
+  destinationChain: 11155111,  // Sepolia testnet
+  token: 'USDC',
+  amount: 1000000,  // Targeted balance on the destination chain, in the smallest denomination
+  sourceChains: [84532, 1993],  // Optional: List of source chains to be considered
+};
+
+sprinter.poolAssetOnDestination(settings).then(solution => {
+  console.log(solution);
+});
+```
+
+## Parameters
+
+- `settings`: *(Required)* An object containing the following fields:
+  - `account`: The user’s address.
+  - `destinationChain`: The ID of the destination chain.
+  - `token`: The symbol of the token to be pooled and transferred (e.g., `USDC`, `ETH`).
+  - `amount`: The target amount of the token on the destination chain, in the smallest denomination (e.g., for USDC with 6 decimals, 1 USDC = 1,000,000).
+  - `sourceChains?`: *(Optional)* An array of source chain IDs to be considered for pooling. If omitted, Sprinter will use all available source chains.
+  - `threshold?`: *(Optional)* The minimum amount of the token to leave on the source chain, in the smallest denomination (useful for avoiding emptying the source chain completely).
+
+- `fetchOptions?`: *(Optional)* An object containing `baseUrl` to override the default API endpoint for this request.
+
+### Example: Pooling from Multiple Chains
+
+In this example, balances from multiple source chains (e.g., BaseSepolia and B3Sepolia) are pooled to the destination chain (Sepolia).
+
+```typescript
+const settings = {
+  account: '0xYourAddressHere',
+  destinationChain: 11155111,  // Sepolia testnet
+  token: 'USDC',
+  amount: 1000000,  // Target balance on destination chain
+  sourceChains: [84532, 1993]  // BaseSepolia and B3Sepolia as source chains
+};
+
+sprinter.poolAssetOnDestination(settings).then(solution => {
+  console.log(solution);
+});
+```
+
+### Example: Using `fetchOptions`
+
+```typescript
+sprinter.poolAssetOnDestination(settings, { baseUrl: 'https://custom.api.url' }).then(solution => {
+  console.log(solution);
+});
+```
+
+## Response
+
+Returns a promise that resolves to a `SolutionResponse`.
+
+```typescript
+type SolutionResponse = Array<Solution> | FailedSolution;
+
+interface Solution {
+  destinationChain: number;
+  destinationTokenAddress: string;
+  duration: number;  // Time estimate in seconds
+  fee: Amount;
+  gasCost: Amount;
+  senderAddress: string;
+  sourceChain: number;
+  sourceTokenAddress: string;
+  amount: string;
+  tool: Tool;
+  transaction: Transaction;
+  approvals?: Array<Transaction>;
+}
+
+interface FailedSolution {
+  error: string;
+}
+```
+
+### Example Response
+
+import GasTip from "../_gas-tip.md"
+
+<GasTip />
+
+```json
+[
+  {
+    "sourceChain": 84532,
+    "destinationChain": 11155111,
+    "sourceTokenAddress": "0x036CbD53842c5426634e7929541eC2318f3dCF7e",
+    "destinationTokenAddress": "0x1c7D4B196Cb0C7B01d743Fbc6116a902379C7238",
+    "senderAddress": "0x3e101ec02e7a48d16dade204c96bff842e7e2519",
+    "tool": {
+      "name": "Sygma-Testnet",
+      "logoURI": "https://scan.buildwithsygma.com/assets/images/logo1.svg"
+    },
+    "gasCost": {
+      "amount": "221055913000",
+      "amountUSD": 0
+    },
+    "fee": {
+      "amount": "1000000000000000",
+      "amountUSD": 0
+    },
+    "amount": "100000000",
+    "duration": 60000000000,
+    "transaction": {
+      "data": "0x73c45c98000000000000000000000000000000000000000000000000000000000000000200000000000000000000000000000000000000000000000000000000000012000000000000000000000000000000000000000000000000000000000000000080000000000000000000000000000000000000000000000000000000000000010000000000000000000000000000000000000000000000000000000000000000540000000000000000000000000000000000000000000000000000000005f5e10000000000000000000000000000000000000000000000000000000000000000143e101ec02e7a48d16dade204c96bff842e7e251900000000000000000000000000000000000000000000000000000000000000000000000000000000000000023078000000000000000000000000000000000000000000000000000000000000",
+      "to": "0x9D5C332Ebe0DaE36e07a4eD552Ad4d8c5067A61F",
+      "from": "0x3E101Ec02e7A48D16DADE204C96bFF842E7E2519",
+      "value": "0x38d7ea4c68000",
+      "gasPrice": "0xf433d",
+      "gasLimit": "0x35f48",
+      "chainId": 84532
+    },
+    "approvals": [
+      {
+        "data": "0x095ea7b30000000000000000000000003b0f996c474c91de56617da13a52b22bb659d18e0000000000000000000000000000000000000000000000000000000005f5e100",
+        "to": "0x036CbD53842c5426634e7929541eC2318f3dCF7e",
+        "from": "0x3E101Ec02e7A48D16DADE204C96bFF842E7E2519",
+        "value": "0x0",
+        "gasPrice": "0xf433d",
+        "gasLimit": "0xe484",
+        "chainId": 84532
+      }
+    ]
+  }
+]
+```
diff --git a/docs/docs/03-sdk/04-methods-reference/pool-asset-on-destination/poolAssetOnDestinationWithHook.md b/docs/docs/03-sdk/04-methods-reference/pool-asset-on-destination/poolAssetOnDestinationWithHook.md
new file mode 100644
index 0000000..274b0bc
--- /dev/null
+++ b/docs/docs/03-sdk/04-methods-reference/pool-asset-on-destination/poolAssetOnDestinationWithHook.md
@@ -0,0 +1,255 @@
+---
+id: pool-asset-on-destination-with-hook
+title: poolAssetOnDestinationWithHook
+sidebar_position: 2
+---
+
+# `poolAssetOnDestinationWithHook`
+
+The `poolAssetOnDestinationWithHook` method generates a solution for pooling token balances from multiple source chains and transferring them to a specified destination chain, followed by a contract call on the destination chain. This method calculates the best combination of transfers from available source chains and includes a contract interaction after the token transfer.
+
+:::warning Cross-Chain Aggregation Behavior
+
+When pooling balances from multiple chains, the contract call will be executed once per source chain. This means the same contract will be called multiple times, which may result in unintended behavior for certain use cases. Ensure that your contract can handle repeated calls, as this may not be suitable for actions like NFT minting or governance voting, where a single action is expected.
+
+This behavior is generally fine for operations like staking or liquidity deposits, where multiple transactions are acceptable.
+
+:::
+
+## Usage
+
+import Tabs from '@theme/Tabs';
+import TabItem from '@theme/TabItem';
+
+<Tabs groupId="call-type" queryString>
+  <TabItem value="token" label="Token Transfer with Contract Call">
+
+In this example, a token transfer (e.g., `USDC`) is pooled from multiple source chains, followed by a contract call on the destination chain. You need to provide `outputTokenAddress` and `approvalAddress` to allow the contract to move tokens on behalf of the user.
+
+```typescript
+import { Sprinter, Environment } from '@chainsafe/sprinter-sdk';
+
+const sprinter = new Sprinter({ baseUrl: Environment.TESTNET });
+
+const settings = {
+  account: '0xYourAddressHere',
+  destinationChain: 11155111,  // Sepolia testnet
+  token: 'USDC',
+  amount: 1000000,  // Targeted balance on the destination chain, in the smallest denomination
+  contractCall: {
+    contractAddress: '0xContractAddressHere',
+    callData: '0xSomeCallData',  // Encoded contract interaction data
+    gasLimit: 100000,
+    outputTokenAddress: '0xOutputTokenAddressHere',  // Where tokens will be sent
+    approvalAddress: '0xApprovalAddressHere'  // Contract that needs approval to transfer tokens
+  },
+  recipient: '0xRecipientAddress',  // Optional recipient of leftover tokens
+  sourceChains: [84532, 1993],  // Optional: List of source chains to be considered
+};
+
+sprinter.poolAssetOnDestinationWithHook(settings).then(solution => {
+  console.log(solution);
+});
+```
+  </TabItem>
+
+  <TabItem value="native" label="Native Token Transfer with Contract Call">
+
+In this example, a native token (e.g., `ETH`) is pooled from multiple source chains, followed by a contract call on the destination chain.
+
+```typescript
+const settings = {
+  account: '0xYourAddressHere',
+  destinationChain: 11155111,  // Sepolia testnet
+  token: 'ETH',
+  amount: 5000000000000000000,  // 5 ETH in the smallest denomination (wei)
+  contractCall: {
+    contractAddress: '0xContractAddressHere',
+    callData: '0xSomeCallData',  // Encoded contract interaction data
+    gasLimit: 21000,  // Standard gas limit for ETH transfers
+  },
+  recipient: '0xRecipientAddressHere',  // The recipient of the native token transfer
+  sourceChains: [84532, 1993]  // Optional: List of source chains to be considered
+};
+
+sprinter.poolAssetOnDestinationWithHook(settings).then(solution => {
+  console.log(solution);
+});
+```
+  </TabItem>
+</Tabs>
+
+:::note
+You can limit the solution to a specific source chain using the `sourceChains` field. For example, to use only `BaseSepolia` (chain ID `84532`) and another chain, provide it as an array like this:
+
+```typescript
+sourceChains: [84532, 1993];
+```
+If omitted, Sprinter will consider all available source chains.
+:::
+
+### Example: Using `fetchOptions`
+
+```typescript
+sprinter.poolAssetOnDestinationWithHook(settings, { baseUrl: 'https://custom.api.url' }).then(solution => {
+  console.log(solution);
+});
+```
+
+## Parameters
+
+- `settings`: *(Required)* An object containing the following fields:
+    - `account`: The user’s address.
+    - `destinationChain`: The ID of the destination chain.
+    - `token`: The symbol of the token to be pooled and transferred (e.g., `USDC`, `ETH`).
+    - `amount`: The target amount of the token on the destination chain, in the smallest denomination (e.g., for USDC with 6 decimals, 1 USDC = 1,000,000).
+    - `contractCall`: An object containing the contract call details, depending on the type of contract call:
+        - **Native Contract Call**:
+            - `contractAddress`: The contract address on the destination chain.
+            - `callData`: The data to interact with the contract, in hex format.
+            - `gasLimit`: The maximum amount of gas to use for the contract call.
+        - **Token Contract Call**:
+            - `contractAddress`: The contract address on the destination chain.
+            - `callData`: The data to interact with the contract, in hex format.
+            - `gasLimit`: The maximum amount of gas to use for the contract call.
+            - `outputTokenAddress?`: *(Optional)* The token address where tokens will be sent after the contract call.
+            - `approvalAddress?`: *(Optional)* The contract address that requires approval to transfer tokens (e.g., for `transferFrom`).
+    - `recipient?`: *(Optional)* The address of the recipient of any leftover tokens.
+    - `sourceChains?`: *(Optional)* An array of source chain IDs to be considered for pooling. If omitted, Sprinter will use all available source chains.
+    - `threshold?`: *(Optional)* The minimum amount of the token to leave on the source chain, in the smallest denomination (useful for avoiding emptying the source chain completely).
+- `fetchOptions?`: *(Optional)* An object containing `baseUrl` to override the default API endpoint for this request.
+
+import HowToCallData from "../_how-to-calldata.md"
+
+<HowToCallData />
+
+import GasLimit from "../_how-to-gas-limit.md"
+
+<GasLimit />
+
+<hr />
+
+## Response
+
+Returns a promise that resolves to a `SolutionResponse`.
+
+```typescript
+type SolutionResponse = Array<Solution> | FailedSolution;
+
+interface Solution {
+  destinationChain: number;
+  destinationTokenAddress: string;
+  duration: number;  // Time estimate in seconds
+  fee: Amount;
+  gasCost: Amount;
+  senderAddress: string;
+  sourceChain: number;
+  sourceTokenAddress: string;
+  amount: string;
+  tool: Tool;
+  transaction: Transaction;
+  approvals?: Array<Transaction>;
+}
+
+interface FailedSolution {
+  error: string;
+}
+```
+
+### Example Response
+
+import GasTip from "../_gas-tip.md"
+
+<GasTip />
+
+<Tabs groupId="response-type" queryString>
+  <TabItem value="token" label="Token Transfer with Contract Call Response">
+
+```json
+[
+  {
+    "sourceChain": 84532,
+    "destinationChain": 11155111,
+    "sourceTokenAddress": "0x036CbD53842c5426634e7929541eC2318f3dCF7e",
+    "destinationTokenAddress": "0x1c7D4B196Cb0C7B01d743Fbc6116a902379C7238",
+    "senderAddress": "0x3e101ec02e7a48d16dade204c96bff842e7e2519",
+    "tool": {
+      "name": "Sygma-Testnet",
+      "logoURI": "https://scan.buildwithsygma.com/assets/images/logo1.svg"
+    },
+    "gasCost": {
+      "amount": "221055913000",
+      "amountUSD": 0
+    },
+    "fee": {
+      "amount": "1000000000000000",
+      "amountUSD": 0
+    },
+    "amount": "100000000",
+    "duration": 60000000000,
+    "transaction": {
+      "data": "0x73c45c98000000000000000000000000000000000000000000000000000000000000000200000000000000000000000000000000000000000000000000000000000012000000000000000000000000000000000000000000000000000000000000000080000000000000000000000000000000000000000000000000000000000000010000000000000000000000000000000000000000000000000000000000000000540000000000000000000000000000000000000000000000000000000005f5e10000000000000000000000000000000000000000000000000000000000000000143e101ec02e7a48d16dade204c96bff842e7e251900000000000000000000000000000000000000000000000000000000000000000000000000000000000000023078000000000000000000000000000000000000000000000000000000000000",
+      "to": "0x9D5C332Ebe0DaE36e07a4eD552Ad4d8c5067A61F",
+      "from": "0x3E101Ec02e7A48D16DADE204C96bFF842E7E2519",
+      "value": "0x38d7ea4c68000",
+      "gasPrice": "0xf433d",
+      "gasLimit": "0x35f48",
+      "chainId": 84532
+    },
+    "approvals": [
+      {
+        "data": "0x095ea7b30000000000000000000000003b0f996c474c91de56617da13a52b22bb659d18e0000000000000000000000000000000000000000000000000000000005f5e100",
+        "to": "0x036CbD53842c5426634e7929541eC2318f3dCF7e",
+        "from": "0x3E101Ec02e7A48D16DADE204C96bFF842E7E2519",
+        "value": "0x0",
+        "gasPrice": "0xf433d",
+        "gasLimit": "0xe484",
+        "chainId": 84532
+      }
+    ]
+  }
+]
+```
+
+  </TabItem>
+
+  <TabItem value="native" label="Native Token Transfer with Contract Call Response">
+
+```json
+[
+  {
+    "sourceChain": 84532,
+    "destinationChain": 11155111,
+    "sourceTokenAddress": "0x036CbD53842c5426634e7929541eC2318f3dCF7e",
+    "destinationTokenAddress": "0x1c7D4B196Cb0C7B01d743Fbc6116a902379C7238",
+    "senderAddress": "0x3e101ec02e7a48d16dade204c96bff842e7e2519",
+    "tool": {
+      "name": "Sygma-Testnet",
+      "logoURI": "https://scan.buildwithsygma.com/assets/images/logo1.svg"
+    },
+    "gasCost": {
+      "amount": "221055913000",
+      "amountUSD": 0
+    },
+    "fee": {
+      "amount": "1000000000000000",
+      "amountUSD": 0
+    },
+    "amount": "100000000",
+    "duration": 60000000000,
+    "transaction": {
+      "data": "0x73c45c98000000000000000000000000000000000000000000000000000000000000000200000000000000000000000000000000000000000000000000000000000012000000000000000000000000000000000000000000000000000000000000000080000000000000000000000000000000000000000000000000000000000000010000000000000000000000000000000000000000000000000000000000000000540000000000000000000000000000000000000000000000000000000005f5e10000000000000000000000000000000000000000000000000000000000000000143e101ec02e7a48d16dade204c96bff842e7e251900000000000000000000000000000000000000000000000000000000000000000000000000000000000000023078000000000000000000000000000000000000000000000000000000000000",
+      "to": "0x9D5C332Ebe0DaE36e07a4eD552Ad4d8c5067A61F",
+      "from": "0x3E101Ec02e7A48D16DADE204C96bFF842E7E2519",
+      "value": "0x38d7ea4c68000",
+      "gasPrice": "0xf433d",
+      "gasLimit": "0x35f48",
+      "chainId": 84532
+    },
+    "approvals": null
+  }
+]
+```
+
+</TabItem>
+</Tabs>
diff --git a/docs/docs/03-sdk/04-methods-reference/transfer/_category_.json b/docs/docs/03-sdk/04-methods-reference/transfer/_category_.json
new file mode 100644
index 0000000..8236612
--- /dev/null
+++ b/docs/docs/03-sdk/04-methods-reference/transfer/_category_.json
@@ -0,0 +1,6 @@
+{
+  "label": "Transfer",
+  "collapsed": false,
+  "collapsible": false,
+  "position": 2
+}
\ No newline at end of file
diff --git a/docs/docs/03-sdk/04-methods-reference/transfer/transferWithHook.md b/docs/docs/03-sdk/04-methods-reference/transfer/transferWithHook.md
new file mode 100644
index 0000000..24e0e02
--- /dev/null
+++ b/docs/docs/03-sdk/04-methods-reference/transfer/transferWithHook.md
@@ -0,0 +1,249 @@
+---
+id: transfer-with-hook
+title: transferWithHook
+sidebar_position: 2
+---
+
+# `transferWithHook`
+
+The `transferWithHook` method generates a solution for performing a token transfer from a single source chain, followed by a contract call on the destination chain. The contract call can involve either a native token or a token transfer. This method returns the necessary transaction details to execute both the token transfer and the contract interaction.
+
+## Usage
+
+import Tabs from '@theme/Tabs';
+import TabItem from '@theme/TabItem';
+
+<Tabs groupId="call-type" queryString>
+  <TabItem value="token" label="Token Transfer with Contract Call">
+    
+In this example, a token transfer (e.g., `USDC`) is followed by a contract call on the destination chain. You need to provide `outputTokenAddress` and `approvalAddress` to allow the contract to move tokens on behalf of the user.
+
+```typescript
+import { Sprinter, Environment } from '@chainsafe/sprinter-sdk';
+
+const sprinter = new Sprinter({ baseUrl: Environment.TESTNET });
+
+const settings = {
+  account: '0xYourAddressHere',
+  destinationChain: 11155111,  // Sepolia testnet
+  token: 'USDC',
+  amount: 1000000,  // In smallest denomination (e.g., 1 USDC = 1,000,000 in USDC with 6 decimals)
+  contractCall: {
+    contractAddress: '0xContractAddressHere',
+    callData: '0xSomeCallData',  // Encoded contract interaction data
+    gasLimit: 100000,
+    outputTokenAddress: '0xOutputTokenAddressHere',  // Where tokens will be sent
+    approvalAddress: '0xApprovalAddressHere'  // Contract that needs approval to transfer tokens
+  },
+  recipient: '0xRecipientAddress',  // Optional recipient of leftover tokens
+  sourceChains: [84532]  // Optional: List of source chains to be considered
+};
+
+sprinter.transferWithHook(settings).then(solution => {
+  console.log(solution);
+});
+```
+  </TabItem>
+
+  <TabItem value="native" label="Native Token Transfer with Contract Call">
+
+In this example, a native token (e.g., `ETH`) is transferred to a contract on the destination chain, followed by a contract call. The contract can receive the native token in addition to executing the call.
+
+```typescript
+const settings = {
+  account: '0xYourAddressHere',
+  destinationChain: 11155111,  // Sepolia testnet
+  token: 'ETH',
+  amount: 5000000000000000000,  // 5 ETH in the smallest denomination (wei)
+  contractCall: {
+    contractAddress: '0xContractAddressHere',
+    callData: '0xSomeCallData',  // Encoded contract interaction data
+    gasLimit: 21000,  // Standard gas limit for simple ETH transfers
+  },
+  recipient: '0xRecipientAddressHere',  // The recipient of the native token transfer
+  sourceChains: [84532]  // Optional: List of source chains to be considered
+};
+
+sprinter.transferWithHook(settings).then(solution => {
+  console.log(solution);
+});
+```
+  </TabItem>
+</Tabs>
+
+:::note
+You can limit the solution to a specific source chain using the `sourceChains` field. For example, to use only `BaseSepolia` (chain ID `84532`), provide it as an array like this:
+
+```typescript
+sourceChains: [84532];
+```
+If omitted, Sprinter will consider all available source chains.
+:::
+
+### Example: Using `fetchOptions`
+
+```typescript
+sprinter.transferWithHook(settings, { baseUrl: 'https://custom.api.url' }).then(solution => {
+  console.log(solution);
+});
+```
+
+## Parameters
+
+- `settings`: *(Required)* An object containing the following fields:
+    - `account`: The user’s address.
+    - `destinationChain`: The ID of the destination chain.
+    - `token`: The symbol of the token to be transferred (e.g., `USDC`, `ETH`).
+    - `amount`: The amount of the token to be transferred in the smallest denomination (e.g., for USDC with 6 decimals, 1 USDC = 1,000,000).
+    - `contractCall`: An object containing the contract call details, depending on the type of contract call:
+        - **Native Contract Call**:
+            - `contractAddress`: The contract address on the destination chain.
+            - `callData`: The data to interact with the contract, in hex format.
+            - `gasLimit`: The maximum amount of gas to use for the contract call.
+        - **Token Contract Call**:
+            - `contractAddress`: The contract address on the destination chain.
+            - `callData`: The data to interact with the contract, in hex format.
+            - `gasLimit`: The maximum amount of gas to use for the contract call.
+            - `outputTokenAddress?`: *(Optional)* The token address where tokens will be sent after the contract call.
+            - `approvalAddress?`: *(Optional)* The contract address that requires approval to transfer tokens (e.g., for `transferFrom`).
+    - `recipient?`: *(Optional)* The address of the recipient of any leftover tokens.
+    - `sourceChains?`: *(Optional)* An array of source chain IDs to be considered for the transfer. If omitted, Sprinter will use all available chains for the solution.
+    - `threshold?`: *(Optional)* The minimum amount of tokens required to trigger the transfer solution. If not met, the transfer solution will not proceed.
+- `fetchOptions?`: *(Optional)* An object containing `baseUrl` to override the default API endpoint for this request.
+
+import HowToCallData from "../_how-to-calldata.md"
+
+<HowToCallData />
+
+import GasLimit from "../_how-to-gas-limit.md"
+
+<GasLimit />
+
+<hr />
+
+## Response
+
+Returns a promise that resolves to a `SolutionResponse`.
+
+```typescript
+type SolutionResponse = Array<Solution> | FailedSolution;
+
+interface Solution {
+  destinationChain: number;
+  destinationTokenAddress: string;
+  duration: number;  // Time estimate in seconds
+  fee: Amount;
+  gasCost: Amount;
+  senderAddress: string;
+  sourceChain: number;
+  sourceTokenAddress: string;
+  amount: string;
+  tool: Tool;
+  transaction: Transaction;
+  approvals?: Array<Transaction>;
+}
+
+interface FailedSolution {
+  error: string;
+}
+```
+
+### Example Response
+
+import GasTip from "../_gas-tip.md"
+
+<GasTip />
+
+<Tabs groupId="call-type" queryString>
+  <TabItem value="token" label="Token Transfer with Contract Call">
+
+```json
+[
+  {
+    "sourceChain": 84532,
+    "destinationChain": 11155111,
+    "sourceTokenAddress": "0x036CbD53842c5426634e7929541eC2318f3dCF7e",
+    "destinationTokenAddress": "0x1c7D4B196Cb0C7B01d743Fbc6116a902379C7238",
+    "senderAddress": "0x3e101ec02e7a48d16dade204c96bff842e7e2519",
+    "tool": {
+      "name": "Sygma-Testnet",
+      "logoURI": "https://scan.buildwithsygma.com/assets/images/logo1.svg"
+    },
+    "gasCost": {
+      "amount": "221055913000",
+      "amountUSD": 0
+    },
+    "fee": {
+      "amount": "1000000000000000",
+      "amountUSD": 0
+    },
+    "amount": "100000000",
+    "duration": 60000000000,
+    "transaction": {
+      "data": "0x73c45c98000000000000000000000000000000000000000000000000000000000000000200000000000000000000000000000000000000000000000000000000000012000000000000000000000000000000000000000000000000000000000000000080000000000000000000000000000000000000000000000000000000000000010000000000000000000000000000000000000000000000000000000000000000540000000000000000000000000000000000000000000000000000000005f5e10000000000000000000000000000000000000000000000000000000000000000143e101ec02e7a48d16dade204c96bff842e7e251900000000000000000000000000000000000000000000000000000000000000000000000000000000000000023078000000000000000000000000000000000000000000000000000000000000",
+      "to": "0x9D5C332Ebe0DaE36e07a4eD552Ad4d8c5067A61F",
+      "from": "0x3E101Ec02e7A48D16DADE204C96bFF842E7E2519",
+      "value": "0x38d7ea4c68000",
+      "gasPrice": "0xf433d",
+      "gasLimit": "0x35f48",
+      "chainId": 845
+
+32
+    },
+    "approvals": [
+      {
+        "data": "0x095ea7b30000000000000000000000003b0f996c474c91de56617da13a52b22bb659d18e0000000000000000000000000000000000000000000000000000000005f5e100",
+        "to": "0x036CbD53842c5426634e7929541eC2318f3dCF7e",
+        "from": "0x3E101Ec02e7a48d16dade204c96bff842e7e2519",
+        "value": "0x0",
+        "gasPrice": "0xf433d",
+        "gasLimit": "0xe484",
+        "chainId": 84532
+      }
+    ]
+  }
+]
+```
+
+  </TabItem>
+
+  <TabItem value="native" label="Native Token Transfer with Contract Call">
+
+```json
+[
+  {
+    "sourceChain": 84532,
+    "destinationChain": 11155111,
+    "sourceTokenAddress": "0x036CbD53842c5426634e7929541eC2318f3dCF7e",
+    "destinationTokenAddress": "0x1c7D4B196Cb0C7B01d743Fbc6116a902379C7238",
+    "senderAddress": "0x3e101ec02e7a48d16dade204c96bff842e7e2519",
+    "tool": {
+      "name": "Sygma-Testnet",
+      "logoURI": "https://scan.buildwithsygma.com/assets/images/logo1.svg"
+    },
+    "gasCost": {
+      "amount": "221055913000",
+      "amountUSD": 0
+    },
+    "fee": {
+      "amount": "1000000000000000",
+      "amountUSD": 0
+    },
+    "amount": "100000000",
+    "duration": 60000000000,
+    "transaction": {
+      "data": "0x73c45c98000000000000000000000000000000000000000000000000000000000000000200000000000000000000000000000000000000000000000000000000000012000000000000000000000000000000000000000000000000000000000000000080000000000000000000000000000000000000000000000000000000000000010000000000000000000000000000000000000000000000000000000000000000540000000000000000000000000000000000000000000000000000000005f5e10000000000000000000000000000000000000000000000000000000000000000143e101ec02e7a48d16dade204c96bff842e7e251900000000000000000000000000000000000000000000000000000000000000000000000000000000000000023078000000000000000000000000000000000000000000000000000000000000",
+      "to": "0x9D5C332Ebe0DaE36e07a4eD552Ad4d8c5067A61F",
+      "from": "0x3E101Ec02e7a48D16DADE204C96bFF842E7E2519",
+      "value": "0x38d7ea4c68000",
+      "gasPrice": "0xf433d",
+      "gasLimit": "0x35f48",
+      "chainId": 84532
+    },
+    "approvals": null
+  }
+]
+```
+
+</TabItem>
+</Tabs>
diff --git a/docs/docs/03-sdk/04-methods-reference/transfer/transfer_method.md b/docs/docs/03-sdk/04-methods-reference/transfer/transfer_method.md
new file mode 100644
index 0000000..3bc1224
--- /dev/null
+++ b/docs/docs/03-sdk/04-methods-reference/transfer/transfer_method.md
@@ -0,0 +1,146 @@
+---
+id: transfer
+title: transfer
+sidebar_position: 1
+---
+
+# `transfer`
+
+The `transfer` method generates a solution for performing a token transfer from a single source chain. It returns the necessary transaction details to initiate the transfer on the source chain and complete it on the destination chain.
+
+## Usage
+
+```typescript
+import { Sprinter, Environment } from '@chainsafe/sprinter-sdk';
+
+const sprinter = new Sprinter({ baseUrl: Environment.TESTNET });
+
+const settings = {
+  account: '0xYourAddressHere',
+  destinationChain: 11155111,  // Sepolia testnet
+  token: 'USDC',
+  amount: 1000000,  // In smallest denomination (e.g., 1 USDC = 1,000,000 in USDC with 6 decimals)
+};
+
+sprinter.transfer(settings).then(solution => {
+  console.log(solution);
+});
+```
+
+## Parameters
+
+- `settings`: *(Required)* An object containing the following fields:
+  - `account`: The user’s address.
+  - `destinationChain`: The ID of the destination chain.
+  - `token`: The symbol of the token to be transferred (e.g., `USDC`, `ETH`).
+  - `amount`: The amount of the token to be transferred in the smallest denomination (e.g., for USDC with 6 decimals, 1 USDC = 1,000,000).
+  - `recipient?`: *(Optional)* The address of the recipient of any leftover tokens.
+  - `sourceChains?`: *(Optional)* An array of source chain IDs to be considered for the transfer. If omitted, Sprinter will use all available chains for the solution. To limit the solution to a specific chain, provide an array containing only that chain's ID.
+  - `threshold?`: *(Optional)* The minimum amount of tokens required to trigger the transfer solution. If not met, the transfer solution will not proceed.
+
+- `fetchOptions?`: *(Optional)* An object containing `baseUrl` to override the default API endpoint for this request.
+
+### Example: Using `sourceChains` for a Specific Chain
+
+To get a transfer solution from a specific chain (e.g., BaseSepolia with chain ID `84532`), you can set `sourceChains` to an array with that chain's ID.
+
+```typescript
+const settings = {
+  account: '0xYourAddressHere',
+  destinationChain: 11155111,  // Sepolia testnet
+  token: 'USDC',
+  amount: 1000000,
+  sourceChains: [84532],  // Limit to BaseSepolia as the source chain
+};
+
+sprinter.transfer(settings).then(solution => {
+  console.log(solution);
+});
+```
+
+### Example: Using `fetchOptions`
+
+```typescript
+sprinter.transfer(settings, { baseUrl: 'https://custom.api.url' }).then(solution => {
+  console.log(solution);
+});
+```
+
+## Response
+
+Returns a promise that resolves to a `SolutionResponse`.
+
+```typescript
+type SolutionResponse = Array<Solution> | FailedSolution;
+
+interface Solution {
+  destinationChain: number;
+  destinationTokenAddress: string;
+  duration: number;  // Time estimate in seconds
+  fee: Amount;
+  gasCost: Amount;
+  senderAddress: string;
+  sourceChain: number;
+  sourceTokenAddress: string;
+  amount: string;
+  tool: Tool;
+  transaction: Transaction;
+  approvals?: Array<Transaction>;
+}
+
+interface FailedSolution {
+  error: string;
+}
+```
+
+### Example Response
+
+import GasTip from "../_gas-tip.md"
+
+<GasTip />
+
+```json
+[
+  {
+    "sourceChain": 84532,
+    "destinationChain": 11155111,
+    "sourceTokenAddress": "0x036CbD53842c5426634e7929541eC2318f3dCF7e",
+    "destinationTokenAddress": "0x1c7D4B196Cb0C7B01d743Fbc6116a902379C7238",
+    "senderAddress": "0x3e101ec02e7a48d16dade204c96bff842e7e2519",
+    "tool": {
+      "name": "Sygma-Testnet",
+      "logoURI": "https://scan.buildwithsygma.com/assets/images/logo1.svg"
+    },
+    "gasCost": {
+      "amount": "221055913000",
+      "amountUSD": 0
+    },
+    "fee": {
+      "amount": "1000000000000000",
+      "amountUSD": 0
+    },
+    "amount": "100000000",
+    "duration": 60000000000,
+    "transaction": {
+      "data": "0x73c45c98000000000000000000000000000000000000000000000000000000000000000200000000000000000000000000000000000000000000000000000000000012000000000000000000000000000000000000000000000000000000000000000080000000000000000000000000000000000000000000000000000000000000010000000000000000000000000000000000000000000000000000000000000000540000000000000000000000000000000000000000000000000000000005f5e10000000000000000000000000000000000000000000000000000000000000000143e101ec02e7a48d16dade204c96bff842e7e251900000000000000000000000000000000000000000000000000000000000000000000000000000000000000023078000000000000000000000000000000000000000000000000000000000000",
+      "to": "0x9D5C332Ebe0DaE36e07a4eD552Ad4d8c5067A61F",
+      "from": "0x3E101Ec02e7A48D16DADE204C96bFF842E7E2519",
+      "value": "0x38d7ea4c68000",
+      "gasPrice": "0xf433d",
+      "gasLimit": "0x35f48",
+      "chainId": 84532
+    },
+    "approvals": [
+      {
+        "data": "0x095ea7b30000000000000000000000003b0f996c474c91de56617da13a52b22bb659d18e0000000000000000000000000000000000000000000000000000000005f5e100",
+        "to": "0x036CbD53842c5426634e7929541eC2318f3dCF7e",
+        "from": "0x3E101Ec02e7A48D16DADE204C96bFF842E7E2519",
+        "value": "0x0",
+        "gasPrice": "0xf433d",
+        "gasLimit": "0xe484",
+        "chainId": 84532
+      }
+    ]
+  }
+]
+```
diff --git a/docs/docs/03-sdk/05-react.md b/docs/docs/03-sdk/05-react.md
deleted file mode 100644
index c99a881..0000000
--- a/docs/docs/03-sdk/05-react.md
+++ /dev/null
@@ -1,86 +0,0 @@
----
-sidebar_position: 5
----
-
-# Sprinter React SDK
-
-The Sprinter React SDK is a React wrapper for the [Sprinter SDK](01-overview.md), enabling easy interaction with blockchain networks through React components and hooks. It provides context management and custom hooks for retrieving balances, tokens, supported chains, and solutions for asset transfers.
-
-## Installation
-
-To install the package, use npm or yarn:
-
-```bash
-npm install @chainsafe/sprinter-react
-```
-or
-```bash
-yarn add @chainsafe/sprinter-react
-```
-
-## Usage
-
-Wrap your application in the `SprinterContext` to gain access to blockchain-related data within your component tree.
-
-### Example
-
-```ts
-import React from 'react';
-import { SprinterContext } from '@chainsafe/sprinter-react';
-
-const App = () => (
-  <SprinterContext>
-    <YourComponent />
-  </SprinterContext>
-);
-
-export default App;
-```
-Inside your components, you can use the provided hooks to interact with blockchain data:
-
-```ts
-import React, { useEffect } from 'react';
-import { useSprinterBalances, useSprinterTokens } from '@chainsafe/sprinter-react';
-
-const YourComponent = () => {
-  const ownerAddress = "0xYourAddressHere";
-  const { balances, getUserBalances } = useSprinterBalances(ownerAddress);
-
-  useEffect(() => {
-    getUserBalances();
-  }, [getUserBalances]);
-
-  return (
-    <div>
-      <h1>Balances:</h1>
-      <pre>{JSON.stringify(balances, null, 2)}</pre>
-      <h1>Available Tokens:</h1>
-      <pre>{JSON.stringify(tokens, null, 2)}</pre>
-    </div>
-  );
-};
-
-export default YourComponent;
-```
-
-### Available Hooks
-
-The following hooks are provided by the SDK:
-
-- `useSprinter()`: Access everything from the Sprinter context.
-- `useSprinterBalances(account: Address)`: Retrieve user balances for a given account.
-- `useSprinterTokens()`: Retrieve available tokens.
-- `useSprinterChains()`: Retrieve available blockchain chains.
-- `useSprinterSolution()`: Retrieve solutions for asset transfers.
-- `useSprinterCallSolution()`: Call solutions for transferring assets.
-
-### Custom Fetch Options
-
-You can pass custom fetch options when initializing the context:
-
-```ts
-<SprinterContext fetchOptions={{ baseUrl: "https://api.test.sprinter.buildwithsygma.com/" }}>
-  <YourComponent />
-</SprinterContext>
-```
-
diff --git a/docs/docs/03-sdk/_category_.json b/docs/docs/03-sdk/_category_.json
deleted file mode 100644
index 99bd86c..0000000
--- a/docs/docs/03-sdk/_category_.json
+++ /dev/null
@@ -1,8 +0,0 @@
-{
-  "label": "SDK",
-  "position": 3,
-  "link": {
-    "type": "generated-index",
-    "description": "All about the Sprinter SDK."
-  }
-}
diff --git a/docs/docs/03-sdk/index.md b/docs/docs/03-sdk/index.md
new file mode 100644
index 0000000..362b61d
--- /dev/null
+++ b/docs/docs/03-sdk/index.md
@@ -0,0 +1,24 @@
+---
+id: sdk-overview
+title: SDK
+sidebar_position: 3
+---
+
+# SDK Overview
+
+The Sprinter SDK provides a set of tools and functionalities to interact with the Sprinter Intent Engine. It allows developers to easily retrieve intent-based solutions, such as cross-chain balance aggregation, token transfers, and contract calls, across multiple blockchain networks.
+
+## Key Features
+
+- **Cross-Chain Balance Retrieval**: Fetch user balances across multiple supported blockchains.
+- **Bridging Solutions**: Generate solutions for single-hop and multi-hop token transfers across chains.
+- **Contract Call Solutions**: Generate solutions to perform contract calls along with cross-chain transfers.
+- **Typed Methods**: TypeScript support for all SDK methods, ensuring type safety and better developer experience.
+
+## Use Cases
+
+1. **Balance Aggregation**: Aggregate a user's balance for a specific token across multiple chains.
+2. **Token Bridging**: Create bridging solutions to transfer tokens across different chains.
+3. **Contract Interactions**: Retrieve solutions for executing contract calls while bridging tokens.
+
+For more detailed usage and examples, please refer to the Methods Reference.
diff --git a/docs/docs/04-api/01-api-usage.md b/docs/docs/04-api/01-api-usage.md
deleted file mode 100644
index ceb0d16..0000000
--- a/docs/docs/04-api/01-api-usage.md
+++ /dev/null
@@ -1,37 +0,0 @@
----
-sidebar_position: 2
----
-
-# API Usage
-
-If you prefer using API calls directly or due to limitations of your environment, you can use the Sprinter API. This guide provides an overview of the available endpoints and examples of how to interact with them.
-
-You can use the Swagger documentation available at [Sprinter Swagger API](https://api.sprinter.buildwithsygma.com/swagger/index.html) for more detailed information.
-
-### Example
-
-Example of getting a list of supported networks:
-
-```shell
-curl -X 'GET' \
-  'https://api.sprinter.buildwithsygma.com/networks' \
-  -H 'accept: application/json'
-```
-
-### Table of Contents
-
-For more detailed information about each endpoint, please refer to the specific documents:
-
-- [Fungible Assets](02-assets.md)
-  - Get all assets information
-  - Get specific assets information
-  - Get specific network assets
-- [User Assets](03-user-assets.md)
-  - Get assets for a specific user
-- [Networks](04-networks.md)
-  - Get all supported networks
-- [Solutions](05-solutions.md)
-  - Token aggregation
-  - Token aggregation with contract call
-
-Explore each section to understand how to make the most out of the Sprinter API.
diff --git a/docs/docs/04-api/02-assets.md b/docs/docs/04-api/02-assets.md
deleted file mode 100644
index 89188fb..0000000
--- a/docs/docs/04-api/02-assets.md
+++ /dev/null
@@ -1,190 +0,0 @@
----
-sidebar_position: 3
----
-
-# Fungible Assets
-
-This section explains how to get a list of fungible tokens available on the service.
-
-## /assets/fungible
-
-### Description
-
-Returns a list of supported tokens.
-
-### Endpoint
-
-`GET /assets/fungible`
-
-### Response
-
-The response is a JSON object containing an array of fungible token objects.
-
-### Example Request
-
-```shell
-curl -X 'GET' \
-  'https://api.sprinter.buildwithsygma.com/assets/fungible' \
-  -H 'accept: application/json'
-```
-
-### Example Response
-
-```json
-{
-  "data": [
-    {
-      "symbol": "USDC",
-      "name": "USD Coin",
-      "decimals": 6,
-      "addresses": {
-        "1": "0xA0b86991c6218b36c1d19D4a2e9Eb0cE3606eb48",
-        "42161": "0xFF970A61A04b1Ca14834A43f5de4533eBdDB5CC8"
-      },
-      "logoURI": "https://example.com/logos/usdc.png"
-    },
-    {
-      "symbol": "DAI",
-      "name": "Dai Stablecoin",
-      "decimals": 18,
-      "addresses": {
-        "1": "0x6B175474E89094C44Da98b954EedeAC495271d0F",
-        "42161": "0xda10009cbd5d07dd0cecc66161fc93d7c9000da1"
-      },
-      "logoURI": "https://example.com/logos/dai.png"
-    }
-  ]
-}
-```
-
-### Fields
-
-- `symbol`: The symbol of the token (e.g., "USDC").
-- `name`: The name of the token (e.g., "USD Coin").
-- `decimals`: The number of decimals the token uses.
-- `addresses`: An object mapping chain IDs to token contract addresses.
-- `logoURI`: The URI for the token's logo.
-
-### Usage Notes
-
-- The response includes all supported fungible tokens along with their details and addresses on different blockchain networks.
-
-## /assets/fungible/{"{token}"}
-
-### Description
-
-Returns information about a specific token.
-
-### Endpoint
-
-`GET /assets/fungible/{token}`
-
-### Parameters
-
-- `{token}`: The symbol of the token (e.g., "USDC").
-
-### Response
-
-The response is a JSON object containing the details of the specified token.
-
-### Example Request
-
-```shell
-curl -X 'GET' \
-  'https://api.sprinter.buildwithsygma.com/assets/fungible/usdc' \
-  -H 'accept: application/json'
-```
-
-### Example Response
-
-```json
-{
-  "symbol": "USDC",
-  "name": "USD Coin",
-  "decimals": 6,
-  "addresses": {
-    "1": "0xA0b86991c6218b36c1d19D4a2e9Eb0cE3606eb48",
-    "42161": "0xFF970A61A04b1Ca14834A43f5de4533eBdDB5CC8"
-  },
-  "logoURI": "https://example.com/logos/usdc.png"
-}
-```
-
-### Fields
-
-- `symbol`: The symbol of the token (e.g., "USDC").
-- `name`: The name of the token (e.g., "USD Coin").
-- `decimals`: The number of decimals the token uses.
-- `addresses`: An object mapping chain IDs to token contract addresses.
-- `logoURI`: The URI for the token's logo.
-
-### Usage Notes
-
-- Replace `{token}` with the symbol of the token you want to retrieve information about.
-
-## /networks/{"{chainID}"}/assets/fungible
-
-### Description
-
-Returns a list of supported tokens for a specific network.
-
-### Endpoint
-
-`GET /networks/{chainID}/assets/fungible`
-
-### Parameters
-
-- `{chainID}`: The ID of the blockchain network.
-
-### Response
-
-The response is a JSON object containing an array of fungible token objects for the specified network.
-
-### Example Request
-
-```shell
-curl -X 'GET' \
-  'https://api.sprinter.buildwithsygma.com/networks/1/assets/fungible' \
-  -H 'accept: application/json'
-```
-
-### Example Response
-
-```json
-{
-  "data": [
-    {
-      "symbol": "USDC",
-      "name": "USD Coin",
-      "decimals": 6,
-      "addresses": {
-        "1": "0xA0b86991c6218b36c1d19D4a2e9Eb0cE3606eb48"
-      },
-      "logoURI": "https://example.com/logos/usdc.png"
-    },
-    {
-      "symbol": "DAI",
-      "name": "Dai Stablecoin",
-      "decimals": 18,
-      "addresses": {
-        "1": "0x6B175474E89094C44Da98b954EedeAC495271d0F"
-      },
-      "logoURI": "https://example.com/logos/dai.png"
-    }
-  ]
-}
-```
-
-### Fields
-
-- `symbol`: The symbol of the token (e.g., "USDC").
-- `name`: The name of the token (e.g., "USD Coin").
-- `decimals`: The number of decimals the token uses.
-- `addresses`: An object mapping chain IDs to token contract addresses.
-- `logoURI`: The URI for the token's logo.
-
-### Usage Notes
-
-- Replace `{chainID}` with the ID of the blockchain network you want to retrieve supported tokens for.
-
-The above commands return JSON objects with the list of fungible tokens, details about specific tokens, or supported tokens for a specific network.
diff --git a/docs/docs/04-api/03-user-assets.md b/docs/docs/04-api/03-user-assets.md
deleted file mode 100644
index 4be2dd0..0000000
--- a/docs/docs/04-api/03-user-assets.md
+++ /dev/null
@@ -1,66 +0,0 @@
----
-sidebar_position: 4
----
-
-# User Assets
-
-This section explains how to get a list of assets for a specific user.
-
-## /accounts/{"{address}"}/assets/fungible/{"{token}"}
-
-### Description
-
-Returns a list of fungible assets for a specified user address and token symbol.
-
-### Endpoint
-
-`GET /accounts/{address}/assets/fungible/{token}`
-
-### Parameters
-
-- `{address}`: User Address (Ethereum address of the user)
-- `{token}`: Token Symbol (e.g., "USDC")
-
-### Response
-
-The response is a JSON object containing an array of fungible token balance objects.
-
-### Example Request
-
-```shell
-curl -X 'GET' \
-  'https://api.sprinter.buildwithsygma.com/accounts/0x123.../assets/fungible/usdc' \
-  -H 'accept: application/json'
-```
-
-### Example Response
-
-```json
-{
-  "data": [
-    {
-      "balance": "1000000000",
-      "chainId": 1,
-      "tokenDecimals": 6
-    },
-    {
-      "balance": "500000000",
-      "chainId": 42161,
-      "tokenDecimals": 6
-    }
-  ]
-}
-```
-
-### Fields
-
-- `balance`: The balance amount in the smallest unit (e.g., wei).
-- `chainId`: The ID of the chain where the token is held.
-- `tokenDecimals`: The number of decimals the token uses.
-
-### Usage Notes
-
-- Replace `{address}` with the Ethereum address of the user.
-- Replace `{token}` with the symbol of the token (e.g., "USDC").
-
-The above command returns a JSON object with the list of fungible assets for the specified user address and token symbol.
diff --git a/docs/docs/04-api/04-networks.md b/docs/docs/04-api/04-networks.md
deleted file mode 100644
index a06a731..0000000
--- a/docs/docs/04-api/04-networks.md
+++ /dev/null
@@ -1,72 +0,0 @@
----
-sidebar_position: 4
----
-
-# Networks
-
-This section explains how to get a list of networks available on the service and their details.
-
-## /networks
-
-### Description
-
-Returns a list of supported networks. Each network includes information such as the network ID, name, type, and RPC URLs.
-
-### Endpoint
-
-`GET /networks`
-
-### Response
-
-The response is a JSON object containing an array of network objects.
-
-### Example Request
-
-```shell
-curl -X 'GET' \
-  'https://api.sprinter.buildwithsygma.com/networks' \
-  -H 'accept: application/json'
-```
-
-### Example Response
-
-```json
-{
-  "data": [
-    {
-      "chainID": 1,
-      "chainType": "EVM",
-      "name": "Ethereum Mainnet",
-      "logoURI": "https://example.com/logos/ethereum.png",
-      "rpcurls": [
-        "https://mainnet.ethereumnode.com",
-        "https://rpc.ankr.com/eth"
-      ]
-    },
-    {
-      "chainID": 42161,
-      "chainType": "EVM",
-      "name": "Arbitrum One",
-      "logoURI": "https://example.com/logos/arbitrum.png",
-      "rpcurls": [
-        "https://arb1.arbitrum.io/rpc",
-        "https://arbitrum.node.com/rpc"
-      ]
-    }
-  ]
-}
-```
-
-### Fields
-
-- `chainID`: The unique identifier for the blockchain network.
-- `chainType`: The type of the blockchain (e.g., EVM).
-- `name`: The name of the blockchain network.
-- `logoURI`: The URI of the network's logo.
-- `rpcurls`: An array of RPC URLs for the network.
-
-### Usage Notes
-
-- The response includes multiple RPC URLs for redundancy and reliability.
-
-The above command returns a JSON object with the list of supported networks and their details.
diff --git a/docs/docs/04-api/05-solutions.md b/docs/docs/04-api/05-solutions.md
deleted file mode 100644
index 88bb245..0000000
--- a/docs/docs/04-api/05-solutions.md
+++ /dev/null
@@ -1,280 +0,0 @@
----
-sidebar_position: 5
----
-
-# Solutions
-
-This section explains how to get solutions for specific actions using the Sprinter API.
-
-## POST - /solution/call
-
-### Description
-
-This endpoint calculates the best single-hop solution along with a contract call.
-
-### Endpoint
-
-`POST /solution/call`
-
-### Request Body
-
-The request body should be a JSON object containing the following fields:
-
-- `account`: The account address initiating the transaction.
-- `amount`: The amount to be transferred.
-- `destinationChain`: The ID of the destination blockchain.
-- `destinationContractCall`: Represents the contract call that will be executed on the destination chain.
-  - `approvalAddress`: The address to which the token approval is granted, allowing the contract to spend a certain amount of tokens on behalf of the user.
-  - `callData`: The ABI-encoded function call data to be executed on the destination contract.
-  - `contractAddress`: The address of the contract on the destination chain that will receive the call.
-  - `gasLimit`: The maximum gas limit for the contract call. 
-  - `outputTokenAddress`: The address of the token on the destination chain where the output of the contract call is returned.
-- `recipient`: The address that will receive the final output of the transaction on the destination chain.
-- `threshold?`: An optional threshold parameter that sets limits or conditions
-- `token`: The token symbol (e.g., "USDC").
-- `type`: The type of transaction being executed (e.g., cross-chain transfer, contract interaction, etc.).
-- `whitelistedSourceChains?`: An optional array of whitelisted source chain IDs.
-
-### Example Request
-
-```shell
-curl -X 'POST' \
-  'https://api.sprinter.buildwithsygma.com/solution/call' \
-  -H 'accept: application/json' \
-  -H 'Content-Type: application/json' \
-  -d '{
-  "account": "string",
-  "amount": "string",
-  "destination": 1,
-  "destinationContractCall": {
-    "approvalAddress": "string",
-    "callData": "string",
-    "contractAddress": "string",
-    "gasLimit": 0,
-    "outputTokenAddress": "string"
-  },
-  "recipient": "string",
-  "threshold": "string",
-  "token": "string",
-  "type": "fungible",
-  "whitelistedSourceChains": [
-    1
-  ]
-}'
-```
-
-### Example Response
-
-```json
-{
-  "data": [
-    {
-      "amount": "",
-      "approvals": [
-        {
-          "chainId": 1,
-          "data": "string",
-          "from": "string",
-          "gasLimit": "string",
-          "gasPrice": "string",
-          "to": "string",
-          "value": "string"
-        }
-      ],
-      "destinationChain": 1,
-      "destinationTokenAddress": "string",
-      "duration": 0,
-      "fee": {
-        "amount": "",
-        "amountUSD": 0
-      },
-      "gasCost": {
-        "amount": "",
-        "amountUSD": 0
-      },
-      "senderAddress": "string",
-      "sourceChain": 1,
-      "sourceTokenAddress": "string",
-      "tool": {
-        "logoURI": "string",
-        "name": "string"
-      },
-      "transaction": {
-        "chainId": 1,
-        "data": "string",
-        "from": "string",
-        "gasLimit": "string",
-        "gasPrice": "string",
-        "to": "string",
-        "value": "string"
-      }
-    }
-  ]
-}
-```
-
-## GET - /solutions/aggregation
-
-### Description
-
-This endpoint calculates the best combination of single-hop transfers.
-
-### Endpoint
-
-`GET /solutions/aggregation`
-
-### Response
-
-The response is a JSON object containing an array of solutions.
-
-### Example Request
-
-```shell
-curl -X 'GET' \
-  'https://api.sprinter.buildwithsygma.com/solutions/aggregation' \
-  -H 'accept: application/json'
-```
-
-### Example Response
-
-```json
-{
-  "data": [
-    {
-      "destinationChain": 42161,
-      "destinationTokenAddress": "0x...",
-      "duration": 300,
-      "fee": {
-        "amount": "1000000",
-        "amountUSD": 1.00
-      },
-      "gasCost": {
-        "amount": "50000",
-        "amountUSD": 0.05
-      },
-      "senderAddress": "0x...",
-      "sourceChain": 1,
-      "sourceTokenAddress": "0x...",
-      "amount": "1000000000",
-      "tool": {
-        "logoURI": "https://example.com/logos/tool.png",
-        "name": "ToolName"
-      },
-      "transaction": {
-        "chainId": 1,
-        "data": "0x...",
-        "from": "0x...",
-        "gasLimit": "21000",
-        "gasPrice": "20000000000",
-        "to": "0x...",
-        "value": "1000000000"
-      }
-    }
-  ]
-}
-```
-
-### Fields
-
-- `destinationChain`: The ID of the destination chain.
-- `destinationTokenAddress`: The address of the destination token.
-- `duration`: The estimated duration for the transaction in seconds.
-- `fee`: The fee for the transaction, including the amount in the smallest unit and its equivalent in USD.
-- `gasCost`: The gas cost for the transaction, including the amount in the smallest unit and its equivalent in USD.
-- `senderAddress`: The sender's address.
-- `sourceChain`: The ID of the source chain.
-- `sourceTokenAddress`: The address of the source token.
-- `amount`: The amount to be transferred in the smallest unit.
-- `tool`: An object containing information about the tool used for the transaction.
-    - `logoURI`: The URI for the tool's logo.
-    - `name`: The name of the tool.
-- `transaction`: The transaction object to be used for executing the transaction.
-    - `chainId`: The ID of the chain.
-    - `data`: The data for the transaction.
-    - `from`: The sender's address.
-    - `gasLimit`: The gas limit for the transaction.
-    - `gasPrice`: The gas price for the transaction.
-    - `to`: The recipient's address.
-    - `value`: The value of the transaction in the smallest unit.
-
-## POST - /solutions/aggregation
-
-### Description
-
-This endpoint calculates the best combination of single-hop transfers with a smart contract call.
-
-### Endpoint
-
-`POST /solutions/aggregation`
-
-### Request Body
-
-The request body should be a JSON object containing the following fields:
-
-- `account`: The account address.
-- `destinationChain`: The ID of the destination blockchain.
-- `token`: The token symbol (e.g., "USDC").
-- `amount`: The amount to be transferred.
-- `threshold?`: An optional threshold parameter.
-- `whitelistedSourceChains?`: An optional array of whitelisted source chain IDs.
-
-### Example Request
-
-```shell
-curl -X 'POST' \
-  'https://api.sprinter.buildwithsygma.com/solutions/aggregation' \
-  -H 'accept: application/json' \
-  -H 'Content-Type: application/json' \
-  -d '{
-        "account": "0x123...",
-        "destinationChain": 42161,
-        "token": "USDC",
-        "amount": 1000000000
-      }'
-```
-
-### Example Response
-
-```json
-{
-  "data": [
-    {
-      "destinationChain": 42161,
-      "destinationTokenAddress": "0x...",
-      "duration": 300,
-      "fee": {
-        "amount": "1000000",
-        "amountUSD": 1.00
-      },
-      "gasCost": {
-        "amount": "50000",
-        "amountUSD": 0.05
-      },
-      "senderAddress": "0x...",
-      "sourceChain": 1,
-      "sourceTokenAddress": "0x...",
-      "amount": "1000000000",
-      "tool": {
-        "logoURI": "https://example.com/logos/tool.png",
-        "name": "ToolName"
-      },
-      "transaction": {
-        "chainId": 1,
-        "data": "0x...",
-        "from": "0x...",
-        "gasLimit": "21000",
-        "gasPrice": "20000000000",
-        "to": "0x...",
-        "value": "1000000000"
-      }
-    }
-  ]
-}
-```
-
-### Usage Notes
-
-- Replace the placeholders in the example requests with appropriate values.
-- Ensure the request body is correctly formatted for the `POST` endpoint.
-
-These endpoints return a JSON object with the best solutions for token transfers, either as a simple aggregation or with a smart contract call.
diff --git a/docs/docs/04-api/_category_.json b/docs/docs/04-api/_category_.json
deleted file mode 100644
index 23bcc9b..0000000
--- a/docs/docs/04-api/_category_.json
+++ /dev/null
@@ -1,8 +0,0 @@
-{
-  "label": "API",
-  "position": 4,
-  "link": {
-    "type": "generated-index",
-    "description": "All about the Sprinter API."
-  }
-}
diff --git a/docs/docs/04-react-sdk/02-installation.md b/docs/docs/04-react-sdk/02-installation.md
new file mode 100644
index 0000000..86b546a
--- /dev/null
+++ b/docs/docs/04-react-sdk/02-installation.md
@@ -0,0 +1,52 @@
+---
+id: react-sdk-installation
+title: Installation
+sidebar_position: 2
+---
+
+# Installation
+
+To use the **Sprinter React SDK** in your project, follow these installation instructions.
+
+## Step 1: Install the React SDK and Sprinter SDK
+
+The React SDK requires the core Sprinter SDK (`@chainsafe/sprinter-sdk`) to function properly. You can install both packages using `yarn` or `npm`.
+
+```bash npm2yarn
+npm install @chainsafe/sprinter-react @chainsafe/sprinter-sdk
+```
+
+## Step 2: Ensure React Version
+
+Make sure your project uses **React** version 18.3.1 or higher, as it’s the minimum version supported by the React SDK.
+
+```bash npm2yarn
+npm install react@latest react-dom@latest
+```
+
+## Step 3: Wrap Your App with `SprinterContext`
+
+Once the installation is complete, wrap your app’s component tree with `SprinterContext` to provide access to Sprinter’s functionalities across your React components.
+
+```tsx
+import React from 'react';
+import { SprinterContext } from '@chainsafe/sprinter-react';
+import { Environment } from '@chainsafe/sprinter-sdk';
+
+function App() {
+  return (
+    <SprinterContext baseUrl={Environment.TESTNET}>
+      <YourComponent />
+    </SprinterContext>
+  );
+}
+```
+
+By passing the `baseUrl`, you specify which environment (testnet or mainnet) to use for API calls.
+
+### Available URLs:
+
+- **Testnet**: `https://api.test.sprinter.buildwithsygma.com`
+- **Mainnet**: `https://api.sprinter.buildwithsygma.com`
+
+For more information on available hooks and methods, proceed to the [Using Hooks](03-using-hooks.md) section.
diff --git a/docs/docs/04-react-sdk/03-using-hooks.md b/docs/docs/04-react-sdk/03-using-hooks.md
new file mode 100644
index 0000000..52733f1
--- /dev/null
+++ b/docs/docs/04-react-sdk/03-using-hooks.md
@@ -0,0 +1,152 @@
+---
+id: using-hooks
+title: Using React SDK Hooks
+sidebar_position: 3
+---
+
+# Using React SDK Hooks
+
+The Sprinter React SDK provides a set of hooks to simplify access to the core Sprinter SDK's functionality. These hooks allow you to easily retrieve and manage user balances, tokens, chains, and transfer solutions directly within your React components.
+
+Each hook returns stateful data (`data`, `loading`, `error`) along with functions to interact with Sprinter’s Intent Engine.
+
+## Available Hooks
+
+### 1. `useSprinter`
+Access all of the context provided by `SprinterContext`. It allows you to get access to balances, chains, tokens, and solutions across your app.
+
+```tsx
+import { useSprinter } from '@chainsafe/sprinter-react';
+
+function YourComponent() {
+  const {
+    balances,
+    tokens,
+    chains,
+    solution,
+    getUserBalances,
+    getAvailableTokens,
+    getAvailableChains,
+    getTransfer,
+    getTransferWithHook,
+    getPoolAssetOnDestination,
+    getPoolAssetOnDestinationWithHook,
+  } = useSprinter();
+
+  // You now have access to the full Sprinter context!
+}
+```
+
+### 2. `useSprinterTokens`
+Fetch the list of available tokens supported by Sprinter across various chains.
+
+```tsx
+import { useSprinterTokens } from '@chainsafe/sprinter-react';
+
+function TokenList() {
+  const { tokens, getAvailableTokens } = useSprinterTokens();
+
+  useEffect(() => {
+    getAvailableTokens();  // Fetch tokens on component mount
+  }, []);
+
+  if (tokens.loading) return <div>Loading tokens...</div>;
+  if (tokens.error) return <div>Error: {tokens.error}</div>;
+
+  return (
+    <ul>
+      {tokens.data && tokens.data.map(token => (
+        <li key={token.symbol}>{token.name}</li>
+      ))}
+    </ul>
+  );
+}
+```
+
+### 3. `useSprinterChains`
+This hook retrieves the supported blockchain networks.
+
+```tsx
+import { useSprinterChains } from '@chainsafe/sprinter-react';
+
+function ChainList() {
+  const { chains, getAvailableChains } = useSprinterChains();
+
+  useEffect(() => {
+    getAvailableChains();  // Fetch chains on component mount
+  }, []);
+
+  if (chains.loading) return <div>Loading chains...</div>;
+  if (chains.error) return <div>Error fetching chains: {chains.error}</div>;
+
+  return (
+    <ul>
+      {chains.data && chains.data.map(chain => (
+        <li key={chain.chainID}>{chain.name}</li>
+      ))}
+    </ul>
+  );
+}
+```
+
+### 4. `useSprinterBalances`
+This hook allows you to fetch user balances across multiple blockchains.
+
+```tsx
+import { useSprinterBalances } from '@chainsafe/sprinter-react';
+
+function BalanceComponent({ account }) {
+  const { balances, getUserBalances } = useSprinterBalances(account);
+
+  useEffect(() => {
+    getUserBalances();  // Fetch balances when the component mounts
+  }, [account]);
+
+  if (balances.loading) return <div>Loading balances...</div>;
+  if (balances.error) return <div>Error fetching balances: {balances.error}</div>;
+
+  return (
+    <ul>
+      {balances.data && balances.data.map((balance) => (
+        <li key={balance.symbol}>
+          {balance.symbol}: {balance.amount}
+        </li>
+      ))}
+    </ul>
+  );
+}
+```
+
+### 5. `useSprinterTransfers`
+Generate cross-chain transfer and contract call solutions.
+
+```tsx
+import { useSprinterTransfers } from '@chainsafe/sprinter-react';
+
+function TransferSolution() {
+  const { getPoolAssetOnDestination, solution } = useSprinterTransfers();
+
+  useEffect(() => {
+    const settings = {
+      account: '0xYourAddressHere',
+      destinationChain: 11155111,  // Sepolia testnet
+      token: 'USDC',
+      amount: 1000000,  // 1 USDC in smallest denomination
+      sourceChains: [84532, 1993],  // Optional: source chains to consider
+    };
+
+    getPoolAssetOnDestination(settings);
+  }, []);
+
+  if (solution.loading) return <div>Loading transfer solution...</div>;
+  if (solution.error) return <div>Error: {solution.error}</div>;
+
+  return <div>Transfer Solution: {JSON.stringify(solution.data)}</div>;
+}
+```
+
+---
+
+## Summary
+
+The Sprinter React SDK hooks provide an easy way to interact with cross-chain balances, tokens, chains, and transfer solutions. These hooks manage state for you (`loading`, `error`, and `data`) and allow you to integrate Sprinter functionality seamlessly into your React components.
diff --git a/docs/docs/04-react-sdk/04-methods-reference/_category_.json b/docs/docs/04-react-sdk/04-methods-reference/_category_.json
new file mode 100644
index 0000000..4a724a7
--- /dev/null
+++ b/docs/docs/04-react-sdk/04-methods-reference/_category_.json
@@ -0,0 +1,4 @@
+{
+  "label": "Methods Reference",
+  "collapsed": false
+}
\ No newline at end of file
diff --git a/docs/docs/04-react-sdk/04-methods-reference/useSprinterBalances.md b/docs/docs/04-react-sdk/04-methods-reference/useSprinterBalances.md
new file mode 100644
index 0000000..1883ba7
--- /dev/null
+++ b/docs/docs/04-react-sdk/04-methods-reference/useSprinterBalances.md
@@ -0,0 +1,81 @@
+---
+id: use-sprinter-balances
+title: useSprinterBalances
+sidebar_position: 3
+---
+
+# `useSprinterBalances`
+
+The `useSprinterBalances` hook allows you to retrieve a user's available token balances across multiple chains. It provides access to both native and fungible token balances for the specified account.
+
+## Usage
+
+### Example
+
+```tsx
+import { useSprinterBalances } from '@chainsafe/sprinter-react';
+import React, { useEffect } from 'react';
+
+function BalancesComponent() {
+  const { balances, getUserBalances } = useSprinterBalances("0xYourAddress");
+
+  useEffect(() => {
+    getUserBalances();  // Fetch balances when the component mounts
+  }, [getUserBalances]);
+
+  if (balances.loading) {
+    return <div>Loading...</div>;
+  }
+
+  if (balances.error) {
+    return <div>Error: {balances.error}</div>;
+  }
+
+  return (
+    <ul>
+      {Object.entries(balances.data || {}).map(([symbol, balanceEntry]) => (
+        <li key={symbol}>{symbol}: {balanceEntry.total}</li>
+      ))}
+    </ul>
+  );
+}
+```
+
+## Return Value
+
+The `useSprinterBalances` hook returns an object with the following properties:
+
+- **`balances`**: An object containing:
+    - `data`: The user's balances across chains, keyed by token symbol. Each token's balances are represented by:
+        - `balances`: An array of balances on different chains.
+        - `total`: The total balance for the token across all chains.
+    - `loading`: A boolean indicating if the balances are being fetched.
+    - `error`: A string containing the error message if the fetch fails.
+
+- **`getUserBalances`**: A function that triggers the retrieval of the user's balances.
+
+## Example Response
+
+Here’s an example of what `balances.data` might look like after calling `getUserBalances()`:
+
+```json
+{
+  "ETH": {
+    "balances": [
+      { "balance": "1000000000000000000", "chainId": 11155111, "tokenDecimals": 18 },
+      { "balance": "500000000000000000", "chainId": 84532, "tokenDecimals": 18 }
+    ],
+    "total": "1500000000000000000"
+  },
+  "USDC": {
+    "balances": [
+      { "balance": "2000000", "chainId": 11155111, "tokenDecimals": 6 }
+    ],
+    "total": "2000000"
+  }
+}
+```
+
+## Parameters
+
+- `getUserBalances()`: A function that fetches the user's balances across all available tokens and native token balances for the specified account.
diff --git a/docs/docs/04-react-sdk/04-methods-reference/useSprinterChains.md b/docs/docs/04-react-sdk/04-methods-reference/useSprinterChains.md
new file mode 100644
index 0000000..ff4838d
--- /dev/null
+++ b/docs/docs/04-react-sdk/04-methods-reference/useSprinterChains.md
@@ -0,0 +1,109 @@
+---
+id: use-sprinter-chains
+title: useSprinterChains
+sidebar_position: 2
+---
+
+# `useSprinterChains`
+
+The `useSprinterChains` hook allows you to fetch and manage the list of supported blockchain networks (chains) in the Sprinter ecosystem. It provides access to details such as chain ID, name, and supported RPC URLs.
+
+## Usage
+
+### Example
+
+```tsx
+import { useSprinterChains } from '@chainsafe/sprinter-react';
+
+function ChainList() {
+  const { chains, getAvailableChains } = useSprinterChains();
+
+  useEffect(() => {
+    getAvailableChains();  // Fetch chains on component mount
+  }, []);
+
+  if (chains.loading) return <div>Loading chains...</div>;
+  if (chains.error) return <div>Error fetching chains: {chains.error}</div>;
+
+  return (
+    <ul>
+      {chains.data && chains.data.map(chain => (
+        <li key={chain.chainID}>
+          {chain.name} - Chain ID: {chain.chainID}
+        </li>
+      ))}
+    </ul>
+  );
+}
+```
+
+## Return Value
+
+The `useSprinterChains` hook returns an object with the following properties:
+
+- **`chains`**: An object containing:
+    - `data`: The list of supported blockchain networks, or `null` if chains haven’t been loaded yet.
+    - `loading`: A boolean indicating if the chains are being fetched.
+    - `error`: A string containing the error message if the fetch fails.
+
+- **`getAvailableChains`**: A function that triggers the retrieval of available chains.
+
+## Example Response
+
+Here is an example of what the `chains.data` might look like after calling `getAvailableChains()`:
+
+```json
+[
+  {
+    "chainType": "evm",
+    "name": "Sepolia",
+    "chainID": 11155111,
+    "rpcURLs": [
+      "https://ethereum-sepolia-rpc.publicnode.com/"
+    ],
+    "logoURI": "https://scan.buildwithsygma.com/assets/icons/evm.svg",
+    "blockTime": 12000000000,
+    "nativeToken": {
+      "name": "ETH",
+      "decimals": 18
+    }
+  },
+  {
+    "chainType": "evm",
+    "name": "B3Sepolia",
+    "chainID": 1993,
+    "rpcURLs": [
+      "https://sepolia.b3.fun"
+    ],
+    "logoURI": "https://cdn.b3.fun/b3_logo.svg",
+    "blockTime": 1000000000,
+    "nativeToken": {
+      "name": "ETH",
+      "decimals": 18
+    }
+  },
+  {
+    "chainType": "evm",
+    "name": "BaseSepolia",
+    "chainID": 84532,
+    "rpcURLs": [
+      "https://sepolia.base.org"
+    ],
+    "logoURI": "https://scan.buildwithsygma.com/assets/icons/base.svg",
+    "blockTime": 12000000000,
+    "nativeToken": {
+      "name": "ETH",
+      "decimals": 18
+    }
+  }
+]
+```
+
+## Parameters
+
+- `getAvailableChains()`: A function that fetches the list of available blockchain networks from the Sprinter Intent Engine.
+
+## Notes
+
+- **Automatic Fetch**: The `getAvailableChains` function is automatically called when `SprinterContext` is initialized, so chains will be available in your app as soon as the context is ready.
+- If the chains have already been fetched, the hook will return the cached list for better performance.
diff --git a/docs/docs/04-react-sdk/04-methods-reference/useSprinterTokens.md b/docs/docs/04-react-sdk/04-methods-reference/useSprinterTokens.md
new file mode 100644
index 0000000..ed042cc
--- /dev/null
+++ b/docs/docs/04-react-sdk/04-methods-reference/useSprinterTokens.md
@@ -0,0 +1,90 @@
+---
+id: use-sprinter-tokens
+title: useSprinterTokens
+sidebar_position: 1
+---
+
+# `useSprinterTokens`
+
+The `useSprinterTokens` hook allows you to fetch and manage the list of supported fungible tokens across different blockchain networks in the Sprinter ecosystem. It provides access to the token details and offers functionality to retrieve the tokens directly within your React components.
+
+## Usage
+
+### Example
+
+```tsx
+import { useSprinterTokens } from '@chainsafe/sprinter-react';
+
+function TokenList() {
+  const { tokens, getAvailableTokens } = useSprinterTokens();
+
+  useEffect(() => {
+    getAvailableTokens();  // Fetch tokens on component mount
+  }, []);
+
+  if (tokens.loading) return <div>Loading tokens...</div>;
+  if (tokens.error) return <div>Error: {tokens.error}</div>;
+
+  return (
+    <ul>
+      {tokens.data && tokens.data.map(token => (
+        <li key={token.symbol}>
+          {token.name} - {token.symbol}
+        </li>
+      ))}
+    </ul>
+  );
+}
+```
+
+## Return Value
+
+The `useSprinterTokens` hook returns an object with the following properties:
+
+- **`tokens`**: An object containing:
+    - `data`: The list of supported tokens, or `null` if tokens haven’t been loaded yet.
+    - `loading`: A boolean indicating if the tokens are being fetched.
+    - `error`: A string containing the error message if the fetch fails.
+
+- **`getAvailableTokens`**: A function that triggers the retrieval of available tokens, though it is automatically called when the context is initialized.
+
+## Example Response
+
+Here is an example of what the `tokens.data` might look like after calling `getAvailableTokens()`:
+
+```json
+[
+  {
+    "name": "USDC",
+    "decimals": 6,
+    "symbol": "USDC",
+    "logoURI": "https://raw.githubusercontent.com/trustwallet/assets/8cee462de2cc16eed81ded90ced5dbd64f7145cb/blockchains/ethereum/assets/0xA0b86991c6218b36c1d19D4a2e9Eb0cE3606eB48/logo.png",
+    "addresses": {
+      "11155111": "0x1c7D4B196Cb0C7B01d743Fbc6116a902379C7238",
+      "1993": "0xE61e5ed4c4f198c5384Ef57E69aAD1eF0c911004",
+      "84532": "0x036CbD53842c5426634e7929541eC2318f3dCF7e"
+    }
+  },
+  {
+    "name": "Wrapped ETH",
+    "decimals": 18,
+    "symbol": "WETH",
+    "logoURI": "https://raw.githubusercontent.com/trustwallet/assets/8cee462de2cc16eed81ded90ced5dbd64f7145cb/blockchains/optimism/assets/0x4200000000000000000000000000000000000006/logo.png",
+    "addresses": {
+      "11155111": "0xfFf9976782d46CC05630D1f6eBAb18b2324d6B14",
+      "1993": "0x3538f4C55893eDca690D1e4Cf9Fb61FB70cd0DD8",
+      "84532": "0x4200000000000000000000000000000000000006"
+    }
+  }
+]
+```
+
+## Parameters
+
+- `getAvailableTokens()`: A function that fetches the list of available tokens from the Sprinter Intent Engine. This is automatically triggered when `SprinterContext` is initialized, but can be called manually if needed.
+
+## Notes
+
+- **Automatic Fetch**: When `SprinterContext` is initialized, the `getAvailableTokens` function is automatically called to pre-fetch token data.
+- If the tokens have already been fetched, the hook will return the cached list to optimize performance.
+- Tokens are fetched from Sprinter’s supported blockchain networks.
diff --git a/docs/docs/04-react-sdk/04-methods-reference/useSprinterTransfers.md b/docs/docs/04-react-sdk/04-methods-reference/useSprinterTransfers.md
new file mode 100644
index 0000000..246cc39
--- /dev/null
+++ b/docs/docs/04-react-sdk/04-methods-reference/useSprinterTransfers.md
@@ -0,0 +1,106 @@
+---
+id: use-sprinter-transfers
+title: useSprinterTransfers
+sidebar_position: 5
+---
+
+# `useSprinterTransfers`
+
+The `useSprinterTransfers` hook provides a simplified interface for generating cross-chain transfer solutions and contract calls using the Sprinter Intent Engine. This hook wraps the following SDK methods:
+
+- `getTransfer`: Single-hop token transfers across chains.
+- `getTransferWithHook`: Single-hop token transfers combined with a contract call on the destination chain.
+- `getPoolAssetOnDestination`: Aggregates token balances across multiple chains into a single destination.
+- `getPoolAssetOnDestinationWithHook`: Aggregates token balances and performs a contract call on the destination chain.
+
+You can trigger any of these methods via the hook to fetch a cross-chain solution.
+
+## Usage
+
+### Example
+
+```tsx
+import { useSprinterTransfers } from '@chainsafe/sprinter-react';
+import React, { useEffect } from 'react';
+
+function TransferComponent() {
+  const { solution, getPoolAssetOnDestination } = useSprinterTransfers();
+
+  useEffect(() => {
+    const settings = {
+      account: '0xYourAddress',
+      destinationChain: 11155111,  // Sepolia Testnet
+      token: 'USDC',
+      amount: 1000000,  // 1 USDC (smallest denomination)
+      sourceChains: [84532, 1993],  // Optional: source chains to consider
+    };
+
+    getPoolAssetOnDestination(settings);  // Fetch transfer solution when the component mounts
+  }, [getPoolAssetOnDestination]);
+
+  if (solution.loading) return <div>Loading transfer solution...</div>;
+  if (solution.error) return <div>Error fetching transfer solution: {solution.error}</div>;
+
+  return (
+    <div>
+      Transfer Solution: {JSON.stringify(solution.data)}
+    </div>
+  );
+}
+```
+
+## Return Value
+
+The `useSprinterTransfers` hook returns an object with the following properties:
+
+- **`solution`**: An object containing:
+  - `data`: The transfer solution, or `null` if not yet retrieved.
+  - `loading`: A boolean indicating if the solution is being fetched.
+  - `error`: A string containing the error message if the fetch fails.
+
+- **`getTransfer`**: A function that generates a single-hop token transfer solution.
+- **`getTransferWithHook`**: A function that generates a single-hop token transfer combined with a contract call.
+- **`getPoolAssetOnDestination`**: A function that generates a solution to aggregate balances from multiple chains into a single destination.
+- **`getPoolAssetOnDestinationWithHook`**: A function that generates a solution to aggregate balances and execute a contract call on the destination chain.
+
+## Example Response
+
+Here’s an example of what the `solution.data` might look like after calling `getPoolAssetOnDestination()`:
+
+```json
+[
+  {
+    "sourceChain": 84532,
+    "destinationChain": 11155111,
+    "sourceTokenAddress": "0x036CbD53842c5426634e7929541eC2318f3dCF7e",
+    "destinationTokenAddress": "0x1c7D4B196Cb0C7B01d743Fbc6116a902379C7238",
+    "amount": "1000000",
+    "duration": 60000,
+    "fee": { "amount": "100000", "amountUSD": 0.1 },
+    "gasCost": { "amount": "200000", "amountUSD": 0.02 },
+    "tool": {
+      "name": "Sygma",
+      "logoURI": "https://sygma.com/logo.png"
+    },
+    "transaction": {
+      "from": "0xYourAddress",
+      "to": "0xBridgeContractAddress",
+      "value": "0",
+      "data": "0x...",
+      "gasPrice": "0x...",
+      "gasLimit": "0x..."
+    }
+  }
+]
+```
+
+## Parameters
+
+Each method accepts a `settings` parameter, which varies depending on the operation:
+
+- **`getTransfer`**: See [SDK Transfer Method Reference](../../sdk/methods-reference/transfer/transfer).
+- **`getTransferWithHook`**: See [SDK Transfer with Contract Call Method Reference](../../sdk/methods-reference/transfer/transfer-with-hook).
+- **`getPoolAssetOnDestination`**: See [SDK Pool Asset Method Reference](../../sdk/methods-reference/pool-asset-on-destination/pool-asset-on-destination).
+- **`getPoolAssetOnDestinationWithHook`**: See [SDK Pool Asset with Contract Call Method Reference](../../sdk/methods-reference/pool-asset-on-destination/pool-asset-on-destination-with-hook).
+
+Each method calls the Sprinter SDK's corresponding function and returns the intent-based solution for cross-chain transfers or contract calls.
diff --git a/docs/docs/04-react-sdk/index.md b/docs/docs/04-react-sdk/index.md
new file mode 100644
index 0000000..0b193da
--- /dev/null
+++ b/docs/docs/04-react-sdk/index.md
@@ -0,0 +1,24 @@
+---
+id: react-sdk-overview
+title: React SDK
+sidebar_position: 4
+---
+
+# React SDK Overview
+
+The **Sprinter React SDK** provides a set of tools and hooks to interact with the Sprinter Intent Engine directly within React applications. It allows developers to easily manage cross-chain balance aggregation and bridging solutions using React components.
+
+## Key Features
+
+- **Cross-Chain Balance Retrieval**: Fetch user balances across multiple supported blockchains.
+- **Bridging Solutions**: Generate solutions for cross-chain token transfers and contract calls.
+- **Contract Call Solutions**: Generate solutions to perform contract calls along with cross-chain transfers.
+- **React Hooks**: Simplified and declarative access to Sprinter's core functionality through React hooks.
+
+## Use Cases
+
+1. **Balance Aggregation**: Aggregate a user’s balance for a specific token across multiple chains.
+2. **Token Bridging**: Create bridging solutions to transfer tokens across different chains.
+3. **Contract Interactions**: Retrieve solutions for executing contract calls while bridging tokens.
+
+For more detailed usage and examples, refer to the Methods Reference.
diff --git a/docs/docs/05-breaking-changes.md b/docs/docs/05-breaking-changes.md
new file mode 100644
index 0000000..e737318
--- /dev/null
+++ b/docs/docs/05-breaking-changes.md
@@ -0,0 +1,295 @@
+---
+id: breaking-changes
+title: Breaking Changes
+sidebar_position: 5
+---
+
+# Breaking Changes
+
+## SDK from Version 0.3.0 to 0.4.0
+
+### Summary of Changes:
+- **New Methods**:
+    - `poolAssetOnDestination`, `poolAssetOnDestinationWithHook`, `transfer`, and `transferWithHook` replace the old `getSolution` and `getCallSolution` methods.
+- **Simplified API**: Each method now has a focused purpose, making it easier to understand and use.
+- **Parameter Renaming**: `whitelistedSourceChains` has been renamed to `sourceChains` for clarity.
+
+<details>
+  <summary>**1. Method Refactoring**</summary>
+
+#### Old API:
+
+Previously, there were two primary methods:
+- `getSolution`: Used for both **balance aggregation** and **contract calls**.
+- `getCallSolution`: Focused on **bridging with contract calls**.
+
+These methods were generalized, accepting complex and multifaceted parameters, which often led to confusion about the exact functionality.
+
+#### New API:
+
+The methods have been **separated and simplified** to offer more clarity and specialization. Now, there are four distinct methods:
+
+1. **`poolAssetOnDestination`**:
+    - Used to **aggregate token balances** from multiple chains without contract interaction.
+
+2. **`poolAssetOnDestinationWithHook`**:
+    - Used to **aggregate balances and perform a contract call** on the destination chain.
+
+3. **`transfer`**:
+    - Focuses on a **single-hop token transfer** from one chain to another, without any contract call.
+
+4. **`transferWithHook`**:
+    - Transfers tokens with an **additional contract call** on the destination chain.
+
+#### Impact:
+- **Simpler API**: Users no longer need to handle complex or overloaded methods like `getSolution` or `getCallSolution`. Now, they can choose the right method for their needs.
+
+##### Example Change:
+- **Old usage (`getSolution`)**:
+  ```ts
+  sprinter.getSolution({
+    account: "0xYourAddressHere",
+    destinationChain: 11155111,
+    token: "USDC",
+    amount: 1000000,
+    contractCall: {
+      callData: "0xabcdef",
+      contractAddress: "0xContractAddress",
+      gasLimit: 21000,
+    },
+  });
+  ```
+
+- **New usage (`poolAssetOnDestinationWithHook`)**:
+  ```ts
+  sprinter.poolAssetOnDestinationWithHook({
+    account: "0xYourAddressHere",
+    destinationChain: 11155111,
+    token: "USDC",
+    amount: 1000000,
+    contractCall: {
+      callData: "0xabcdef",
+      contractAddress: "0xContractAddress",
+      gasLimit: 21000,
+    },
+  });
+  ```
+
+</details>
+
+<details>
+  <summary>**2. Parameter Name Changes**</summary>
+
+#### Old API:
+- **`whitelistedSourceChains`**: A parameter that allowed users to specify which source chains were eligible for the solution.
+
+#### New API:
+- **`sourceChains`**: The same functionality has been retained but with a **simpler, cleaner name**.
+
+#### Impact:
+- **No change in functionality**: The purpose of this parameter remains the same.
+- **Migration Tip**: Users should simply update the parameter name in their code.
+
+##### Example Change:
+- **Old usage (`whitelistedSourceChains`)**:
+  ```ts
+  sprinter.getSolution({
+    account: "0xYourAddressHere",
+    destinationChain: 11155111,
+    token: "USDC",
+    amount: 1000000,
+    whitelistedSourceChains: [84532, 137],
+  });
+  ```
+
+- **New usage (`sourceChains`)**:
+  ```ts
+  sprinter.poolAssetOnDestination({
+    account: "0xYourAddressHere",
+    destinationChain: 11155111,
+    token: "USDC",
+    amount: 1000000,
+    sourceChains: [84532, 137],
+  });
+  ```
+
+</details>
+
+---
+
+## React SDK Refactor: From Version 0.2.1 to 0.3.0
+
+### Summary of Changes:
+- **New Methods**:
+    - `getTransfer`, `getTransferWithHook`, `getPoolAssetOnDestination`, and `getPoolAssetOnDestinationWithHook` replace the old `getSolution` and `getCallSolution` methods.
+- **Parameter Structure**: Methods now accept a single object as a parameter, instead of individual arguments.
+- **Parameter Renaming**: `whitelistedSourceChains` has been renamed to `sourceChains`.
+- **SDK as Peer Dependency**: The `@chainsafe/sprinter-sdk` is now a peer dependency, simplifying updates.
+
+<details>
+  <summary>**1. Method Refactoring**</summary>
+
+#### Old API:
+
+Previously, there were two primary methods in the React SDK:
+- `getSolution`: Used for both **balance aggregation** and **contract calls**.
+- `getCallSolution`: Focused on **bridging with contract calls**.
+
+These methods were generalized, requiring multiple parameters, leading to confusion about their exact purpose.
+
+#### New API:
+
+The methods have been split into specialized methods to clarify their purpose:
+
+1. **`getPoolAssetOnDestination`**:
+    - Handles **balance aggregation** from multiple chains without contract interaction.
+
+2. **`getPoolAssetOnDestinationWithHook`**:
+    - Handles **balance aggregation** from multiple chains with a contract call on the destination chain.
+
+3. **`getTransfer`**:
+    - Used for **single-hop transfers** between chains without any contract call.
+
+4. **`getTransferWithHook`**:
+    - Used for **single-hop transfers** with a contract call on the destination chain.
+
+#### Impact:
+- **Simplified API**: Users no longer need to manage overloaded methods. Instead, each method has a clear, focused purpose, reducing complexity.
+
+##### Example Change:
+- **Old usage (`getSolution`)**:
+  ```ts
+  getSolution(account, destinationChain, token, amount, threshold, whitelistedSourceChains);
+  ```
+
+- **New usage (`getTransferWithHook`)**:
+  ```ts
+  getTransferWithHook({
+    account,
+    destinationChain,
+    token,
+    amount,
+    threshold,
+    sourceChains
+  });
+  ```
+
+</details>
+
+<details>
+  <summary>**2. Parameter Structure Changes**</summary>
+
+#### Old API:
+
+In previous versions, parameters were passed individually for each method:
+
+```typescript
+getSolution(
+  account: Address,
+  destinationChain: ChainID,
+  token: TokenSymbol,
+  amount: number,
+  threshold?: number,
+  whitelistedSourceChains?: ChainID[]
+)
+```
+
+#### New API:
+
+Now, methods accept a **single object** as an argument (e.g., `settings`). This aligns with the SDK design, making it easier to manage and extend.
+
+```typescript
+getTransfer({
+  account,
+  destinationChain,
+  token,
+  amount,
+  threshold,
+  sourceChains
+})
+```
+
+#### Impact:
+- **Migration Tip**: Instead of passing individual parameters, pass a single object that encapsulates all the necessary values.
+
+##### Example Change:
+- **Old Usage**:
+  ```typescript
+  getSolution(account, destinationChain, token, amount, threshold, whitelistedSourceChains);
+  ```
+
+- **New Usage**:
+  ```typescript
+  getTransfer({
+    account,
+    destinationChain,
+    token,
+    amount,
+    threshold,
+    sourceChains
+  });
+  ```
+
+</details>
+
+<details>
+  <summary>**3. Parameter Renaming**</summary>
+
+#### Old API:
+- **`whitelistedSourceChains`**: This parameter allowed users to specify the source chains for bridging.
+
+#### New API:
+- **`sourceChains`**: The functionality remains the same, but the name has been simplified for clarity.
+
+#### Impact:
+- **No change in functionality**: Users just need to update their code to use the new parameter name.
+
+##### Example Change:
+- **Old usage**:
+  ```ts
+  getSolution({
+    account: "0xYourAddressHere",
+    destinationChain: 11155111,
+    token: "USDC",
+    amount: 1000000,
+    whitelistedSourceChains: [84532, 137],
+  });
+  ```
+
+- **New usage**:
+  ```ts
+  getTransfer({
+    account: "0xYourAddressHere",
+    destinationChain: 11155111,
+    token: "USDC",
+    amount: 1000000,
+    sourceChains: [84532, 137],
+  });
+  ```
+
+</details>
+
+<details>
+  <summary>**4. SDK as Peer Dependency**</summary>
+
+#### Old Setup:
+
+Previously, the React SDK bundled the `@chainsafe/sprinter-sdk` as a regular dependency. This meant that updating the SDK required updating the React SDK at the same time.
+
+#### New Setup:
+
+`@chainsafe/sprinter-sdk` is now a **peer dependency**, which allows independent updates to the SDK without needing to update the React SDK.
+
+#### Impact:
+- **Migration Tip**: Ensure that `@chainsafe/sprinter-sdk` is installed as a dependency in your project.
+
+##### Example (`package.json`):
+```json
+{
+  "peerDependencies": {
+    "@chainsafe/sprinter-sdk": "^0.4.0"
+  }
+}
+```
+
+</details>
diff --git a/docs/docusaurus.config.ts b/docs/docusaurus.config.ts
index ff96580..e6836f2 100644
--- a/docs/docusaurus.config.ts
+++ b/docs/docusaurus.config.ts
@@ -26,6 +26,9 @@ const config: Config = {
       'classic',
       {
         docs: {
+          remarkPlugins: [
+            [require('@docusaurus/remark-plugin-npm2yarn'), {sync: true}],
+          ],
           sidebarPath: './sidebars.ts',
           // Please change this to your repo.
           // Remove this to remove the "edit this page" links.
@@ -55,11 +58,6 @@ const config: Config = {
           position: 'left',
           label: 'Learn',
         },
-        {
-          to: 'docs/api/api-usage',
-          position: 'left',
-          label: 'API',
-        },
         {
           href: 'https://poc.sprinter.buildwithsygma.com/',
           label: 'POC',
@@ -89,11 +87,11 @@ const config: Config = {
             },
             {
               label: 'SDK',
-              to: '/docs/category/sdk',
+              to: '/docs/sdk',
             },
             {
-              label: 'API',
-              to: '/docs/category/api',
+              label: 'React SDK',
+              to: '/docs/react-sdk/',
             },
           ],
         },
diff --git a/docs/package.json b/docs/package.json
index e8347fe..bd5ca3d 100644
--- a/docs/package.json
+++ b/docs/package.json
@@ -19,6 +19,7 @@
     "@cmfcmf/docusaurus-search-local": "latest",
     "@docusaurus/core": "^3.5.2",
     "@docusaurus/preset-classic": "^3.5.2",
+    "@docusaurus/remark-plugin-npm2yarn": "^3.5.2",
     "@mdx-js/react": "^3.0.1",
     "clsx": "^2.1.1",
     "d3": "^7.9.0",
diff --git a/docs/src/components/SankeyNetworkToken/data.ts b/docs/src/components/SankeyNetworkToken/data.ts
index f28e206..73295ed 100644
--- a/docs/src/components/SankeyNetworkToken/data.ts
+++ b/docs/src/components/SankeyNetworkToken/data.ts
@@ -1,7 +1,7 @@
 import {getChainTokens, getFungibleTokens, getSupportedChains} from "@chainsafe/sprinter-sdk/dist/api";
 
 export async function getData(baseUrl: string) {
-  const chains= await getSupportedChains({ baseUrl });
+  const chains = await getSupportedChains({ baseUrl });
   const leftNodes = chains.map(({ name, logoURI }) => ({ id: name, img: logoURI }));
   const leftNodesLength = leftNodes.length;
 
@@ -15,8 +15,6 @@ export async function getData(baseUrl: string) {
   connections.forEach((networkTokens) => {
     const source = leftNodes.findIndex(({ id }) => networkTokens.network === id);
 
-    console.log(source, networkTokens.tokens.length);
-
     if (source === -1) return;
     networkTokens.tokens.forEach((token) => {
       const target = rightNodes.findIndex(({ id }) => token.name === id);
diff --git a/docs/src/components/SankeyNetworkToken/index.tsx b/docs/src/components/SankeyNetworkToken/index.tsx
index 261b9ec..66f6ba1 100644
--- a/docs/src/components/SankeyNetworkToken/index.tsx
+++ b/docs/src/components/SankeyNetworkToken/index.tsx
@@ -1,7 +1,7 @@
 import React, { useEffect, useRef } from 'react';
 import * as d3 from 'd3';
 import { sankey as d3Sankey } from 'd3-sankey';
-import {getData} from "./data";
+import { getData } from "./data";
 
 type SankeyNetworkTokenProps = {
   url: string;
@@ -15,135 +15,147 @@ export default function SankeyNetworkToken({ url }: SankeyNetworkTokenProps) {
       const svgWidth = 350;
       const svgHeight = Math.max(leftNodesLength, rightNodesLength) * 100 + 50;
 
-
-    const svg = d3.select(svgRef.current)
-      .attr('width', svgWidth)
-      .attr('height', svgHeight);
-
-    // guideline in the middle
-    svg.append('line')
-      .attr('x1', svgWidth / 2)
-      .attr('y1', 25)
-      .attr('x2', svgWidth / 2)
-      .attr('y2', svgHeight)
-      .attr('stroke', 'rgba(0,0,0,0.72)')
-      .attr('stroke-width', 1)
-      .attr('stroke-dasharray', '5,5')
-      .style('opacity', 0.33);  // Adjusted to 0.33 opacity
-
-    const sankey = d3Sankey()
-      .nodeWidth(50)  // Increased node width to 50 units
-      .nodePadding(15)  // Maintain padding between nodes
-      .extent([[50, 50], [300, 598]]);  // Adjusted extent to bring nodes closer to the center
-
-    let { nodes, links } = sankey({
-      nodes: data.nodes.map(d => Object.assign({}, d)),
-      links: data.links.map(d => Object.assign({}, d)),
-    });
-
-    // Calculate positions for the labels based on node positions
-    const networkLabelX = nodes.find(d => d.id === ln[0].id).x0 + 25;  // Find the x-position of the first network node and center the label
-    const tokensLabelX = nodes.find(d => d.id === rn[0].id).x0 + 25;   // Find the x-position of the first token node and center the label
-
-    // Add labels "Network" and "Tokens" above the chart as column labels
-    svg.append('text')
-      .attr('x', networkLabelX)
-      .attr('y', 30)
-      .attr('text-anchor', 'middle')
-      .attr('font-size', '16px')
-      .attr('font-weight', 'bold')
-      .text('Network');
-
-    svg.append('text')
-      .attr('x', tokensLabelX)
-      .attr('y', 30)
-      .attr('text-anchor', 'middle')
-      .attr('font-size', '16px')
-      .attr('font-weight', 'bold')
-      .text('Tokens');
-
-    // Adjust the y positions of left-side nodes (AA, BB, CC)
-    const leftNodes = nodes.filter(d => ln.map(({ id }) => id).includes(d.id));
-    leftNodes.forEach((node, index) => {
-      node.y0 = 60 + index * 100;  // Adjust y0 to stack the nodes properly
-      node.y1 = node.y0 + 90;  // Node height remains the same
-    });
-
-    // Adjust the y positions of right-side nodes (NA, NB, NC, ND)
-    const rightNodes = nodes.filter(d => rn.map(({ id }) => id).includes(d.id));
-    rightNodes.forEach((node, index) => {
-      node.y0 = 60 + index * 100;  // Adjust y0 to align with the left-side nodes
-      node.y1 = node.y0 + 90;  // Node height remains the same
-    });
-
-    // Group nodes and labels together
-    const nodeGroup = svg.append('g')
-      .selectAll('g')
-      .data(nodes)
-      .enter().append('g')
-      .attr('transform', d => `translate(${d.x0}, ${d.y0})`)
-      .on('mouseover', handleMouseOver)
-      .on('mouseout', handleMouseOut);
-
-    // Draw the nodes
-    nodeGroup.append('rect')
-      .attr('x', 0)
-      .attr('y', 0)
-      .attr('height', 90)  // Node height remains the same
-      .attr('width', 50)  // Node width set to 50 units
-      .attr('fill', d => d.color = "rgba(124,240,10,0)")
-
-    // Add labels (image + text) directly on top of the nodes
-    nodeGroup.each(function (d) {
-      const g = d3.select(this);
-
-      // Add image centered horizontally within the node
-      g.append('image')
-        .attr('xlink:href', d.img)
-        .attr('width', 45)  // Image size
-        .attr('height', 45)
-        .attr('x', 2.5)  // Center the image horizontally within the node
-        .attr('y', 5);  // Position image near the top of the node
-
-      // Add text below the image, also centered
-      g.append('text')
-        .attr('x', 25)  // Center the text horizontally within the node
-        .attr('y', 75)  // Position text near the bottom of the node
-        .attr('text-anchor', 'middle')
-        .attr('fill', '#000')
-        .attr('font-size', '15px')  // Font size
-        .text(d.id);
-    });
-
-    // Custom link generator to converge all links at a single point vertically aligned with target node
-    const linkPath = d3.linkHorizontal()
-      .source(d => [d.source.x1, ((d.source.y1 + d.source.y0) / 2) - 15])
-      .target(d => [d.target.x0, ((d.target.y1 + d.target.y0) / 2) - 15])  // Converge to the center of the target node
-      .x(d => d[0])
-      .y(d => d[1]);
-
-    // Draw the links with uniform height
-    const linkGroup = svg.append('g')
-      .attr('fill', 'none')
-      .selectAll('path')
-      .data(links)
-      .enter().append('path')
-      .attr('d', linkPath)
-      .attr('stroke', d => "rgba(0,0,0,0.87)")
-      .attr('stroke-width', 5)  // Link width remains the same
-      .attr('class', 'link')
-      .style('stroke-opacity', 0);  // Initially visible for clarity
-
-    function handleMouseOver(event, node) {
-      linkGroup
-        .filter(l => l.source === node || l.target === node)
-        .style('stroke-opacity', 0.7);  // Show links on hover
-    }
-
-    function handleMouseOut(event, node) {
-      linkGroup
-        .style('stroke-opacity', 0);  // Hide links when not hovering
-    }
+      const svg = d3.select(svgRef.current)
+          .attr('width', svgWidth)
+          .attr('height', svgHeight);
+
+      // guideline in the middle
+      svg.append('line')
+          .attr('x1', svgWidth / 2)
+          .attr('y1', 25)
+          .attr('x2', svgWidth / 2)
+          .attr('y2', svgHeight)
+          .attr('stroke', 'rgba(0,0,0,0.72)')
+          .attr('stroke-width', 1)
+          .attr('stroke-dasharray', '5,5')
+          .style('opacity', 0.33);  // Adjusted to 0.33 opacity
+
+      const sankey = d3Sankey()
+          .nodeWidth(50)  // Increased node width to 50 units
+          .nodePadding(15)  // Maintain padding between nodes
+          .extent([[50, 50], [300, svgHeight - 50]]);  // Adjusted extent to bring nodes closer to the center
+
+      let { nodes, links } = sankey({
+        nodes: data.nodes.map(d => Object.assign({}, d)),
+        links: data.links.map(d => Object.assign({}, d)),
+      });
+
+      // Adjust the x-positions of nodes to ensure left nodes are on the left and right nodes on the right
+      nodes.forEach(node => {
+        if (ln.some(leftNode => leftNode.id === node.id)) {
+          // This is a left node, set x-position to be on the left side
+          node.x0 = 50; // Fixed x-position for left nodes
+          node.x1 = node.x0 + 50;
+        } else if (rn.some(rightNode => rightNode.id === node.id)) {
+          // This is a right node, set x-position to be on the right side
+          node.x0 = svgWidth - 100; // Fixed x-position for right nodes
+          node.x1 = node.x0 + 50;
+        }
+      });
+
+      // Calculate positions for the labels based on node positions
+      const networkLabelX = nodes.find(d => d.id === ln[0].id).x0 + 25;  // Find the x-position of the first network node and center the label
+      const tokensLabelX = nodes.find(d => d.id === rn[0].id).x0 + 25;   // Find the x-position of the first token node and center the label
+
+      // Add labels "Network" and "Tokens" above the chart as column labels
+      svg.append('text')
+          .attr('x', networkLabelX)
+          .attr('y', 30)
+          .attr('text-anchor', 'middle')
+          .attr('font-size', '16px')
+          .attr('font-weight', 'bold')
+          .text('Network');
+
+      svg.append('text')
+          .attr('x', tokensLabelX)
+          .attr('y', 30)
+          .attr('text-anchor', 'middle')
+          .attr('font-size', '16px')
+          .attr('font-weight', 'bold')
+          .text('Tokens');
+
+      // Adjust the y positions of left-side nodes (AA, BB, CC)
+      const leftNodes = nodes.filter(d => ln.map(({ id }) => id).includes(d.id));
+      leftNodes.forEach((node, index) => {
+        node.y0 = 60 + index * 100;  // Adjust y0 to stack the nodes properly
+        node.y1 = node.y0 + 90;  // Node height remains the same
+      });
+
+      // Adjust the y positions of right-side nodes (NA, NB, NC, ND)
+      const rightNodes = nodes.filter(d => rn.map(({ id }) => id).includes(d.id));
+      rightNodes.forEach((node, index) => {
+        node.y0 = 60 + index * 100;  // Adjust y0 to align with the left-side nodes
+        node.y1 = node.y0 + 90;  // Node height remains the same
+      });
+
+      // Group nodes and labels together
+      const nodeGroup = svg.append('g')
+          .selectAll('g')
+          .data(nodes)
+          .enter().append('g')
+          .attr('transform', d => `translate(${d.x0}, ${d.y0})`)
+          .on('mouseover', handleMouseOver)
+          .on('mouseout', handleMouseOut);
+
+      // Draw the nodes
+      nodeGroup.append('rect')
+          .attr('x', 0)
+          .attr('y', 0)
+          .attr('height', 90)  // Node height remains the same
+          .attr('width', 50)  // Node width set to 50 units
+          .attr('fill', d => d.color = "rgba(124,240,10,0)")
+
+      // Add labels (image + text) directly on top of the nodes
+      nodeGroup.each(function (d) {
+        const g = d3.select(this);
+
+        // Add image centered horizontally within the node
+        g.append('image')
+            .attr('xlink:href', d.img)
+            .attr('width', 45)  // Image size
+            .attr('height', 45)
+            .attr('x', 2.5)  // Center the image horizontally within the node
+            .attr('y', 5);  // Position image near the top of the node
+
+        // Add text below the image, also centered
+        g.append('text')
+            .attr('x', 25)  // Center the text horizontally within the node
+            .attr('y', 75)  // Position text near the bottom of the node
+            .attr('text-anchor', 'middle')
+            .attr('fill', '#000')
+            .attr('font-size', '15px')  // Font size
+            .text(d.id);
+      });
+
+      // Custom link generator to converge all links at a single point vertically aligned with target node
+      const linkPath = d3.linkHorizontal()
+          .source(d => [d.source.x1, ((d.source.y1 + d.source.y0) / 2) - 15])
+          .target(d => [d.target.x0, ((d.target.y1 + d.target.y0) / 2) - 15])  // Converge to the center of the target node
+          .x(d => d[0])
+          .y(d => d[1]);
+
+      // Draw the links with uniform height
+      const linkGroup = svg.append('g')
+          .attr('fill', 'none')
+          .selectAll('path')
+          .data(links)
+          .enter().append('path')
+          .attr('d', linkPath)
+          .attr('stroke', d => "rgba(0,0,0,0.87)")
+          .attr('stroke-width', 5)  // Link width remains the same
+          .attr('class', 'link')
+          .style('stroke-opacity', 0);  // Initially visible for clarity
+
+      function handleMouseOver(event, node) {
+        linkGroup
+            .filter(l => l.source === node || l.target === node)
+            .style('stroke-opacity', 0.7);  // Show links on hover
+      }
+
+      function handleMouseOut(event, node) {
+        linkGroup
+            .style('stroke-opacity', 0);  // Hide links when not hovering
+      }
 
     }))
   }, []);
diff --git a/docs/src/components/SupportedList/index.tsx b/docs/src/components/SupportedList/index.tsx
new file mode 100644
index 0000000..19c59ec
--- /dev/null
+++ b/docs/src/components/SupportedList/index.tsx
@@ -0,0 +1,20 @@
+import SankeyNetworkToken from "@site/src/components/SankeyNetworkToken";
+
+export default function SupportedList() {
+    return (
+        <table>
+            <thead>
+            <tr>
+                <th>Mainnet</th>
+                <th>Testnet</th>
+            </tr>
+            </thead>
+            <tbody>
+            <tr>
+                <td style={{ verticalAlign: "top" }}><SankeyNetworkToken url="https://api.sprinter.buildwithsygma.com/" /></td>
+                <td style={{ verticalAlign: "top" }}><SankeyNetworkToken url="https://api.test.sprinter.buildwithsygma.com/" /></td>
+            </tr>
+            </tbody>
+        </table>
+    )
+}
\ No newline at end of file
diff --git a/package.json b/package.json
index 714c574..ed99095 100644
--- a/package.json
+++ b/package.json
@@ -13,7 +13,7 @@
     "node": ">=20.0.0"
   },
   "scripts": {
-    "build": "yarn workspaces foreach -Avpt run build",
+    "build": "yarn workspaces foreach -Avpt --topological-dev run build",
     "lint": "yarn workspaces foreach -Avpt run lint",
     "test:unit": "yarn workspaces foreach -Avpt run test:unit",
     "test:integrations": "yarn workspaces foreach -Avpt run test:integrations"
diff --git a/packages/react/README.md b/packages/react/README.md
index 5887056..133652d 100644
--- a/packages/react/README.md
+++ b/packages/react/README.md
@@ -7,9 +7,9 @@ The Sprinter React SDK is a React wrapper for the [Sprinter SDK](https://github.
 To install the package, use npm or yarn:
 
 ```bash
-npm install @chainsafe/sprinter-react
+npm install @chainsafe/sprinter-react @chainsafe/sprinter-sdk
 # or
-yarn add @chainsafe/sprinter-react
+yarn add @chainsafe/sprinter-react @chainsafe/sprinter-sdk
 ```
 
 ## Usage
diff --git a/packages/react/lib/context.tsx b/packages/react/lib/context.tsx
index 74bce56..8ae55fc 100644
--- a/packages/react/lib/context.tsx
+++ b/packages/react/lib/context.tsx
@@ -1,22 +1,48 @@
 import {createContext, ReactNode, useEffect, useState} from "react";
-import {type FetchOptions, Sprinter} from "@chainsafe/sprinter-sdk";
+import {Sprinter} from "@chainsafe/sprinter-sdk";
 import {useTokens} from "./internal/useTokens.ts";
 import {useChains} from "./internal/useChains.ts";
-import {useSolution} from "./internal/useSolution.ts";
-import {useCallSolution} from "./internal/useCallSolution.ts";
 import {useBalances} from "./internal/useBalances.ts";
+import {useTransfers} from "./internal/useTransfers.ts";
 
-type SprinterContext = ReturnType<typeof useBalances> & ReturnType<typeof useTokens> & ReturnType<typeof useChains> & ReturnType<typeof useSolution> & ReturnType<typeof useCallSolution>;
+type SprinterContext = ReturnType<typeof useBalances> & ReturnType<typeof useTokens> & ReturnType<typeof useChains> & ReturnType<typeof useTransfers>;
 
 export const Context = createContext<SprinterContext | null>(null);
 
 interface SprinterContextProps {
-  children?: ReactNode | undefined;
-  fetchOptions?: Omit<FetchOptions, "signal">;
+  children?: ReactNode;
+  baseUrl?: string;
 }
 
-export function SprinterContext({ children, fetchOptions }: SprinterContextProps) {
-  const [sprinter] = useState(new Sprinter(fetchOptions));
+/**
+ * SprinterContext is a context provider component that initializes a Sprinter instance
+ * and provides various functionalities for interacting with tokens, chains, balances,
+ * and bridging solutions through React Context.
+ *
+ * It fetches and provides tokens, chains, user balances, and bridging solutions to any
+ * component that consumes this context.
+ *
+ * @param {SprinterContextProps} props - The props for the component:
+ * - `children` (ReactNode): The child components that will have access to the context.
+ * - `baseUrl` (string, optional): The base URL to be used for all fetch requests in the Sprinter SDK.
+ *
+ * @returns {JSX.Element} A context provider that supplies tokens, chains, balances, and bridging solutions to its children.
+ *
+ * @example
+ * ```ts
+ * import { SprinterContext, Environment } from '@chainsafe/sprinter-react';
+ *
+ * function App() {
+ *   return (
+ *     <SprinterContext baseUrl={Environment.TESTNET}>
+ *       <YourComponent />
+ *     </SprinterContext>
+ *   );
+ * }
+ * ```
+ */
+export function SprinterContext({ children, baseUrl }: SprinterContextProps) {
+  const [sprinter] = useState(new Sprinter({baseUrl}));
 
   /** Balances */
   const { balances, getUserBalances } = useBalances(sprinter);
@@ -28,10 +54,7 @@ export function SprinterContext({ children, fetchOptions }: SprinterContextProps
   const { chains, getAvailableChains } = useChains(sprinter);
 
   /** Solutions */
-  const { solution, getSolution } = useSolution(sprinter);
-
-  /** Call Solution */
-  const { callSolution, getCallSolution } = useCallSolution(sprinter);
+  const { solution, getTransfer, getTransferWithHook, getPoolAssetOnDestination, getPoolAssetOnDestinationWithHook } = useTransfers(sprinter);
 
   /** Initialization */
   useEffect(() => {
@@ -43,7 +66,6 @@ export function SprinterContext({ children, fetchOptions }: SprinterContextProps
     balances, getUserBalances,
     tokens, getAvailableTokens,
     chains, getAvailableChains,
-    solution, getSolution,
-    callSolution, getCallSolution
+    solution, getTransfer, getTransferWithHook, getPoolAssetOnDestination, getPoolAssetOnDestinationWithHook,
   }}>{children}</Context.Provider>;
 }
diff --git a/packages/react/lib/hooks.ts b/packages/react/lib/hooks.ts
index bfcd00e..9e88b85 100644
--- a/packages/react/lib/hooks.ts
+++ b/packages/react/lib/hooks.ts
@@ -3,7 +3,20 @@ import {Context} from "./context.tsx";
 import {Address} from "@chainsafe/sprinter-sdk";
 import {BalancesEntry} from "./internal/useBalances.ts";
 
-/** Everything from context */
+/**
+ * A hook to access the full Sprinter context, including balances, tokens, chains, and transfer solutions.
+ *
+ * @returns {SprinterContext} The current context value with Sprinter functionalities.
+ *
+ * @throws {Error} If the context is not available.
+ *
+ * @example
+ * ```ts
+ * import { useSprinter } from '@chainsafe/sprinter-react';
+ *
+ * const { balances, tokens, chains, solution } = useSprinter();
+ * ```
+ */
 export function useSprinter() {
   const context = useContext(Context);
 
@@ -18,7 +31,51 @@ const balancesEmptyState = {
   loading: false,
   error: null,
 };
-
+/**
+ * A hook to retrieve the user's token balances and a function to fetch them.
+ *
+ * @param {Address} account - The user's wallet address.
+ *
+ * @returns {{
+ *   balances: AsyncRequestState<BalancesEntry>,
+ *   getUserBalances: () => void
+ * }}
+ * - `balances`: The state of the user's token balances for the specified account, including:
+ *   - `data`: The token balances, or `null` if not yet fetched.
+ *   - `loading`: A boolean indicating if the request is in progress.
+ *   - `error`: An error message, or `null` if there is no error.
+ * - `getUserBalances`: A function to fetch the user's balances for the specified account.
+ *
+ * @example
+ * ```ts
+ * import React, { useEffect } from 'react';
+ * import { useSprinterBalances } from '@chainsafe/sprinter-react';
+ *
+ * function BalancesComponent() {
+ *   const { balances, getUserBalances } = useSprinterBalances("0xYourAddress");
+ *
+ *   useEffect(() => {
+ *     getUserBalances();
+ *   }, [getUserBalances]);
+ *
+ *   if (balances.loading) {
+ *     return <div>Loading...</div>;
+ *   }
+ *
+ *   if (balances.error) {
+ *     return <div>Error: {balances.error}</div>;
+ *   }
+ *
+ *   return (
+ *     <ul>
+ *       {Object.entries(balances.data || {}).map(([symbol, balanceEntry]) => (
+ *         <li key={symbol}>{symbol}: {balanceEntry.total}</li>
+ *       ))}
+ *     </ul>
+ *   );
+ * }
+ * ```
+ */
 export function useSprinterBalances(account: Address) {
   const { balances: _balances, getUserBalances: _getUserBalances } = useSprinter();
 
@@ -28,26 +85,180 @@ export function useSprinterBalances(account: Address) {
   return { balances, getUserBalances };
 }
 
-/** Tokens */
+/**
+ * A hook to retrieve available tokens and a function to fetch them.
+ *
+ * @returns {{
+ *   tokens: AsyncRequestState<FungibleToken[]>,
+ *   getAvailableTokens: () => void
+ * }}
+ * - `tokens`: The state of available tokens, including:
+ *   - `data`: The list of available tokens, or `null` if not yet fetched.
+ *   - `loading`: A boolean indicating if the request is in progress.
+ *   - `error`: An error message, or `null` if there is no error.
+ * - `getAvailableTokens`: A function to fetch the available tokens.
+ *
+ * @example
+ * ```ts
+ * import React, { useEffect } from 'react';
+ * import { useSprinterTokens } from '@chainsafe/sprinter-react';
+ *
+ * function TokensComponent() {
+ *   const { tokens, getAvailableTokens } = useSprinterTokens();
+ *
+ *   useEffect(() => {
+ *     getAvailableTokens();
+ *   }, [getAvailableTokens]);
+ *
+ *   if (tokens.loading) {
+ *     return <div>Loading...</div>;
+ *   }
+ *
+ *   if (tokens.error) {
+ *     return <div>Error: {tokens.error}</div>;
+ *   }
+ *
+ *   return (
+ *     <ul>
+ *       {tokens.data?.map(token => (
+ *         <li key={token.symbol}>{token.name}</li>
+ *       ))}
+ *     </ul>
+ *   );
+ * }
+ * ```
+ */
 export function useSprinterTokens() {
   const { tokens, getAvailableTokens } = useSprinter();
   return { tokens, getAvailableTokens };
 }
 
-/** Chains */
+/**
+ * A hook to retrieve available chains and a function to fetch them.
+ *
+ * @returns {{
+ *   chains: AsyncRequestState<Chain[]>,
+ *   getAvailableChains: () => void
+ * }}
+ * - `chains`: The state of available chains, including:
+ *   - `data`: The list of available chains, or `null` if not yet fetched.
+ *   - `loading`: A boolean indicating if the request is in progress.
+ *   - `error`: An error message, or `null` if there is no error.
+ * - `getAvailableChains`: A function to fetch the available chains.
+ *
+ * @example
+ * ```ts
+ * import React, { useEffect } from 'react';
+ * import { useSprinterChains } from '@chainsafe/sprinter-react';
+ *
+ * function ChainsComponent() {
+ *   const { chains, getAvailableChains } = useSprinterChains();
+ *
+ *   useEffect(() => {
+ *     getAvailableChains();
+ *   }, [getAvailableChains]);
+ *
+ *   if (chains.loading) {
+ *     return <div>Loading...</div>;
+ *   }
+ *
+ *   if (chains.error) {
+ *     return <div>Error: {chains.error}</div>;
+ *   }
+ *
+ *   return (
+ *     <ul>
+ *       {chains.data?.map(chain => (
+ *         <li key={chain.chainID}>{chain.name}</li>
+ *       ))}
+ *     </ul>
+ *   );
+ * }
+ * ```
+ */
 export function useSprinterChains() {
   const { chains, getAvailableChains } = useSprinter();
   return { chains, getAvailableChains };
 }
 
-/** Solutions */
-export function useSprinterSolution() {
-  const { solution, getSolution } = useSprinter();
-  return { solution, getSolution };
-}
-
-/** Call Solution */
-export function useSprinterCallSolution() {
-  const { callSolution, getCallSolution } = useSprinter();
-  return { callSolution, getCallSolution };
+/**
+ * A hook to retrieve transfer and pooling solutions and functions to interact with the Sprinter SDK.
+ *
+ * @returns {{
+ *   solution: AsyncRequestState<SolutionResponse>,
+ *   getTransfer: (request: {
+ *     account: string,
+ *     destinationChain: number,
+ *     token: string,
+ *     amount: string
+ *   }) => void,
+ *   getTransferWithHook: (request: {
+ *     account: string,
+ *     destinationChain: number,
+ *     token: string,
+ *     amount: string,
+ *     contractCall: object
+ *   }) => void,
+ *   getPoolAssetOnDestination: (request: {
+ *     account: string,
+ *     destinationChain: number,
+ *     token: string,
+ *     amount: string,
+ *     sourceChains?: number[]
+ *   }) => void,
+ *   getPoolAssetOnDestinationWithHook: (request: {
+ *     account: string,
+ *     destinationChain: number,
+ *     token: string,
+ *     amount: string,
+ *     contractCall: object,
+ *     sourceChains?: number[]
+ *   }) => void
+ * }}
+ * - `solution`: The state of the solution, including:
+ *   - `data`: The solution, or `null` if not yet fetched.
+ *   - `loading`: A boolean indicating if the request is in progress.
+ *   - `error`: An error message, or `null` if there is no error.
+ * - `getTransfer`: A function to get a single-hop transfer solution based on the provided request.
+ * - `getTransferWithHook`: A function to get a transfer solution that includes an additional contract call on the destination chain.
+ * - `getPoolAssetOnDestination`: A function to get a solution for pooling assets from multiple chains and transferring them to the destination chain.
+ * - `getPoolAssetOnDestinationWithHook`: A function to get a solution for pooling assets and performing a contract call on the destination chain.
+ *
+ * @example
+ * ```ts
+ * import React, { useEffect } from 'react';
+ * import { useSprinterTransfers } from '@chainsafe/sprinter-react';
+ *
+ * function TransfersComponent() {
+ *   const { solution, getPoolAssetOnDestination } = useSprinterTransfers();
+ *
+ *   useEffect(() => {
+ *     getPoolAssetOnDestination({
+ *       account: "0x3e101ec02e7a48d16dade204c96bff842e7e2519",
+ *       destinationChain: 11155111,
+ *       token: "0x036CbD53842c5426634e7929541eC2318f3dCF7e",
+ *       amount: "100000000",
+ *       sourceChains: [84532, 137],
+ *     });
+ *   }, [getPoolAssetOnDestination]);
+ *
+ *   if (solution.loading) {
+ *     return <div>Loading...</div>;
+ *   }
+ *
+ *   if (solution.error) {
+ *     return <div>Error: {solution.error}</div>;
+ *   }
+ *
+ *   return (
+ *     <div>
+ *       <pre>{JSON.stringify(solution.data, null, 2)}</pre>
+ *     </div>
+ *   );
+ * }
+ * ```
+ */
+export function useSprinterTransfers() {
+  const { solution, getTransfer, getTransferWithHook, getPoolAssetOnDestination, getPoolAssetOnDestinationWithHook } = useSprinter();
+  return { solution, getTransfer, getTransferWithHook, getPoolAssetOnDestination, getPoolAssetOnDestinationWithHook };
 }
diff --git a/packages/react/lib/internal/useCallSolution.ts b/packages/react/lib/internal/useCallSolution.ts
deleted file mode 100644
index 825c07c..0000000
--- a/packages/react/lib/internal/useCallSolution.ts
+++ /dev/null
@@ -1,28 +0,0 @@
-import {
-  Address,
-  ChainID, ContractCallSolutionOptions,
-  type SolutionResponse,
-  Sprinter,
-  TokenSymbol
-} from "@chainsafe/sprinter-sdk";
-import {useCallback} from "react";
-import { useAsyncRequest} from "./useAsyncRequest.ts";
-
-export function useCallSolution(sprinter: Sprinter) {
-  const { state: callSolution, makeRequest } = useAsyncRequest<SolutionResponse>();
-
-  const getCallSolution = useCallback((account: Address,
-    destinationChain: ChainID,
-    token: TokenSymbol,
-    amount: number,
-    contractCall: ContractCallSolutionOptions,
-    threshold?: number,
-    whitelistedSourceChains?: ChainID[],
-  ) => {
-    makeRequest(sprinter.getCallSolution({
-      account, destinationChain, token, amount, threshold, whitelistedSourceChains, contractCall
-    }));
-  }, [sprinter, makeRequest]);
-
-  return { callSolution, getCallSolution };
-}
diff --git a/packages/react/lib/internal/useSolution.ts b/packages/react/lib/internal/useSolution.ts
deleted file mode 100644
index a47ee27..0000000
--- a/packages/react/lib/internal/useSolution.ts
+++ /dev/null
@@ -1,28 +0,0 @@
-import {
-  Address,
-  ChainID,
-  type SolutionResponse,
-  Sprinter,
-  TokenSymbol
-} from "@chainsafe/sprinter-sdk";
-import {useCallback} from "react";
-import {useAsyncRequest} from "./useAsyncRequest.ts";
-
-export function useSolution(sprinter: Sprinter) {
-  const { state: solution, makeRequest } = useAsyncRequest<SolutionResponse>();
-
-  const getSolution = useCallback((
-    account: Address,
-    destinationChain: ChainID,
-    token: TokenSymbol,
-    amount: number,
-    threshold?: number,
-    whitelistedSourceChains?: ChainID[],
-  ) => {
-    makeRequest(sprinter.getSolution({
-      account, destinationChain, token, amount, threshold, whitelistedSourceChains,
-    }));
-  }, [sprinter, makeRequest]);
-
-  return { solution, getSolution };
-}
diff --git a/packages/react/lib/internal/useTransfers.ts b/packages/react/lib/internal/useTransfers.ts
new file mode 100644
index 0000000..9781d4b
--- /dev/null
+++ b/packages/react/lib/internal/useTransfers.ts
@@ -0,0 +1,34 @@
+import {
+  type SolutionResponse,
+  Sprinter,
+} from "@chainsafe/sprinter-sdk";
+import {useCallback} from "react";
+import {useAsyncRequest} from "./useAsyncRequest";
+import type {Infer} from "superstruct";
+import {
+  MultiHopSchema,
+  MultiHopWithContractSchema,
+  SingleHopSchema, SingleHopWithContractSchema
+} from "@chainsafe/sprinter-sdk/dist/internal/validators";
+
+export function useTransfers(sprinter: Sprinter) {
+  const { state: solution, makeRequest } = useAsyncRequest<SolutionResponse>();
+
+  const getPoolAssetOnDestination = useCallback((settings: Infer<typeof MultiHopSchema>) => {
+    makeRequest(sprinter.poolAssetOnDestination(settings));
+  }, [sprinter, makeRequest]);
+
+  const getPoolAssetOnDestinationWithHook = useCallback((settings: Infer<typeof MultiHopWithContractSchema>) => {
+    makeRequest(sprinter.poolAssetOnDestinationWithHook(settings));
+  }, [sprinter, makeRequest]);
+
+  const getTransfer = useCallback((settings: Infer<typeof SingleHopSchema>) => {
+    makeRequest(sprinter.transfer(settings));
+  }, [sprinter, makeRequest]);
+
+  const getTransferWithHook = useCallback((settings: Infer<typeof SingleHopWithContractSchema>) => {
+    makeRequest(sprinter.transferWithHook(settings));
+  }, [sprinter, makeRequest]);
+
+  return { solution, getTransfer, getTransferWithHook, getPoolAssetOnDestination, getPoolAssetOnDestinationWithHook };
+}
diff --git a/packages/react/lib/main.ts b/packages/react/lib/main.ts
index 5289107..2cd948c 100644
--- a/packages/react/lib/main.ts
+++ b/packages/react/lib/main.ts
@@ -3,7 +3,6 @@ export {
   useSprinterBalances,
   useSprinter,
   useSprinterChains,
-  useSprinterSolution,
-  useSprinterCallSolution,
-  useSprinterTokens
+  useSprinterTokens,
+  useSprinterTransfers,
 } from "./hooks";
diff --git a/packages/react/package.json b/packages/react/package.json
index 8a06e88..1b150df 100644
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -14,10 +14,12 @@
     "preview": "vite preview"
   },
   "peerDependencies": {
+    "@chainsafe/sprinter-sdk": "workspace:^",
     "react": "^18.3.1",
     "react-dom": "^18.3.1"
   },
   "devDependencies": {
+    "@chainsafe/sprinter-sdk": "workspace:^",
     "@eslint/js": "^9.9.0",
     "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",
@@ -34,9 +36,6 @@
     "vite": "^5.4.1",
     "vite-plugin-dts": "^4.2.1"
   },
-  "dependencies": {
-    "@chainsafe/sprinter-sdk": "workspace:^"
-  },
   "volta": {
     "node": "20.17.0",
     "yarn": "4.3.1"
diff --git a/packages/sdk/README.md b/packages/sdk/README.md
index e3bbf07..cdcd48f 100644
--- a/packages/sdk/README.md
+++ b/packages/sdk/README.md
@@ -1,63 +1,75 @@
 # Sprinter SDK
 
-Sprinter SDK is a powerful library for interacting with blockchain networks, allowing you to retrieve information about fungible tokens, supported chains, and user balances, as well as finding solutions for asset transfers.
+The **Sprinter SDK** is a JavaScript/TypeScript library that simplifies cross-chain operations such as fetching balances and providing solutions for asset transfers across multiple blockchains.
+
+## Features
+
+- **Cross-Chain Balance Retrieval**: Fetch user balances across multiple supported blockchains.
+- **Bridging Solutions**: Generate solutions for single-hop and multi-hop token transfers across chains.
+- **Contract Call Solutions**: Generate solutions to perform contract calls along with cross-chain transfers.
+- **Typed Methods**: Full TypeScript support, ensuring type safety.
 
 ## Installation
 
-Install the library using npm or yarn:
+To install the Sprinter SDK in your project, you can use either `npm` or `yarn`.
+
+### npm
 
 ```bash
 npm install @chainsafe/sprinter-sdk
-# or
-yarn add @chainsafe/sprinter-sdk
 ```
 
-## Usage
+### yarn
 
-You have two approaches: using the `Sprinter` class or calling API endpoints directly through the SDK.
+```bash
+yarn add @chainsafe/sprinter-sdk
+```
 
-### Using the Sprinter Class
+## Basic Usage
 
-The `Sprinter` class provides a convenient interface for interacting with the blockchain using an EIP1193 provider (e.g., MetaMask).
+Once installed, you can initialize and use the SDK to interact with blockchain data.
 
-#### Example
+### Using the `Sprinter` Class
+
+The `Sprinter` class provides an interface to interact with balances and chains.
 
 ```typescript
 import { Sprinter } from '@chainsafe/sprinter-sdk';
 
-const sprinter = new Sprinter();
+const sprinter = new Sprinter({
+  baseUrl: 'https://api.sprinter.buildwithsygma.com',
+});
 
-const ownerAddress = "0x3E101Ec02e7A48D16DADE204C96bFF842E7E2519";
+const ownerAddress = "0xYourAddressHere";
 sprinter.getUserBalances(ownerAddress).then(console.log);
 ```
 
-### Calling API Endpoints Directly
-
-Alternatively, you can call the API endpoints directly using the provided SDK functions.
-
-#### Example
+### Example: Fetch Available Tokens
 
 ```typescript
-import { api } from '@chainsafe/sprinter-sdk';
+sprinter.getAvailableTokens().then(tokens => {
+  console.log(tokens);
+});
+```
 
-const ownerAddress = "0x3E101Ec02e7A48D16DADE204C96bFF842E7E2519";
-const tokenSymbol = "USDC";
+### Example: Fetch Supported Chains
 
-api.getUserFungibleTokens(ownerAddress, tokenSymbol).then(console.log);
+```typescript
+sprinter.getAvailableChains().then(chains => {
+  console.log(chains);
+});
 ```
 
-### Environment Variables
-
-The SDK uses environment variables to configure the base URL `SPRINTER_URL`. You can set this variable in your environment configuration or directly in your code.
+### Environment Configuration
 
-#### Setting Environment Variables in Code
+You can configure the SDK using environment variables to set the base URL for API requests:
 
 ```typescript
 import { setBaseUrl } from '@chainsafe/sprinter-sdk';
 
-setBaseUrl("http://localhost:8080");
+setBaseUrl("https://api.sprinter.buildwithsygma.com");
 ```
 
-## Contributing
+## API Documentation
 
-Contributions are welcome! Please submit a pull request or open an issue to discuss any changes.
+For more detailed documentation on how to use the SDK, please visit the [API documentation](https://docs.sprinter.buildwithsygma.com/docs/sdk/overview).
diff --git a/packages/sdk/package.json b/packages/sdk/package.json
index 23bcb4a..fb6b644 100644
--- a/packages/sdk/package.json
+++ b/packages/sdk/package.json
@@ -17,6 +17,7 @@
     "typescript": "^5.0.3"
   },
   "dependencies": {
+    "superstruct": "^2.0.2",
     "viem": "^2.21.9"
   },
   "volta": {
diff --git a/packages/sdk/src/api.ts b/packages/sdk/src/api.ts
index 9f78493..fb0b94a 100644
--- a/packages/sdk/src/api.ts
+++ b/packages/sdk/src/api.ts
@@ -8,6 +8,7 @@ import type {
   FungibleToken,
   FungibleTokenBalance,
   NativeTokenBalance,
+  SingleHopContractSolutionOptions,
   Solution,
   SolutionOptions,
   SolutionResponse,
@@ -72,7 +73,7 @@ export async function getFungibleToken(
   );
 }
 
-export async function getUserFungibleTokens(
+export async function getErc20Balances(
   address: Address,
   token: TokenSymbol,
   { baseUrl, signal }: FetchOptions = {},
@@ -181,9 +182,10 @@ export async function getContractCallSolution(
     token,
     amount,
     contractCall,
+    recipient,
     threshold,
     whitelistedSourceChains,
-  }: ContractSolutionOptions,
+  }: SingleHopContractSolutionOptions,
   { baseUrl, signal }: FetchOptions = {},
 ): Promise<SolutionResponse> {
   const url = new URL("/solution/call", baseUrl || BASE_URL);
@@ -198,6 +200,7 @@ export async function getContractCallSolution(
       destination: destinationChain,
       destinationContractCall: contractCall,
       type: "fungible",
+      recipient,
       threshold,
       whitelistedSourceChains,
     }),
diff --git a/packages/sdk/src/enums.ts b/packages/sdk/src/enums.ts
index 7b0fa3e..c6143f9 100644
--- a/packages/sdk/src/enums.ts
+++ b/packages/sdk/src/enums.ts
@@ -1,3 +1,8 @@
 export enum ChainType {
   EVM = "evm",
 }
+
+export enum Environment {
+  MAINNET = "https://api.sprinter.buildwithsygma.com/",
+  TESTNET = "https://api.test.sprinter.buildwithsygma.com/",
+}
diff --git a/packages/sdk/src/index.ts b/packages/sdk/src/index.ts
index b1841ea..2dea3a5 100644
--- a/packages/sdk/src/index.ts
+++ b/packages/sdk/src/index.ts
@@ -1,171 +1,5 @@
-import {
-  getFungibleTokens,
-  getSolution,
-  getContractSolution,
-  getSupportedChains,
-  getUserFungibleTokens,
-  getUserNativeTokens,
-  setBaseUrl,
-  BASE_URL,
-  getContractCallSolution,
-} from "./api";
-import type {
-  Address,
-  AggregateBalances,
-  Chain,
-  ContractSolutionOptions,
-  FetchOptions,
-  FungibleToken,
-  SolutionOptions,
-  SolutionResponse,
-  TokenBalance,
-  TokenSymbol,
-} from "./types";
-
 export type * from "./types";
+export { setBaseUrl, BASE_URL } from "./api";
 export * as api from "./api";
-export * from "./enums";
-
-class Sprinter {
-  // in memory "cache"
-  #tokens?: FungibleToken[];
-  #chains?: Chain[];
-  #requests: Record<string, Promise<unknown>> = {};
-
-  #fetchOptions: Omit<FetchOptions, "signal">;
-
-  constructor(fetchOptions: Omit<FetchOptions, "signal"> = {}) {
-    this.#fetchOptions = fetchOptions;
-  }
-
-  public async getAvailableTokens(
-    options: FetchOptions = {},
-  ): Promise<FungibleToken[]> {
-    if (!this.#tokens)
-      this.#tokens = await this.deferredRequest("tokens", () =>
-        getFungibleTokens(this.makeFetchOptions(options)),
-      );
-    return this.#tokens;
-  }
-
-  public async getAvailableChains(
-    options: FetchOptions = {},
-  ): Promise<Chain[]> {
-    if (!this.#chains)
-      this.#chains = await this.deferredRequest("chains", () =>
-        getSupportedChains(this.makeFetchOptions(options)),
-      );
-    return this.#chains;
-  }
-
-  public async getUserBalances(
-    account: Address,
-    tokens?: FungibleToken[],
-    options: FetchOptions = {},
-  ): Promise<AggregateBalances> {
-    const tokenList = tokens || (await this.getAvailableTokens(options));
-
-    const [balances, nativeTokens] = await this.deferredRequest(
-      `balances-${account}`,
-      () =>
-        Promise.all([
-          Promise.all(
-            tokenList.map((token) =>
-              getUserFungibleTokens(account, token.symbol, options).then(
-                (balances) => ({
-                  symbol: token.symbol,
-                  balances,
-                }),
-              ),
-            ),
-          ),
-          getUserNativeTokens(account, options),
-        ]),
-    );
-    return balances.reduce(
-      (previousValue, { symbol, balances }) => {
-        previousValue[symbol] = {
-          total: balances
-            .reduce((prev, cur) => prev + BigInt(cur.balance), 0n)
-            .toString(),
-          balances,
-        };
-        return previousValue;
-      },
-      {
-        ["ETH"]: {
-          total: nativeTokens
-            .reduce((prev, cur) => prev + BigInt(cur.balance), 0n)
-            .toString(),
-          balances: nativeTokens,
-        },
-      } as {
-        [symbol: TokenSymbol]: {
-          balances: TokenBalance[];
-          total: string;
-        };
-      },
-    );
-  }
-
-  public async getSolution(
-    settings: ContractSolutionOptions,
-    options?: FetchOptions,
-  ): Promise<SolutionResponse>;
-  public async getSolution(
-    settings: SolutionOptions,
-    options?: FetchOptions,
-  ): Promise<SolutionResponse>;
-  public async getSolution(
-    settings: unknown,
-    options?: FetchOptions,
-  ): Promise<SolutionResponse> {
-    if (typeof settings !== "object" || settings === null)
-      throw new Error("Missing settings object");
-
-    if ("contractCall" in settings)
-      return await getContractSolution(
-        <ContractSolutionOptions>settings,
-        this.makeFetchOptions(options || {}),
-      );
-    return await getSolution(
-      <SolutionOptions>settings,
-      this.makeFetchOptions(options || {}),
-    );
-  }
-
-  public async getCallSolution(
-    settings: ContractSolutionOptions,
-    options?: FetchOptions,
-  ): Promise<SolutionResponse> {
-    if (typeof settings !== "object" || settings === null)
-      throw new Error("Missing settings object");
-
-    return await getContractCallSolution(
-      settings,
-      this.makeFetchOptions(options || {}),
-    );
-  }
-
-  private deferredRequest<T>(
-    name: string,
-    request: () => Promise<T>,
-  ): Promise<T> {
-    if (!(name in this.#requests)) {
-      this.#requests[name] = request();
-      void this.#requests[name].finally(() => {
-        void setTimeout(() => {
-          delete this.#requests[name];
-        }, 1000);
-      });
-    }
-
-    return this.#requests[name] as Promise<T>;
-  }
-
-  private makeFetchOptions(options: FetchOptions): FetchOptions {
-    return { ...this.#fetchOptions, ...options };
-  }
-}
-
-export { Sprinter, setBaseUrl, BASE_URL };
+export { ChainType, Environment } from "./enums";
+export { Sprinter } from "./sprinter";
diff --git a/packages/sdk/src/internal/userBalances.ts b/packages/sdk/src/internal/userBalances.ts
new file mode 100644
index 0000000..9ed3ff0
--- /dev/null
+++ b/packages/sdk/src/internal/userBalances.ts
@@ -0,0 +1,58 @@
+import { getErc20Balances, getUserNativeTokens } from "../api";
+import type {
+  Address,
+  AggregateBalances,
+  FetchOptions,
+  FungibleToken,
+  FungibleTokenBalance,
+  NativeTokenBalance,
+  TokenSymbol,
+} from "../types";
+
+type FetchBalancesResponse = [
+  { symbol: TokenSymbol; balances: FungibleTokenBalance[] }[],
+  NativeTokenBalance[],
+];
+
+export function getUserBalances(
+  account: Address,
+  tokens: FungibleToken[],
+  options: FetchOptions,
+): Promise<FetchBalancesResponse> {
+  return Promise.all([
+    Promise.all(
+      tokens.map((token) =>
+        getErc20Balances(account, token.symbol, options).then((balances) => ({
+          symbol: token.symbol,
+          balances,
+        })),
+      ),
+    ),
+    getUserNativeTokens(account, options),
+  ]);
+}
+
+export function formatBalances([
+  balances,
+  nativeTokens,
+]: FetchBalancesResponse): AggregateBalances {
+  return balances.reduce(
+    (previousValue, { symbol, balances }) => {
+      previousValue[symbol] = {
+        total: balances
+          .reduce((prev, cur) => prev + BigInt(cur.balance), 0n)
+          .toString(),
+        balances,
+      };
+      return previousValue;
+    },
+    {
+      ["ETH"]: {
+        total: nativeTokens
+          .reduce((prev, cur) => prev + BigInt(cur.balance), 0n)
+          .toString(),
+        balances: nativeTokens,
+      },
+    } as AggregateBalances,
+  );
+}
diff --git a/packages/sdk/src/internal/validators.ts b/packages/sdk/src/internal/validators.ts
new file mode 100644
index 0000000..24de300
--- /dev/null
+++ b/packages/sdk/src/internal/validators.ts
@@ -0,0 +1,79 @@
+import {
+  array,
+  assign,
+  bigint,
+  define,
+  number,
+  object,
+  optional,
+  refine,
+  string,
+  type Struct,
+  union,
+} from "superstruct";
+
+const hexString = (): Struct<string, null> =>
+  define("hexString", (value) => {
+    if (typeof value !== "string") return false;
+    const hexRegex = /^0x[0-9a-fA-F]+$/;
+    return hexRegex.test(value);
+  });
+
+const numberLike = refine(
+  union([number(), string(), hexString(), bigint()]),
+  "numberLike",
+  (value) => {
+    if (typeof value === "string") return !isNaN(Number(value));
+    return true; // If it's a number or bigint, it's already valid
+  },
+);
+
+const BridgeCoreSchema = object({
+  account: hexString(),
+  destinationChain: number(),
+  token: string(),
+  amount: numberLike,
+  threshold: optional(number()),
+  sourceChains: optional(array(number())),
+});
+
+const BridgeCoreWithRecipientSchema = assign(
+  BridgeCoreSchema,
+  object({
+    recipient: optional(hexString()),
+  }),
+);
+
+const ContractCallCoreSchema = object({
+  callData: hexString(),
+  contractAddress: hexString(),
+  gasLimit: numberLike,
+});
+
+const NativeContractCallSchema = ContractCallCoreSchema;
+
+const TokenContractCallSchema = assign(
+  ContractCallCoreSchema,
+  object({
+    outputTokenAddress: optional(hexString()),
+    approvalAddress: optional(hexString()),
+  }),
+);
+
+const ContractCallSchema = object({
+  contractCall: union([NativeContractCallSchema, TokenContractCallSchema]),
+});
+
+export const SingleHopSchema = BridgeCoreWithRecipientSchema;
+
+export const MultiHopSchema = BridgeCoreSchema;
+
+export const SingleHopWithContractSchema = assign(
+  BridgeCoreWithRecipientSchema,
+  ContractCallSchema,
+);
+
+export const MultiHopWithContractSchema = assign(
+  BridgeCoreSchema,
+  ContractCallSchema,
+);
diff --git a/packages/sdk/src/sprinter.ts b/packages/sdk/src/sprinter.ts
new file mode 100644
index 0000000..64a6930
--- /dev/null
+++ b/packages/sdk/src/sprinter.ts
@@ -0,0 +1,492 @@
+import type { Infer } from "superstruct";
+import { assert } from "superstruct";
+
+import {
+  getContractCallSolution,
+  getContractSolution,
+  getFungibleTokens,
+  getSolution,
+  getSupportedChains,
+} from "./api";
+import { formatBalances, getUserBalances } from "./internal/userBalances";
+import {
+  MultiHopSchema,
+  MultiHopWithContractSchema,
+  SingleHopSchema,
+  SingleHopWithContractSchema,
+} from "./internal/validators";
+import type {
+  Address,
+  AggregateBalances,
+  Chain,
+  ContractSolutionOptions,
+  FetchOptions,
+  FungibleToken,
+  SolutionOptions,
+  SolutionResponse,
+} from "./types";
+
+export class Sprinter {
+  // in memory "cache"
+  #tokens?: FungibleToken[];
+  #chains?: Chain[];
+  #requests: Record<string, Promise<unknown>> = {};
+
+  #fetchOptions: Omit<FetchOptions, "signal">;
+
+  constructor(fetchOptions: Omit<FetchOptions, "signal"> = {}) {
+    this.#fetchOptions = fetchOptions;
+  }
+
+  /**
+   * Fetches and returns the list of fungible tokens supported by Sprinter.
+   *
+   * @param {FetchOptions} [options={}] - Optional configuration for the fetch request, which can include custom headers or query parameters.
+   *
+   * @returns {Promise<FungibleToken[]>} A promise that resolves to a list of fungible tokens.
+   *
+   * @example
+   * ```ts
+   * import { Sprinter } from '@chainsafe/sprinter-sdk';
+   *
+   * const sprinter = new Sprinter();
+   *
+   * sprinter.getAvailableTokens().then(tokens => {
+   *   console.log(tokens);
+   * });
+   * ```
+   */
+  public async getAvailableTokens(
+    options: FetchOptions = {},
+  ): Promise<FungibleToken[]> {
+    if (!this.#tokens)
+      this.#tokens = await this.deferredRequest("tokens", () =>
+        getFungibleTokens(this.makeFetchOptions(options)),
+      );
+    return this.#tokens;
+  }
+
+  /**
+   * Fetches and returns the list of supported blockchain networks (chains) available in Sprinter.
+   *
+   * @param {FetchOptions} [options={}] - Optional configuration for the fetch request, which can include custom headers or query parameters.
+   *
+   * @returns {Promise<Chain[]>} A promise that resolves to a list of supported chains.
+   *
+   * @example
+   * ```ts
+   * import { Sprinter } from '@chainsafe/sprinter-sdk';
+   *
+   * const sprinter = new Sprinter();
+   *
+   * sprinter.getAvailableChains().then(chains => {
+   *   console.log(chains);
+   * });
+   * ```
+   */
+  public async getAvailableChains(
+    options: FetchOptions = {},
+  ): Promise<Chain[]> {
+    if (!this.#chains)
+      this.#chains = await this.deferredRequest("chains", () =>
+        getSupportedChains(this.makeFetchOptions(options)),
+      );
+    return this.#chains;
+  }
+
+  /**
+   * Fetches and returns the aggregate balances of the specified user across the provided list of tokens.
+   *
+   * @param {Address} account - The user's wallet address for which balances are to be fetched.
+   * @param {FungibleToken[]} [tokens] - An optional list of tokens to check balances for. If an empty array is provided, only native token balances (e.g., ETH) will be returned.
+   * @param {FetchOptions} [options={}] - Optional configuration for the fetch request, which can include custom headers or query parameters.
+   *
+   * @returns {Promise<AggregateBalances>} A promise that resolves to the user's aggregate balances for the specified tokens and always includes native token balances (e.g., ETH).
+   *
+   * @note If no tokens are provided or if an empty array is passed, the function will only return the native token balances (e.g., ETH). However, native balances are always returned regardless of the tokens specified.
+   *
+   * @example
+   * ```ts
+   * import { Sprinter } from '@chainsafe/sprinter-sdk';
+   *
+   * const sprinter = new Sprinter();
+   * const account = "0xYourAddressHere";
+   *
+   * sprinter.getUserBalances(account).then(balances => {
+   *   console.log(balances);
+   * });
+   * ```
+   *
+   * Returned Example:
+   * ```json
+   * {
+   *   "USDC": {
+   *     "balances": [
+   *       {
+   *         "balance": "100000000", // Balance in smallest denomination
+   *         "chainId": 1,
+   *         "tokenDecimals": 6
+   *       },
+   *       {
+   *         "balance": "5000000", // Balance in smallest denomination
+   *         "chainId": 137,
+   *         "tokenDecimals": 6
+   *       }
+   *     ],
+   *     "total": "105000000" // Total balance across all chains
+   *   },
+   *   "ETH": {
+   *     "balances": [
+   *       {
+   *         "balance": "2000000000000000000", // 2 ETH
+   *         "chainId": 1,
+   *         "tokenDecimals": 18
+   *       }
+   *     ],
+   *     "total": "2000000000000000000" // Total balance across all chains
+   *   }
+   * }
+   * ```
+   */
+  public async getUserBalances(
+    account: Address,
+    tokens?: FungibleToken[],
+    options: FetchOptions = {},
+  ): Promise<AggregateBalances> {
+    const tokenList = tokens || (await this.getAvailableTokens(options));
+
+    const [balances, nativeTokens] = await this.deferredRequest(
+      `balances-${account}`,
+      () =>
+        getUserBalances(
+          account,
+          tokenList,
+          this.makeFetchOptions(options || {}),
+        ),
+    );
+    return formatBalances([balances, nativeTokens]);
+  }
+
+  /**
+   * Fetches and returns the optimal solution for pooling assets on the destination chain based on the provided settings for bridging tokens between multiple chains.
+   *
+   * This method uses the provided settings to determine the best path for transferring tokens across multiple supported blockchains using a multi-hop strategy, ultimately pooling the assets on the destination chain.
+   *
+   * @param {Infer<typeof MultiHopSchema>} settings - The settings object for defining the pooling parameters:
+   * - `account`: The user's wallet address for the transaction.
+   * - `destinationChain`: The ID of the destination blockchain.
+   * - `token`: The token symbol (e.g., "ETH", "USDC") to be transferred.
+   * - `amount`: The amount of tokens to transfer (as a string or number).
+   * - `threshold` (optional): The minimum amount threshold required for pooling.
+   * - `sourceChains` (optional): An array of source chain IDs for the transfer.
+   *
+   * @param {FetchOptions} [options] - Optional configuration for the fetch request, such as custom headers or query parameters.
+   *
+   * @returns {Promise<SolutionResponse>} A promise that resolves to an array of possible pooling solutions (`Solution[]`), or a `FailedSolution` object in case of an error.
+   *
+   * @example
+   * ```ts
+   * import { Sprinter } from '@chainsafe/sprinter-sdk';
+   *
+   * const sprinter = new Sprinter();
+   * const settings = {
+   *   account: "0x3e101ec02e7a48d16dade204c96bff842e7e2519",
+   *   destinationChain: 11155111,
+   *   token: "0x036CbD53842c5426634e7929541eC2318f3dCF7e",
+   *   amount: "100000000",
+   *   sourceChains: [84532, 137],
+   * };
+   *
+   * sprinter.poolAssetOnDestination(settings).then(solution => {
+   *   console.log(solution);
+   * });
+   * ```
+   *
+   * Returned Example:
+   * ```json
+   * [
+   *   {
+   *     "sourceChain": 84532,
+   *     "destinationChain": 11155111,
+   *     "sourceTokenAddress": "0x036CbD53842c5426634e7929541eC2318f3dCF7e",
+   *     "destinationTokenAddress": "0x1c7D4B196Cb0C7B01d743Fbc6116a902379C7238",
+   *     "senderAddress": "0x3e101ec02e7a48d16dade204c96bff842e7e2519",
+   *     "tool": {
+   *       "name": "Sygma-Testnet",
+   *       "logoURI": "https://scan.buildwithsygma.com/assets/images/logo1.svg"
+   *     },
+   *     "gasCost": {
+   *       "amount": "221055913000",
+   *       "amountUSD": 0
+   *     },
+   *     "fee": {
+   *       "amount": "1000000000000000",
+   *       "amountUSD": 0
+   *     },
+   *     "amount": "100000000",
+   *     "duration": 60000000000,
+   *     "transaction": {
+   *       "data": "0x73c45c98000000000000000000000000000000000000000000000000000000000000000200000000000000000000000000000000000000000000000000000000000012000000000000000000000000000000000000000000000000000000000000000080000000000000000000000000000000000000000000000000000000000000010000000000000000000000000000000000000000000000000000000000000000540000000000000000000000000000000000000000000000000000000005f5e10000000000000000000000000000000000000000000000000000000000000000143e101ec02e7a48d16dade204c96bff842e7e251900000000000000000000000000000000000000000000000000000000000000000000000000000000000000023078000000000000000000000000000000000000000000000000000000000000",
+   *       "to": "0x9D5C332Ebe0DaE36e07a4eD552Ad4d8c5067A61F",
+   *       "from": "0x3E101Ec02e7A48D16DADE204C96bFF842E7E2519",
+   *       "value": "0x38d7ea4c68000",
+   *       "gasPrice": "0xf433d",
+   *       "gasLimit": "0x35f48",
+   *       "chainId": 84532
+   *     },
+   *     "approvals": [
+   *       {
+   *         "data": "0x095ea7b30000000000000000000000003b0f996c474c91de56617da13a52b22bb659d18e0000000000000000000000000000000000000000000000000000000005f5e100",
+   *         "to": "0x036CbD53842c5426634e7929541eC2318f3dCF7e",
+   *         "from": "0x3E101Ec02e7a48D16DADE204C96bFF842E7E2519",
+   *         "value": "0x0",
+   *         "gasPrice": "0xf433d",
+   *         "gasLimit": "0xe484",
+   *         "chainId": 84532
+   *       }
+   *     ]
+   *   }
+   * ]
+   * ```
+   *
+   * @note If the pooling process encounters an error, the returned object will be of type `FailedSolution` containing an error message.
+   */
+  public async poolAssetOnDestination(
+    settings: Infer<typeof MultiHopSchema>,
+    options?: FetchOptions,
+  ): Promise<SolutionResponse> {
+    assert(settings, MultiHopSchema);
+
+    const { sourceChains, amount, ...data } = settings;
+    return await getSolution(
+      {
+        ...data,
+        amount: BigInt(amount),
+        whitelistedSourceChains: sourceChains,
+      } as SolutionOptions,
+      options,
+    );
+  }
+
+  /**
+   * Fetches and returns the optimal pooling solution and performs a contract call on the destination chain.
+   *
+   * This method is intended to determine the best path for pooling tokens across multiple supported blockchains
+   * and then execute a contract call on the destination chain using either native or token contract interactions.
+   *
+   * @param {Infer<typeof MultiHopWithContractSchema>} settings - The settings object for defining the pooling and contract call parameters:
+   * - `account`: The user's wallet address for the transaction.
+   * - `destinationChain`: The ID of the destination blockchain.
+   * - `token`: The token symbol (e.g., "ETH", "USDC") to be pooled.
+   * - `amount`: The amount of tokens to transfer (as a string or number).
+   * - `contractCall`: Defines the contract call that will be executed on the destination chain:
+   *   - For native contract calls (`NativeContractCall`):
+   *     - `callData`: The encoded data to be sent to the contract.
+   *     - `contractAddress`: The address of the contract to call.
+   *     - `gasLimit`: The gas limit for the contract call.
+   *     - `recipient`: The address of the recipient of the call.
+   *   - For token contract calls (`TokenContractCall`):
+   *     - `callData`: The encoded data to be sent to the contract.
+   *     - `contractAddress`: The address of the contract to call.
+   *     - `gasLimit`: The gas limit for the contract call.
+   *     - `outputTokenAddress` (optional): The address of the output token (if different from the input).
+   *     - `approvalAddress` (optional): The address to approve for spending tokens.
+   * - `sourceChains` (optional): An array of whitelisted source chain IDs for the transfer.
+   * - `threshold` (optional): The minimum amount threshold required for pooling.
+   *
+   * @param {FetchOptions} [options] - Optional configuration for the fetch request, such as custom headers or query parameters.
+   *
+   * @returns {Promise<SolutionResponse>} A promise that resolves to the solution object containing the optimal pooling strategy and contract call, or a `FailedSolution` in case of an error.
+   *
+   * @example
+   * ```ts
+   * import { Sprinter } from '@chainsafe/sprinter-sdk';
+   *
+   * const sprinter = new Sprinter();
+   *
+   * const settings = {
+   *   account: "0x3e101ec02e7a48d16dade204c96bff842e7e2519",
+   *   destinationChain: 11155111,
+   *   token: "USDC",
+   *   amount: "100000000",
+   *   contractCall: {
+   *     callData: "0xabcdef", // encoded contract call data
+   *     contractAddress: "0x1234567890abcdef",
+   *     gasLimit: 21000,
+   *     recipient: "0xRecipientAddress" // for native contract call
+   *   },
+   *   sourceChains: [84532, 137]
+   * };
+   *
+   * sprinter.poolAssetOnDestinationWithHook(settings).then(solution => {
+   *   console.log(solution);
+   * }).catch(error => {
+   *   console.error(error);
+   * });
+   * ```
+   */
+  public async poolAssetOnDestinationWithHook(
+    settings: Infer<typeof MultiHopWithContractSchema>,
+    options?: FetchOptions,
+  ): Promise<SolutionResponse> {
+    assert(settings, MultiHopWithContractSchema);
+
+    const { sourceChains, amount, ...data } = settings;
+    return await getContractSolution(
+      {
+        ...data,
+        amount: BigInt(amount),
+        whitelistedSourceChains: sourceChains,
+      } as ContractSolutionOptions,
+      options,
+    );
+  }
+
+  /**
+   * Fetches and returns the optimal transfer solution for moving tokens between two blockchains using a single-hop strategy.
+   *
+   * This method finds the best path for transferring tokens from a source chain to a destination chain, as specified by the provided settings.
+   *
+   * @param {Infer<typeof SingleHopSchema>} settings - The settings object for defining the transfer parameters:
+   * - `account`: The user's wallet address for the transaction.
+   * - `destinationChain`: The ID of the destination blockchain.
+   * - `token`: The token symbol (e.g., "ETH", "USDC") to be transferred.
+   * - `amount`: The amount of tokens to transfer (as a string or number).
+   * - `recipient` (optional): The address of the recipient of any leftover tokens.
+   * - `threshold` (optional): The minimum amount threshold required for the transfer.
+   * - `sourceChains` (optional): An array of whitelisted source chain IDs for the transfer.
+   *
+   * @param {FetchOptions} [options] - Optional configuration for the fetch request, such as custom headers or query parameters.
+   *
+   * @returns {Promise<SolutionResponse>} A promise that resolves to the solution object containing the optimal transfer strategy, or a `FailedSolution` in case of an error.
+   *
+   * @example
+   * ```ts
+   * import { Sprinter } from '@chainsafe/sprinter-sdk';
+   *
+   * const sprinter = new Sprinter();
+   *
+   * const settings = {
+   *   account: "0x3e101ec02e7a48d16dade204c96bff842e7e2519",
+   *   destinationChain: 11155111,
+   *   token: "USDC",
+   *   amount: "100000000",
+   *   recipient: "0xRecipientAddress", // Optional recipient of leftover tokens
+   * };
+   *
+   * sprinter.transfer(settings).then(solution => {
+   *   console.log(solution);
+   * }).catch(error => {
+   *   console.error(error);
+   * });
+   * ```
+   */
+  public async transfer(
+    settings: Infer<typeof SingleHopSchema>,
+    options?: FetchOptions,
+  ): Promise<SolutionResponse> {
+    assert(settings, SingleHopSchema);
+
+    const { sourceChains, amount, ...data } = settings;
+    return await getContractCallSolution(
+      {
+        ...data,
+        amount: BigInt(amount),
+        whitelistedSourceChains: sourceChains,
+      } as SolutionOptions,
+      options,
+    );
+  }
+
+  /**
+   * Fetches and returns the optimal transfer solution and performs a contract call on the destination chain using a single-hop strategy.
+   *
+   * This method transfers tokens from a source chain to a destination chain and then executes a contract call on the destination chain.
+   *
+   * @param {Infer<typeof SingleHopWithContractSchema>} settings - The settings object for defining the transfer and contract call parameters:
+   * - `account` {string}: The user's wallet address for the transaction.
+   * - `destinationChain` {number}: The ID of the destination blockchain.
+   * - `token` {string}: The token symbol (e.g., "ETH", "USDC") to be transferred.
+   * - `amount` {string | number}: The amount of tokens to transfer (in the smallest denomination).
+   * - `contractCall` {Object}: Defines the contract call that will be executed on the destination chain:
+   *   - For native contract calls (`NativeContractCall`):
+   *     - `callData` {string}: The encoded data to be sent to the contract.
+   *     - `contractAddress` {string}: The address of the contract to call.
+   *     - `gasLimit` {number | string}: The gas limit for the contract call.
+   *   - For token contract calls (`TokenContractCall`):
+   *     - `callData` {string}: The encoded data to be sent to the contract.
+   *     - `contractAddress` {string}: The address of the contract to call.
+   *     - `gasLimit` {number | string}: The gas limit for the contract call.
+   *     - `outputTokenAddress` {string} (optional): The address of the output token (if different from the input).
+   *     - `approvalAddress` {string} (optional): The address to approve for spending tokens.
+   * - `recipient` {string} (optional): The address of the recipient of any leftover tokens.
+   * - `sourceChains` {Array<number>} (optional): An array of source chain IDs to be considered for the transfer.
+   * - `threshold` {number} (optional): The minimum amount threshold required for the transfer.
+   *
+   * @param {FetchOptions} [options] - Optional configuration for the fetch request, such as custom headers or query parameters.
+   *
+   * @returns {Promise<SolutionResponse>} A promise that resolves to the solution object containing the optimal transfer strategy and contract call, or a `FailedSolution` in case of an error.
+   *
+   * @example
+   * ```ts
+   * import { Sprinter } from '@chainsafe/sprinter-sdk';
+   *
+   * const sprinter = new Sprinter();
+   *
+   * const settings = {
+   *   account: "0x3e101ec02e7a48d16dade204c96bff842e7e2519",
+   *   destinationChain: 11155111,
+   *   token: "USDC",
+   *   amount: "100000000",
+   *   contractCall: {
+   *     callData: "0xabcdef", // encoded contract call data
+   *     contractAddress: "0x1234567890abcdef",
+   *     gasLimit: 21000,
+   *   },
+   *   recipient: "0xRecipientAddress", // for sending leftover tokens
+   * };
+   *
+   * sprinter.transferWithHook(settings).then(solution => {
+   *   console.log(solution);
+   * }).catch(error => {
+   *   console.error(error);
+   * });
+   * ```
+   */
+  public async transferWithHook(
+    settings: Infer<typeof SingleHopWithContractSchema>,
+    options?: FetchOptions,
+  ): Promise<SolutionResponse> {
+    assert(settings, SingleHopWithContractSchema);
+
+    const { sourceChains, amount, ...data } = settings;
+    return await getContractCallSolution(
+      {
+        ...data,
+        amount: BigInt(amount),
+        whitelistedSourceChains: sourceChains,
+      } as SolutionOptions,
+      options,
+    );
+  }
+
+  private deferredRequest<T>(
+    name: string,
+    request: () => Promise<T>,
+  ): Promise<T> {
+    if (!(name in this.#requests)) {
+      this.#requests[name] = request();
+      void this.#requests[name].finally(() => {
+        void setTimeout(() => {
+          delete this.#requests[name];
+        }, 1000);
+      });
+    }
+
+    return this.#requests[name] as Promise<T>;
+  }
+
+  private makeFetchOptions(options: FetchOptions): FetchOptions {
+    return { ...this.#fetchOptions, ...options };
+  }
+}
diff --git a/packages/sdk/src/types.ts b/packages/sdk/src/types.ts
index e262668..f408d17 100644
--- a/packages/sdk/src/types.ts
+++ b/packages/sdk/src/types.ts
@@ -36,11 +36,13 @@ export type FungibleTokenBalance = TokenBalance;
 
 export type NativeTokenBalance = TokenBalance;
 
+export type NumberLike = number | string | bigint;
+
 export interface SolutionOptions {
   account: Address;
   destinationChain: ChainID;
   token: TokenSymbol;
-  amount: number;
+  amount: NumberLike;
   threshold?: number;
   whitelistedSourceChains?: ChainID[];
 }
@@ -54,6 +56,11 @@ export interface ContractCallSolutionOptions {
   approvalAddress?: Address;
 }
 
+export interface SingleHopContractSolutionOptions extends SolutionOptions {
+  recipient?: Address;
+  contractCall?: ContractCallSolutionOptions;
+}
+
 export interface ContractSolutionOptions extends SolutionOptions {
   contractCall: ContractCallSolutionOptions;
 }
diff --git a/packages/sdk/tsconfig.json b/packages/sdk/tsconfig.json
index 0564f0c..b27439e 100644
--- a/packages/sdk/tsconfig.json
+++ b/packages/sdk/tsconfig.json
@@ -78,7 +78,7 @@
     /* Type Checking */
     "strict": true,                                      /* Enable all strict type-checking options. */
     // "noImplicitAny": true,                            /* Enable error reporting for expressions and declarations with an implied 'any' type. */
-    // "strictNullChecks": true,                         /* When type checking, take into account 'null' and 'undefined'. */
+    "strictNullChecks": true,                            /* When type checking, take into account 'null' and 'undefined'. */
     // "strictFunctionTypes": true,                      /* When assigning functions, check to ensure parameters and the return values are subtype-compatible. */
     // "strictBindCallApply": true,                      /* Check that the arguments for 'bind', 'call', and 'apply' methods match the original function. */
     // "strictPropertyInitialization": true,             /* Check for class properties that are declared but not set in the constructor. */
diff --git a/web/src/lib/components/SendTokensDrawer.svelte b/web/src/lib/components/SendTokensDrawer.svelte
index 7445b2f..9c933a5 100644
--- a/web/src/lib/components/SendTokensDrawer.svelte
+++ b/web/src/lib/components/SendTokensDrawer.svelte
@@ -18,7 +18,7 @@
 	import type { Address } from '@chainsafe/sprinter-sdk';
 	import { formatWei } from '$lib/formatters';
 
-	const tokens = $sprinter.getAvailableTokens($selectedAccount as Address).then((tokens) => [
+	const tokens = $sprinter.getAvailableTokens().then((tokens) => [
 		...tokens,
 		{
 			addresses: [],
@@ -28,7 +28,7 @@
 			symbol: 'ETH'
 		}
 	]);
-	const allBalances = $sprinter.getUserBalances();
+	const allBalances = $sprinter.getUserBalances($selectedAccount as Address);
 	const chains = $sprinter.getAvailableChains();
 
 	const drawerStore = getDrawerStore();
@@ -81,8 +81,8 @@
 				quota: {
 					account: $selectedAccount,
 					token: selectedToken,
-					destinationChain: selectedNetwork,
-					whitelisted,
+					destinationChain: Number(selectedNetwork),
+					sourceChains: whitelisted.map(Number),
 					amount: toWei(amount, tokenInfo.decimals),
 					threshold: threshold ? toWei(threshold, tokenInfo.decimals) : undefined
 				}
diff --git a/web/src/lib/components/SubmitTokensDrawer.svelte b/web/src/lib/components/SubmitTokensDrawer.svelte
index ae83354..29d4610 100644
--- a/web/src/lib/components/SubmitTokensDrawer.svelte
+++ b/web/src/lib/components/SubmitTokensDrawer.svelte
@@ -7,7 +7,7 @@
 	import { formatWei } from '$lib/formatters';
 
 	const drawerStore = getDrawerStore();
-	$: quota = $sprinter.getSolution($drawerStore.meta.quota);
+	$: quota = $sprinter.poolAssetOnDestination($drawerStore.meta.quota);
 	$: token = getTokenBySymbol($drawerStore.meta.tokens, $drawerStore.meta.quota.token);
 </script>
 
@@ -63,7 +63,7 @@
 >
 	<button
 		on:click={() => {
-			quota = $sprinter.getSolution($drawerStore.meta.quota);
+			quota = $sprinter.bridgeAggregateBalance($drawerStore.meta.quota);
 		}}
 		class="w-full h-10 p-2.5 bg-white dark:bg-gray-700 rounded-[10px] shadow border border-zinc-200 dark:border-gray-600 justify-center items-center gap-1 inline-flex"
 	>
diff --git a/web/src/lib/components/UpdateNameModal.svelte b/web/src/lib/components/UpdateNameModal.svelte
index dac8880..0593e2f 100644
--- a/web/src/lib/components/UpdateNameModal.svelte
+++ b/web/src/lib/components/UpdateNameModal.svelte
@@ -41,14 +41,14 @@
 	async function onNameSubmit() {
 		fetching = true;
 
-		const amount = Number(toWei(donation, 6));
+		const amount = toWei(donation, 6);
 		const sprinterNameService = new Contract(sprinterNameServiceAbi);
 
 		const data = sprinterNameService.methods
 			.claimName(name, $selectedAccount as Address, amount)
 			.encodeABI();
 
-		const response = await $sprinter.getCallSolution({
+		const response = await $sprinter.transferWithHook({
 			amount: amount,
 			account: $selectedAccount as Address,
 			token: 'USDC',
diff --git a/web/src/lib/stores/sprinter.ts b/web/src/lib/stores/sprinter.ts
index cf28c7f..af91d57 100644
--- a/web/src/lib/stores/sprinter.ts
+++ b/web/src/lib/stores/sprinter.ts
@@ -1,8 +1,8 @@
 import { writable } from 'svelte/store';
-import { Sprinter, setBaseUrl } from '@chainsafe/sprinter-sdk';
+import { Sprinter, setBaseUrl, Environment } from '@chainsafe/sprinter-sdk';
 import { selectedProvider } from '$lib/stores/wallet';
 
-setBaseUrl('https://api.test.sprinter.buildwithsygma.com/');
+setBaseUrl(Environment.TESTNET);
 
 export const sprinter = writable<Sprinter>();
 
diff --git a/web/src/lib/utils.ts b/web/src/lib/utils.ts
index 3b8ced9..ea52bbc 100644
--- a/web/src/lib/utils.ts
+++ b/web/src/lib/utils.ts
@@ -11,7 +11,7 @@ const noNetworkFound: Chain = {
 	chainType: ChainType.EVM,
 	name: 'none',
 	logoURI: 'https://static.thenounproject.com/png/75231-200.png',
-	rpcurls: []
+	rpcURLs: []
 };
 
 export function getNetworkByChainId(networks: Chain[], chainId: ChainID) {
diff --git a/yarn.lock b/yarn.lock
index 06c09f8..4ac16b0 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1856,6 +1856,7 @@ __metadata:
     vite: "npm:^5.4.1"
     vite-plugin-dts: "npm:^4.2.1"
   peerDependencies:
+    "@chainsafe/sprinter-sdk": "workspace:^"
     react: ^18.3.1
     react-dom: ^18.3.1
   languageName: unknown
@@ -1868,6 +1869,7 @@ __metadata:
     "@types/eslint": "npm:^8.56.11"
     "@types/node": "npm:18.19.42"
     eslint: "npm:^8.57.0"
+    superstruct: "npm:^2.0.2"
     typescript: "npm:^5.0.3"
     viem: "npm:^2.21.9"
   languageName: unknown
@@ -2351,6 +2353,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@docusaurus/remark-plugin-npm2yarn@npm:^3.5.2":
+  version: 3.5.2
+  resolution: "@docusaurus/remark-plugin-npm2yarn@npm:3.5.2"
+  dependencies:
+    mdast-util-mdx: "npm:^3.0.0"
+    npm-to-yarn: "npm:^2.2.1"
+    tslib: "npm:^2.6.0"
+    unified: "npm:^11.0.3"
+    unist-util-visit: "npm:^5.0.0"
+  checksum: 10c0/a9a7f212e0fad41c9c74184259eca37a838b6637b382f4ddee47f533036c292b0d6bdfcde93d8d7bed259baf8d4a36c7dd1456bfeb8bde5c4d92d3b4c7a99db7
+  languageName: node
+  linkType: hard
+
 "@docusaurus/theme-classic@npm:3.5.2":
   version: 3.5.2
   resolution: "@docusaurus/theme-classic@npm:3.5.2"
@@ -8962,6 +8977,7 @@ __metadata:
     "@docusaurus/core": "npm:^3.5.2"
     "@docusaurus/module-type-aliases": "npm:^3.5.2"
     "@docusaurus/preset-classic": "npm:^3.5.2"
+    "@docusaurus/remark-plugin-npm2yarn": "npm:^3.5.2"
     "@docusaurus/tsconfig": "npm:^3.5.2"
     "@docusaurus/types": "npm:^3.5.2"
     "@mdx-js/react": "npm:^3.0.1"
@@ -14448,6 +14464,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"npm-to-yarn@npm:^2.2.1":
+  version: 2.2.1
+  resolution: "npm-to-yarn@npm:2.2.1"
+  checksum: 10c0/65c696a3e595facad802b6b13c04e504806ea88fd4f87ab758f8042c19f65b4c4822815a47095df944b0809a95e574c27323c33cca5533f8454515eaa6e14fac
+  languageName: node
+  linkType: hard
+
 "nprogress@npm:^0.2.0":
   version: 0.2.0
   resolution: "nprogress@npm:0.2.0"
@@ -17939,6 +17962,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"superstruct@npm:^2.0.2":
+  version: 2.0.2
+  resolution: "superstruct@npm:2.0.2"
+  checksum: 10c0/c6853db5240b4920f47b3c864dd1e23ede6819ea399ad29a65387d746374f6958c5f1c5b7e5bb152d9db117a74973e5005056d9bb83c24e26f18ec6bfae4a718
+  languageName: node
+  linkType: hard
+
 "supports-color@npm:^5.3.0":
   version: 5.5.0
   resolution: "supports-color@npm:5.5.0"