diff --git a/docker-compose.yaml b/docker-compose.yaml
index e3fda035..7902a329 100644
--- a/docker-compose.yaml
+++ b/docker-compose.yaml
@@ -1,4 +1,4 @@
-version: "3.8"
+version: '3.8'
 services:
   nginx:
     image: nginx:latest
@@ -7,7 +7,7 @@ services:
     networks:
       - unicove
     ports:
-      - "8000:8000"
+      - '8000:8000'
     volumes:
       - ./docker/nginx.conf:/etc/nginx/nginx.conf:ro
   sveltekit:
@@ -15,10 +15,10 @@ services:
       context: .
       dockerfile: Dockerfile
     expose:
-      - "3000"
+      - '3000'
     networks:
       - unicove
     restart: always
 
 networks:
-  unicove:
\ No newline at end of file
+  unicove:
diff --git a/src/lib/components/chart/rampricehistory.svelte b/src/lib/components/chart/rampricehistory.svelte
index 43cf0c9a..c62054eb 100644
--- a/src/lib/components/chart/rampricehistory.svelte
+++ b/src/lib/components/chart/rampricehistory.svelte
@@ -17,8 +17,6 @@
 
 	let { data }: Props = $props();
 
-	console.log({ length: data.length, first20: data.slice(0, 20), last20: data.slice(-20) });
-
 	let ctx: HTMLCanvasElement;
 	let chart: Chart<'line'>;
 
diff --git a/src/lib/components/input/bytes.svelte b/src/lib/components/input/bytes.svelte
index 53ae023d..2920792e 100644
--- a/src/lib/components/input/bytes.svelte
+++ b/src/lib/components/input/bytes.svelte
@@ -44,8 +44,6 @@
 			return;
 		}
 
-		console.log({ value, previousValue, valueSetByParent });
-
 		if (value) {
 			const newInput = String(value / UNIT_MULTIPLIERS[unit]);
 			if (input !== newInput && !isAddingDecimal) {
diff --git a/src/lib/utils/index.ts b/src/lib/utils/index.ts
index b49e7d79..02900ee8 100644
--- a/src/lib/utils/index.ts
+++ b/src/lib/utils/index.ts
@@ -64,10 +64,10 @@ export function parseRicardian(action: ABI.Action | undefined): RicardianData |
 	};
 }
 
