diff --git a/example/src/components/header.tsx b/example/src/components/header.tsx
index 83c8302..52a0b71 100644
--- a/example/src/components/header.tsx
+++ b/example/src/components/header.tsx
@@ -26,10 +26,6 @@ const Header = () => {
       title: 'KYC',
       href: '/kyc',
     },
-    {
-      title: 'Payout',
-      href: '/payout',
-    },
     {
       title: 'Connect',
       href: '/connect',
@@ -71,13 +67,9 @@ const Header = () => {
           className="text-gray-400 hover:text-gray-200"
           isActive={location.pathname === '/kyc'}
         >
-          <Link to="/kyc">KYC</Link>
-        </NavbarItem>
-        <NavbarItem isActive={location.pathname === '/payout'}>
-          <Link className="text-gray-400 hover:text-gray-200" to="/payout">
-            Payout
-          </Link>
+          <Link to="/payout">Payout</Link>
         </NavbarItem>
+
         <NavbarItem isActive={location.pathname === '/connect'}>
           <Link className="text-gray-400 hover:text-gray-200" to="/connect">
             Connect
diff --git a/example/src/main.tsx b/example/src/main.tsx
index 6bacf97..d43b54c 100644
--- a/example/src/main.tsx
+++ b/example/src/main.tsx
@@ -1,17 +1,14 @@
+import { NextUIProvider } from '@nextui-org/react';
 import React from 'react';
 import ReactDOM from 'react-dom/client';
-import './index.css';
 import { RouterProvider, createHashRouter } from 'react-router-dom';
-import Home from './routes/home';
+import Layout from './components/layout';
+import './index.css';
+import Cashout from './routes/cashout';
 import Checkout from './routes/checkout';
 import Connect from './routes/connect';
-import Marketplace from './routes/kyc';
-import Header from './components/header';
-import Layout from './components/layout';
-import Kyc from './routes/kyc';
+import Home from './routes/home';
 import Payout from './routes/payout';
-import { NextUIProvider } from '@nextui-org/react';
-import Cashout from './routes/cashout';
 
 const router = createHashRouter([
   {
@@ -46,14 +43,6 @@ const router = createHashRouter([
       </Layout>
     ),
   },
-  {
-    path: '/kyc',
-    element: (
-      <Layout>
-        <Kyc />
-      </Layout>
-    ),
-  },
   {
     path: '/payout',
     element: (
diff --git a/example/src/routes/home.tsx b/example/src/routes/home.tsx
index d51260c..d77f4aa 100644
--- a/example/src/routes/home.tsx
+++ b/example/src/routes/home.tsx
@@ -46,13 +46,6 @@ export default function Home() {
           <Link to="/kyc" className="font-bold text-blue-500 hover:underline">
             KYC Widget
           </Link>
-          <br />
-          <Link
-            to="/payout"
-            className="font-bold text-blue-500 hover:underline"
-          >
-            Payout Widget
-          </Link>
         </p>
 
         <h2 className="mb-2 text-xl font-bold">Documentation</h2>
diff --git a/example/src/routes/kyc.tsx b/example/src/routes/kyc.tsx
deleted file mode 100644
index 23ac83b..0000000
--- a/example/src/routes/kyc.tsx
+++ /dev/null
@@ -1,55 +0,0 @@
-import { useState } from 'react';
-import { NoRampKyc } from '../../../src';
-import ThemeSwitcher from '../components/ui/theme-switcher/theme-switcher';
-
-const Kyc = () => {
-  const [theme, setTheme] = useState<'light' | 'dark'>('dark');
-
-  const handleThemeChange = (checked: boolean) => {
-    setTheme(checked ? 'dark' : 'light');
-  };
-
-  return (
-    <div className="container flex mx-auto my-0 ">
-      <div className="flex flex-col items-center w-full ">
-        <div className="flex items-center justify-between w-full max-w-4xl">
-          <p className="my-4 text-2xl font-bold">KYC Widget</p>
-
-          <div className="">
-            <ThemeSwitcher onChange={handleThemeChange} />
-          </div>
-        </div>
-
-        <div className="w-full max-w-4xl overflow-auto ">
-          <NoRampKyc token="preview" testnet theme={theme} />
-        </div>
-
-        <div className="flex flex-col justify-start w-full max-w-4xl mt-12">
-          <h3 className="mb-2 text-lg font-bold">Usage</h3>
-          <p className="mb-4">
-            Sign up on{' '}
-            <a
-              href="https://app.noramp.io"
-              className="text-blue-500 hover:underline"
-            >
-              app.noramp.io
-            </a>{' '}
-            , create a Marketplace App and register sellers in order to get the
-            token.
-          </p>
-          <pre className="p-2 mb-4 text-white bg-gray-800 rounded">
-            {`import { NoRampKyc } from 'norampkit';
-
-<NoRampKyc 
-  token="TOKEN" 
-  theme={"light" | "dark"} 
-  testnet 
-/>`}
-          </pre>
-        </div>
-      </div>
-    </div>
-  );
-};
-
-export default Kyc;
diff --git a/example/src/routes/payout.tsx b/example/src/routes/payout.tsx
index edc06cd..902f4d4 100644
--- a/example/src/routes/payout.tsx
+++ b/example/src/routes/payout.tsx
@@ -21,7 +21,11 @@ const Payout = () => {
         </div>
 
         <div className="w-full max-w-4xl overflow-auto ">
-          <NoRampPayout token="preview" testnet theme={theme} />
+          <NoRampPayout
+            token="098c589add3ece84398bba9caa773fbb97de531779a24a5d547c3dceee61edd7"
+            testnet
+            theme={theme}
+          />
         </div>
 
         <div className="flex flex-col justify-start w-full max-w-4xl mt-12">
@@ -29,15 +33,15 @@ const Payout = () => {
           <p className="mb-4">
             Sign up on{' '}
             <a
-              href="https://app.noramp.io"
+              href="https://dash.noramp.io"
               className="text-blue-500 hover:underline"
             >
-              app.noramp.io
+              dash.noramp.io
             </a>{' '}
             , create a Marketplace App and register sellers in order to get the
             token.
           </p>
-          <pre className="p-2 mb-4 overflow-auto text-white bg-gray-800 rounded">
+          <pre className="p-2 mb-4 text-white bg-gray-800 rounded">
             {`import { NoRampPayout } from 'norampkit';
 
 <NoRampPayout 
diff --git a/src/components/noramp-kyc/kyc.tsx b/src/components/noramp-kyc/kyc.tsx
deleted file mode 100644
index efcc411..0000000
--- a/src/components/noramp-kyc/kyc.tsx
+++ /dev/null
@@ -1,25 +0,0 @@
-import './styles.css';
-
-import React from 'react';
-import { getNoRampAppBaseUrl } from '../../utils/noramp-app';
-import { NoRampKycProps } from '../../types';
-
-export const NoRampKyc = ({
-  token,
-  testnet = false,
-  theme = 'dark',
-  height = '440',
-  width = '100%',
-}: NoRampKycProps) => {
-  const baseUrl = getNoRampAppBaseUrl(testnet);
-
-  let src = `${baseUrl}/embed/kyc/${token}?theme=${theme}`;
-
-  const isPreview = token === 'preview';
-
-  if (isPreview) {
-    src += '&preview=true';
-  }
-
-  return <iframe src={src} frameBorder="0" height={height} width={width} />;
-};
diff --git a/src/components/noramp-kyc/styles.css b/src/components/noramp-kyc/styles.css
deleted file mode 100644
index d74740b..0000000
--- a/src/components/noramp-kyc/styles.css
+++ /dev/null
@@ -1,74 +0,0 @@
-@font-face {
-  font-family: 'Roobert';
-  src: url('./fonts/roobert-regular.woff2') format('woff2');
-}
-.button {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  gap: 8px;
-  padding: 0px 18px 0px 14px;
-  font-size: 14px;
-  font-weight: 600;
-  text-align: left;
-  border-radius: 4px;
-  z-index: 10;
-  transition: 0.2s ease-in-out;
-  height: 40px;
-  position: relative;
-  border: none;
-  cursor: pointer;
-  font-family: 'Roobert', sans-serif;
-}
-
-.button:disabled::before {
-  content: '';
-  position: absolute;
-  inset: -1px;
-  border-radius: 4px;
-  /* background-color: rgba(255, 255, 255, 0.5); */
-  cursor: not-allowed;
-}
-
-/* light theme */
-
-.button-light {
-  background-color: #ffffff;
-
-  color: #000000;
-}
-
-.button-light:hover {
-  background-color: rgba(255, 255, 255, 0.75);
-}
-
-.button-light:disabled::before {
-  background-color: rgba(255, 255, 255, 0.5);
-}
-
-/* dark theme */
-
-.button-dark {
-  background-color: #000000;
-
-  color: #ffffff;
-}
-
-.button-dark:hover {
-  /* background-color: #2b3041; */
-  background-color: rgba(0, 0, 0, 0.75);
-}
-
-.button-dark:disabled::before {
-  background-color: rgba(0, 0, 0, 0.5);
-}
-
-/* others */
-
-.icon {
-  width: 30px;
-  height: 30px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
diff --git a/src/components/noramp-payout/payout.tsx b/src/components/noramp-payout/payout.tsx
index 7907888..903b886 100644
--- a/src/components/noramp-payout/payout.tsx
+++ b/src/components/noramp-payout/payout.tsx
@@ -1,20 +1,19 @@
-import React from 'react';
-
 import './styles.css';
+import React from 'react';
 
-import { getNoRampAppBaseUrl } from '../../utils/noramp-app';
 import { NoRampPayoutProps } from '../../types';
+import { getNoRampPayoutBaseUrl } from '../../utils/noramp-app';
 
 export const NoRampPayout = ({
   token,
   testnet = false,
   theme = 'dark',
-  height = '400',
+  height = '440',
   width = '100%',
 }: NoRampPayoutProps) => {
-  const baseUrl = getNoRampAppBaseUrl(testnet);
+  const baseUrl = getNoRampPayoutBaseUrl(testnet);
 
-  let src = `${baseUrl}/embed/payout/${token}?theme=${theme}`;
+  let src = `${baseUrl}/${token}?theme=${theme}`;
 
   const isPreview = token === 'preview';
 
diff --git a/src/index.tsx b/src/index.tsx
index 39395a3..7941c6b 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -1,6 +1,5 @@
 export { NoRampCheckout } from './components/noramp-checkout/checkout';
 export { NoRampPayout } from './components/noramp-payout/payout';
-export { NoRampKyc } from './components/noramp-kyc/kyc';
 export { NoRampCashout } from './components/noramp-cashout/cashout';
 export { useNoRampModal } from './hooks/useNoRampModal';
 // export { NoRampConnect } from './components/noramp-connect/connect';
diff --git a/src/types.ts b/src/types.ts
index ee6adbe..f55834b 100644
--- a/src/types.ts
+++ b/src/types.ts
@@ -29,14 +29,6 @@ export type NoRampConfig = {
   userCanEditWalletAddress?: string;
 };
 
-export type NoRampKycProps = {
-  token: string;
-  testnet?: boolean;
-  theme?: 'light' | 'dark' | null;
-  height?: string;
-  width?: string;
-};
-
 export type NoRampCashoutProps = {
   testnet?: boolean;
   theme?: 'light' | 'dark' | null;
diff --git a/src/utils/noramp-app.ts b/src/utils/noramp-app.ts
index 0c2e9f1..6de0c07 100644
--- a/src/utils/noramp-app.ts
+++ b/src/utils/noramp-app.ts
@@ -5,3 +5,9 @@ export function getNoRampAppBaseUrl(testnet: boolean): string {
 
   return baseUrl;
 }
+
+export function getNoRampPayoutBaseUrl(testnet: boolean): string {
+  const baseUrl = testnet ? 'https://kyc.noramp.dev' : 'https://kyc.noramp.io';
+
+  return baseUrl;
+}