-export function detectEnvironment(): 'mobile' | 'desktop' {
+export function detectEnvironment(): 'mobile' | 'desktop' | undefined {
 	if (typeof window === 'undefined') {
-		// Server-side rendering, default to desktop
-		return 'desktop';
+		// Server-side rendering
+		return;
 	}
 
 	const userAgent = window.navigator.userAgent.toLowerCase();
diff --git a/src/routes/[network]/(account)/signup/+layout.svelte b/src/routes/[network]/(account)/signup/+layout.svelte
index 78412fb4..adc8d40a 100644
--- a/src/routes/[network]/(account)/signup/+layout.svelte
+++ b/src/routes/[network]/(account)/signup/+layout.svelte
@@ -1,11 +1,9 @@
-<script lang="ts" module>
-	export interface SignupStep {
+<script lang="ts">
+	interface SignupStep {
 		title: string;
 		path: string;
 	}
-</script>
 
-<script lang="ts">
 	import { page } from '$app/stores';
 	import Stack from '$lib/components/layout/stack.svelte';
 	import Pageheader from '$lib/components/pageheader.svelte';
@@ -13,8 +11,12 @@
 	import { cubicInOut } from 'svelte/easing';
 	import { getWalletNameFromPath, getWalletTypeFromPath } from './walletTypes.js';
 
+	import { i18n } from '$lib/i18n';
+
 	const { data, children } = $props();
 
+	const locale = i18n.getLanguageFromUrl($page.url);
+
 	let steps: SignupStep[] = $derived([
 		{
 			title: 'Get Started',
@@ -36,7 +38,7 @@
 
 	function getCurrentStep() {
 		return steps.find((step) => {
-			return $page.url.pathname.replace(/^\/[^/]+/, '') === step.path;
+			return $page.url.pathname.replace(`/${locale}`, '') === step.path;
 		});
 	}
 
diff --git a/src/routes/[network]/(account)/signup/+page.svelte b/src/routes/[network]/(account)/signup/+page.svelte
index 8fb019d4..aa594ec8 100644
--- a/src/routes/[network]/(account)/signup/+page.svelte
+++ b/src/routes/[network]/(account)/signup/+page.svelte
@@ -7,70 +7,101 @@
 
 	const { data } = $props();
 
-	const currentEnvironment = detectEnvironment();
-	const currentWalletType = walletTypes[currentEnvironment];
-	const WalletComponent = currentWalletType.icon;
-	const currentWalletTypePath = `/${data.network}/signup/wallets/${currentWalletType.type}`;
-	const recommendedWallet = currentWalletType.wallets[0];
-</script>
+	let currentEnvironment = $state(detectEnvironment());
 
-<Stack class="gap-2">
-	<h3 class="h3">Lets's get started</h3>
-	<p>
-		There are many options to setup your first account, but for new users we recommend the following
-		wallet for your current platform. Feel free to explore other platforms and wallet options.
-	</p>
-</Stack>
+	const currentWalletType = $derived(
+		currentEnvironment ? walletTypes[currentEnvironment] : undefined
+	);
+	const recommendedWallet = $derived(currentWalletType?.wallets[0]);
+	const otherWallets = $derived(currentWalletType?.networkWallets(data.network.shortname).slice(1));
 
-<Stack>
-	<a
-		href="/{data.network}/signup/wallets"
-		class="group grid grid-cols-[auto_1fr_auto] items-center gap-4 rounded-2xl border border-white/20 p-4
-hover:bg-mineShaft-950 focus-visible:outline focus-visible:outline-transparent focus-visible:ring-2 focus-visible:ring-solar-500"
-	>
-		<div class="rounded-full bg-mineShaft-900/60 p-3">
-			<WalletComponent class="size-6 group-hover:stroke-skyBlue-500 " />
-		</div>
-		<div class="space-y-1">
-			<h4 class="text-xl font-semibold">
-				{currentWalletType.title}
-			</h4>
-			<p>{currentWalletType.description}</p>
-		</div>
-		<ChevronRight class="size-6 group-hover:stroke-skyBlue-500" />
-	</a>
-</Stack>
+	const WalletComponent = $derived(currentWalletType?.icon);
+</script>
 
-<Stack class="rounded-2xl border border-white/20 p-4">
-	<div class="flex items-center space-x-4">
-		<div class="rounded-full bg-mineShaft-800">
-			{#if recommendedWallet.logo}
-				<img src={recommendedWallet.logo} alt={`${recommendedWallet.name} logo`} />
-			{/if}
-		</div>
-		<div>
-			<h3 class="text-2xl font-semibold">{recommendedWallet.name}</h3>
-			<p class="text-gray-300">{recommendedWallet.description}</p>
-		</div>
-	</div>
+{#if !recommendedWallet || !currentWalletType || !WalletComponent}
 	<Stack class="gap-2">
-		<Button variant="primary" href={recommendedWallet.route}>Get Started</Button>
-		<Button variant="secondary" href={currentWalletTypePath}>Select another wallet</Button>
+		<h3 class="h3">Detecting your environment...</h3>
+		<p>Please wait while we determine the best options for you.</p>
 	</Stack>
-</Stack>
+{:else}
+	<Stack class="gap-2">
+		<h3 class="h3">Let's get started</h3>
+		<p>
+			There are many options to create your first account but we recommend {recommendedWallet.name} for
+			most people new to EOS.
+		</p>
+	</Stack>
+
+	<Stack class="rounded-2xl border border-white/20 p-4">
+		<div class="flex items-start space-x-4">
+			<div class="mt-2 rounded-full bg-mineShaft-800">
+				<img src={recommendedWallet.logo} alt={`${recommendedWallet.name} logo`} width={96} />
+			</div>
+			<div>
+				<h3 class="text-2xl font-semibold">{recommendedWallet.name}</h3>
+				<p>{recommendedWallet.description}</p>
+				<Stack class="mt-4 gap-2">
+					<Button variant="primary" href={recommendedWallet.route}
+						>Continue with {recommendedWallet.name}</Button
+					>
+				</Stack>
+			</div>
+		</div>
+	</Stack>
+	<div class="my-2 border-t border-white/20"></div>
+
+	<h3 class="h3">Other {currentWalletType?.title}</h3>
 
-<Stack class="gap-2">
-	<h3 class="h3">Why do I need an account?</h3>
-	<p>
-		An account on the blockchain is your unique identity, enabling you to perform transactions,
-		store assets, and participate in the network.
-	</p>
-</Stack>
+	{#if otherWallets}
+		{#each otherWallets as wallet}
+			<Stack>
+				<a
+					href={wallet.route}
+					class="group grid grid-cols-[auto_1fr_auto] items-center gap-4 rounded-2xl border border-white/20 p-4
+					hover:bg-mineShaft-950 focus-visible:outline focus-visible:outline-transparent focus-visible:ring-2 focus-visible:ring-solar-500"
+				>
+					<div class="rounded-full bg-mineShaft-900/60">
+						{#if wallet.logo}
+							<img src={wallet.logo} alt={`${wallet.name} logo`} width="52" />
+						{/if}
+					</div>
+					<div class="space-y-1">
+						<h4 class="text-xl font-semibold">
+							{wallet.name}
+						</h4>
+						<p>{wallet.description}</p>
+					</div>
+					<ChevronRight class="size-6 group-hover:stroke-skyBlue-500" />
+				</a>
+			</Stack>
+		{/each}
+	{/if}
 
-<Stack class="gap-2">
-	<h3 class="h3">Why do I need a wallet?</h3>
-	<p>
-		A wallet is your gateway to the blockchain, allowing you to manage your digital assets and
-		interact with decentralized applications.
-	</p>
-</Stack>
+	{#if currentWalletType}
+		<Stack>
+			<a
+				href="/{data.network}/signup/wallets"
+				class="group grid grid-cols-[auto_1fr_auto] items-center gap-4 rounded-2xl border border-white/20 p-4
+				hover:bg-mineShaft-950 focus-visible:outline focus-visible:outline-transparent focus-visible:ring-2 focus-visible:ring-solar-500"
+			>
+				<div class="rounded-full bg-mineShaft-900/60 p-3">
+					{#if currentWalletType.icon}
+						{@const Component = currentWalletType.icon}
+						<Component class="size-6 group-hover:stroke-skyBlue-500" />
+					{/if}
+				</div>
+				<div class="space-y-1">
+					<h4 class="text-xl font-semibold">More Options</h4>
+					<p>
+						Choose from {Object.values(walletTypes)
+							.filter((type) => type.type !== currentWalletType.type)
+							.map((type) => type.title.toLowerCase())
+							.join(', ')
+							.replace(/,([^,]*)$/, ' and$1')}
+					</p>
+				</div>
+				<ChevronRight class="size-6 group-hover:stroke-skyBlue-500" />
+			</a>
+		</Stack>
+	{/if}
+{/if}
diff --git a/src/routes/[network]/(account)/signup/walletTypes.ts b/src/routes/[network]/(account)/signup/walletTypes.ts
index fd62e291..42703aaf 100644
--- a/src/routes/[network]/(account)/signup/walletTypes.ts
+++ b/src/routes/[network]/(account)/signup/walletTypes.ts
@@ -14,9 +14,10 @@ export interface Wallet {
 	route: string;
 	description?: string;
 	logo?: string;
+	supportedNetworks?: string[]; // if empty, all networks are supported
 }
 
-export interface WalletType {
+interface WalletTypeProps {
 	type: 'hardware' | 'desktop' | 'mobile' | 'extensions';
 	title: string;
 	description: string;
@@ -25,6 +26,30 @@ export interface WalletType {
 	wallets: Wallet[];
 }
 
+export class WalletType {
+	readonly type: 'hardware' | 'desktop' | 'mobile' | 'extensions';
+	readonly title: string;
+	readonly description: string;
+	readonly icon: typeof Icon;
+	readonly benefits: string[];
+	readonly wallets: Wallet[];
+
+	constructor({ type, title, description, icon, benefits, wallets }: WalletTypeProps) {
+		this.type = type;
+		this.title = title;
+		this.description = description;
+		this.icon = icon;
+		this.benefits = benefits;
+		this.wallets = wallets;
+	}
+
+	networkWallets(network: string): Wallet[] {
+		return this.wallets.filter(
+			(wallet) => !wallet.supportedNetworks || wallet.supportedNetworks.includes(network)
+		);
+	}
+}
+
 export const walletTypes: Record<string, WalletType> = {
 	// webAuths: {
 	// 	type: 'webAuths',
@@ -39,7 +64,7 @@ export const walletTypes: Record<string, WalletType> = {
 	// 	],
 	// 	wallets: [{ name: 'Anchor Web', route: 'anchor' }]
 	// },
-	hardware: {
+	hardware: new WalletType({
 		type: 'hardware',
 		title: 'Hardware Wallets',
 		description: 'Hardware wallets are physical devices that securely store your private keys.',
@@ -49,11 +74,18 @@ export const walletTypes: Record<string, WalletType> = {
 			'Offline storage of private keys',
 			'Support for multiple cryptocurrencies'
 		],
-		wallets: [{ name: 'Ledger', route: 'signup/wallets/hardware/ledger', logo: LedgerLogo }]
-	},
-	desktop: {
+		wallets: [
+			{
+				name: 'Ledger',
+				route: 'signup/wallets/hardware/ledger',
+				logo: LedgerLogo,
+				supportedNetworks: ['eos', 'jungle4']
+			}
+		]
+	}),
+	desktop: new WalletType({
 		type: 'desktop',
-		title: 'Desktop',
+		title: 'Desktop Wallets',
 		description: 'Desktop wallets are applications that you install on your computer.',
 		icon: LaptopMinimal,
 		benefits: [
@@ -62,16 +94,32 @@ export const walletTypes: Record<string, WalletType> = {
 			'Often free to download and use'
 		],
 		wallets: [
+			{
+				name: 'MetaMask',
+				route: 'signup/wallets/extensions/metamask',
+				logo: MetaMaskLogo,
+				description: 'Secure and easy-to-use browser extension wallet.',
+				supportedNetworks: ['eos', 'jungle4']
+			},
 			{
 				name: 'Anchor',
 				route: 'signup/wallets/desktop/anchor',
 				logo: AnchorLogo,
-				description: 'Anchor is a secure and easy-to-use mobile wallet.'
+				description:
+					'Popular option with a user-friendly interface. Supports multiple EOSIO chains.',
+				supportedNetworks: ['eos', 'jungle4']
 			},
-			{ name: 'Wombat', route: 'signup/wallets/desktop/wombat', logo: WombatLogo }
+			{
+				name: 'Wombat',
+				route: 'signup/wallets/desktop/wombat',
+				logo: WombatLogo,
+				description:
+					'Fast and secure with multi-chain support. Offers a smooth onboarding experience.',
+				supportedNetworks: ['eos']
+			}
 		]
-	},
-	mobile: {
+	}),
+	mobile: new WalletType({
 		type: 'mobile',
 		title: 'Mobile Wallets',
 		description: 'Mobile wallets are applications you install on your mobile device.',
@@ -82,12 +130,32 @@ export const walletTypes: Record<string, WalletType> = {
 			'Quick and easy transactions from your smartphone'
 		],
 		wallets: [
-			{ name: 'Anchor Mobile', route: 'signup/wallets/mobile/anchor', logo: AnchorLogo },
-			{ name: 'Wombat Mobile', route: 'signup/wallets/mobile/wombat', logo: WombatLogo },
-			{ name: 'TokenPocket', route: 'signup/wallets/mobile/tokenpocket', logo: TokenPocketLogo }
+			{
+				name: 'Anchor Mobile',
+				route: 'signup/wallets/mobile/anchor',
+				logo: AnchorLogo,
+				description:
+					'Popular mobile option with a user-friendly interface. Supports multiple EOSIO chains.',
+				supportedNetworks: ['eos', 'jungle4']
+			},
+			{
+				name: 'Wombat Mobile',
+				route: 'signup/wallets/mobile/wombat',
+				logo: WombatLogo,
+				description:
+					'Fast and secure with multi-chain support. Offers a smooth onboarding experience.',
+				supportedNetworks: ['eos']
+			},
+			{
+				name: 'TokenPocket',
+				route: 'signup/wallets/mobile/tokenpocket',
+				logo: TokenPocketLogo,
+				description: 'A leading crypto wallet that supports multiple chains.',
+				supportedNetworks: ['eos']
+			}
 		]
-	},
-	extensions: {
+	}),
+	extensions: new WalletType({
 		type: 'extensions',
 		title: 'Browser Extensions',
 		description:
@@ -103,11 +171,19 @@ export const walletTypes: Record<string, WalletType> = {
 				name: 'MetaMask',
 				route: 'signup/wallets/extensions/metamask',
 				logo: MetaMaskLogo,
-				description: 'MetaMask is a secure and easy-to-use browser extension wallet.'
+				description: 'MetaMask is a secure and easy-to-use browser extension wallet.',
+				supportedNetworks: ['eos', 'jungle4']
 			},
-			{ name: 'Wombat', route: 'signup/wallets/extensions/wombat', logo: WombatLogo }
+			{
+				name: 'Wombat',
+				route: 'signup/wallets/extensions/wombat',
+				logo: WombatLogo,
+				description:
+					'Fast and secure with multi-chain support. Offers a smooth onboarding experience.',
+				supportedNetworks: ['eos']
+			}
 		]
-	}
+	})
 };
 
 export function getWalletTypeFromPath(path: string) {
diff --git a/src/routes/[network]/(account)/signup/wallets/+page.svelte b/src/routes/[network]/(account)/signup/wallets/+page.svelte
index 5bd0e5cb..f0a7e585 100644
--- a/src/routes/[network]/(account)/signup/wallets/+page.svelte
+++ b/src/routes/[network]/(account)/signup/wallets/+page.svelte
@@ -7,21 +7,23 @@
 	const { data } = $props();
 </script>
 
-{#snippet walletButton(wallet: WalletType)}
-	{@const WalletIcon = wallet.icon}
+{#snippet walletTypeButton(walletType: WalletType)}
 	<a
-		href="/{data.network}/signup/wallets/{wallet.type}"
+		href="/{data.network}/signup/wallets/{walletType.type}"
 		class="group grid grid-cols-[auto_1fr_auto] items-center gap-4 rounded-2xl border border-white/20 p-4
 hover:bg-mineShaft-950 focus-visible:outline focus-visible:outline-transparent focus-visible:ring-2 focus-visible:ring-solar-500"
 	>
 		<div class="rounded-full bg-mineShaft-900/60 p-3">
-			<WalletIcon class="size-6 group-hover:stroke-skyBlue-500 " />
+			{#if walletType.icon}
+				{@const Component = walletType.icon}
+				<Component class="size-6 group-hover:stroke-skyBlue-500" />
+			{/if}
 		</div>
 		<div class="space-y-1">
 			<h4 class="text-xl font-semibold">
-				{wallet.title}
+				{walletType.title}
 			</h4>
-			<p>{wallet.description}</p>
+			<p>{walletType.description}</p>
 		</div>
 		<ChevronRight class="size-6 group-hover:stroke-skyBlue-500" />
 	</a>
@@ -30,8 +32,8 @@ hover:bg-mineShaft-950 focus-visible:outline focus-visible:outline-transparent f
 <Stack>
 	<h3 class="h2">Choose A Wallet Type</h3>
 	<Stack>
-		{#each Object.values(walletTypes) as wallet}
-			{@render walletButton(wallet)}
+		{#each Object.values(walletTypes) as walletType}
+			{@render walletTypeButton(walletType)}
 		{/each}
 	</Stack>
 	<Button variant="secondary" href="/{data.network}/signup">Back</Button>
diff --git a/src/routes/[network]/(account)/signup/wallets/[walletType]/+page.svelte b/src/routes/[network]/(account)/signup/wallets/[walletType]/+page.svelte
index be31a3a6..616c978d 100644
--- a/src/routes/[network]/(account)/signup/wallets/[walletType]/+page.svelte
+++ b/src/routes/[network]/(account)/signup/wallets/[walletType]/+page.svelte
@@ -49,7 +49,7 @@
 <Stack>
 	<h3 class="h2">Available Wallets</h3>
 	<Stack>
-		{#each currentWalletType.wallets as wallet}
+		{#each currentWalletType.networkWallets(data.network.shortname) as wallet}
 			<a
 				href="/{data.network}/{wallet.route}"
 				class="group grid grid-cols-[auto_1fr_auto] items-center gap-4 rounded-2xl border border-white/20 p-4
diff --git a/src/routes/[network]/(account)/signup/wallets/mobile/wombat/+page.svelte b/src/routes/[network]/(account)/signup/wallets/mobile/wombat/+page.svelte
index 122a8f68..07dc1725 100644
--- a/src/routes/[network]/(account)/signup/wallets/mobile/wombat/+page.svelte
+++ b/src/routes/[network]/(account)/signup/wallets/mobile/wombat/+page.svelte
@@ -1,77 +1,74 @@
 <script lang="ts">
-	import { page } from '$app/stores';
-	import Button from '$lib/components/button/button.svelte';
+	import Pageheader from '$lib/components/pageheader.svelte';
 	import Stack from '$lib/components/layout/stack.svelte';
-	import { walletTypes } from '../../../walletTypes';
-	import { ChevronRight } from 'lucide-svelte';
-
-	const { data } = $props();
-
-	// const tabOptions = $derived.by(() => {
-	// 	const network = String(data.network);
-	// 	return Object.entries(walletTypes).map(([key, value]) => ({
-	// 		href: `/${network}/signup/${key}`,
-	// 		text: value.title
-	// 	}));
-	// });
-
-	const defaultWalletType = Object.keys(walletTypes)[0];
-
-	let currentTab = $derived($page.params.walletType || defaultWalletType);
-
-	// let options = $derived(
-	// 	tabOptions.map((option) => ({
-	// 		...option,
-	// 		active: option.href.split('/')[3] === currentTab
-	// 	}))
-	// );
+	import Button from '$lib/components/button/button.svelte';
 
-	let currentWalletType = $derived(
-		walletTypes[currentTab as keyof typeof walletTypes] || walletTypes[defaultWalletType]
-	);
+	let { data } = $props();
 </script>
 
-<Stack class="gap-2">
-	<h3 class="h3">Sign Up with {currentWalletType.title}</h3>
-	<p>{currentWalletType.description}</p>
-</Stack>
-
-<Stack class="gap-2">
-	<h3 class="h3">Benefits</h3>
-
-	<ul class="list-inside list-disc">
-		{#each currentWalletType.benefits as benefit}
-			<li class="">{benefit}</li>
-		{/each}
-	</ul>
-</Stack>
-
 <Stack>
-	<h3 class="h2">Available Wallets</h3>
-	<Stack>
-		{#each currentWalletType.wallets as wallet}
-			<a
-				href="/{data.network}/{wallet.route}"
-				class="group grid grid-cols-[auto_1fr_auto] items-center gap-4 rounded-2xl border border-white/20 p-4
-				hover:bg-mineShaft-950 focus-visible:outline focus-visible:outline-transparent focus-visible:ring-2 focus-visible:ring-solar-500"
-			>
-				<div class="grid size-12 place-items-center">
-					{#if wallet.logo}
-						<img src={wallet.logo} alt={wallet.name} class="" />
-					{:else}
-						<div class="rounded-full bg-mineShaft-900/60 p-3"></div>
-					{/if}
-				</div>
-				<div class="space-y-1">
-					<h4 class="text-xl font-semibold">
-						{wallet.name}
-					</h4>
-					<!-- <p>{wallet.description}</p> -->
-				</div>
-				<ChevronRight class="size-6 group-hover:stroke-skyBlue-500" />
-			</a>
-		{/each}
+	<Pageheader
+		title="Setup Wombat Wallet"
+		subtitle="Follow these steps to get started with Wombat on your mobile device"
+	/>
+
+	<div class="container mx-auto p-4">
+		<ol class="list-decimal space-y-6 pl-5">
+			<li>
+				<h2 class="mb-2 text-xl font-semibold">Download Wombat</h2>
+				<p class="mb-2">
+					Visit your device's app store (Google Play Store for Android or App Store for iOS) to
+					download the Wombat wallet application.
+				</p>
+				<Button href="https://www.getwombat.io/" blank rel="noopener noreferrer"
+					>Download Wombat</Button
+				>
+			</li>
+			<li>
+				<h2 class="mb-2 text-xl font-semibold">Install the App</h2>
+				<p class="mb-2">
+					Tap the "Install" button and wait for Wombat to download and install on your device.
+				</p>
+			</li>
+			<li>
+				<h2 class="mb-2 text-xl font-semibold">Launch Wombat</h2>
+				<p class="mb-2">
+					Open the Wombat app by tapping its icon on your device's home screen or app drawer.
+				</p>
+			</li>
+			<li>
+				<h2 class="mb-2 text-xl font-semibold">Create a New Wallet</h2>
+				<p class="mb-2">
+					In Wombat, follow the prompts to create a new wallet. You may need to set up a PIN or use
+					biometric authentication for security.
+				</p>
+			</li>
+			<li>
+				<h2 class="mb-2 text-xl font-semibold">Secure Your Wallet</h2>
+				<p class="mb-2">
+					Write down your recovery phrase and store it in a safe place. This is crucial for account
+					recovery and should never be shared.
+				</p>
+			</li>
+			<li>
+				<h2 class="mb-2 text-xl font-semibold">Visit the Welcome Page</h2>
+				<p class="mb-2">
+					Visit the Wombat <a href="/en/{data.network}/welcome/wombat">welcome page</a> for next steps.
+				</p>
+			</li>
+		</ol>
 
-		<Button variant="secondary" href="/{data.network}/signup">Back</Button>
-	</Stack>
+		<div class="mt-8">
+			<h2 class="mb-4 text-xl font-semibold">Why Choose Wombat?</h2>
+			<ul class="list-disc space-y-2 pl-5">
+				<li>User-friendly interface designed for simplicity</li>
+				<li>Multi-chain support including EOS and other popular blockchains</li>
+				<li>Built-in dApp browser for easy access to decentralized applications</li>
+				<li>Fast and secure transactions</li>
+				<li>Regular updates and new features to enhance user experience</li>
+				<li>Cross-platform availability (mobile and browser extension)</li>
+				<li>Smooth onboarding experience for crypto newcomers</li>
+			</ul>
+		</div>
+	</div>
 </Stack>