diff --git a/src/app/(mobile-ui)/add-money/crypto/page.tsx b/src/app/(mobile-ui)/add-money/crypto/page.tsx
index 98932fc43..c35732866 100644
--- a/src/app/(mobile-ui)/add-money/crypto/page.tsx
+++ b/src/app/(mobile-ui)/add-money/crypto/page.tsx
@@ -11,14 +11,13 @@ import {
 import { CryptoDepositQR } from '@/components/AddMoney/views/CryptoDepositQR.view'
 import NetworkSelectionView, { SelectedNetwork } from '@/components/AddMoney/views/NetworkSelection.view'
 import TokenSelectionView from '@/components/AddMoney/views/TokenSelection.view'
-import ActionModal from '@/components/Global/ActionModal'
 import NavHeader from '@/components/Global/NavHeader'
 import PeanutLoading from '@/components/Global/PeanutLoading'
-import { Slider } from '@/components/Slider'
 import { PEANUT_WALLET_CHAIN } from '@/constants'
 import { useWallet } from '@/hooks/wallet/useWallet'
 import { useRouter } from 'next/navigation'
 import { useEffect, useState } from 'react'
+import TokenAndNetworkConfirmationModal from '@/components/Global/TokenAndNetworkConfirmationModal'
 
 type AddMoneyCryptoStep = 'sourceSelection' | 'tokenSelection' | 'networkSelection' | 'riskModal' | 'qrScreen'
 
@@ -105,24 +104,11 @@ const AddMoneyCryptoPage = ({ headerTitle, onBack, depositAddress }: AddMoneyCry
                     onBack={handleBackToTokenSelection}
                 />
                 {currentStep === 'riskModal' && selectedToken && selectedNetwork && (
-                    <ActionModal
-                        visible={true}
+                    <TokenAndNetworkConfirmationModal
+                        token={selectedToken}
+                        network={selectedNetwork}
                         onClose={handleBackToNetworkSelectionFromRisk}
-                        icon={'alert'}
-                        iconContainerClassName="bg-yellow-1"
-                        title={`Only send ${selectedToken.symbol} on ${selectedNetwork.name}`}
-                        description={
-                            <span className="text-sm">
-                                Sending funds via any other network will result in a <b>permanent loss.</b>
-                            </span>
-                        }
-                        footer={
-                            <div className="w-full">
-                                <Slider onValueChange={(v) => v && setIsRiskAccepted(true)} />
-                            </div>
-                        }
-                        ctas={[]}
-                        modalPanelClassName="max-w-xs"
+                        onAccept={() => setIsRiskAccepted(true)}
                     />
                 )}
             </>
diff --git a/src/app/(mobile-ui)/profile/identity-verification/page.tsx b/src/app/(mobile-ui)/profile/identity-verification/page.tsx
new file mode 100644
index 000000000..904794567
--- /dev/null
+++ b/src/app/(mobile-ui)/profile/identity-verification/page.tsx
@@ -0,0 +1,10 @@
+import PageContainer from '@/components/0_Bruddle/PageContainer'
+import IdentityVerificationView from '@/components/Profile/views/IdentityVerification.view'
+
+export default function IdentityVerificationPage() {
+    return (
+        <PageContainer>
+            <IdentityVerificationView />
+        </PageContainer>
+    )
+}
diff --git a/src/app/(mobile-ui)/recover-funds/layout.tsx b/src/app/(mobile-ui)/recover-funds/layout.tsx
new file mode 100644
index 000000000..43278bb9e
--- /dev/null
+++ b/src/app/(mobile-ui)/recover-funds/layout.tsx
@@ -0,0 +1,12 @@
+import { generateMetadata } from '@/app/metadata'
+import PageContainer from '@/components/0_Bruddle/PageContainer'
+import React from 'react'
+
+export const metadata = generateMetadata({
+    title: 'Recover Funds',
+    description: 'Recover funds that were mistakenly sent to your address in other tokens',
+})
+
+export default function RecoverFundsLayout({ children }: { children: React.ReactNode }) {
+    return <PageContainer>{children}</PageContainer>
+}
diff --git a/src/app/(mobile-ui)/recover-funds/page.tsx b/src/app/(mobile-ui)/recover-funds/page.tsx
new file mode 100644
index 000000000..f5479ca0a
--- /dev/null
+++ b/src/app/(mobile-ui)/recover-funds/page.tsx
@@ -0,0 +1,280 @@
+'use client'
+
+import NavHeader from '@/components/Global/NavHeader'
+import ScrollableList from '@/components/Global/TokenSelector/Components/ScrollableList'
+import TokenListItem from '@/components/Global/TokenSelector/Components/TokenListItem'
+import { IUserBalance } from '@/interfaces'
+import { useState, useEffect, useMemo, useCallback, useContext } from 'react'
+import { useWallet } from '@/hooks/wallet/useWallet'
+import { fetchWalletBalances } from '@/app/actions/tokens'
+import { PEANUT_WALLET_CHAIN, PEANUT_WALLET_TOKEN } from '@/constants'
+import { areEvmAddressesEqual, isTxReverted, getExplorerUrl } from '@/utils'
+import { RecipientState } from '@/context/WithdrawFlowContext'
+import GeneralRecipientInput, { GeneralRecipientUpdate } from '@/components/Global/GeneralRecipientInput'
+import { Button } from '@/components/0_Bruddle'
+import ErrorAlert from '@/components/Global/ErrorAlert'
+import Card from '@/components/Global/Card'
+import Image from 'next/image'
+import AddressLink from '@/components/Global/AddressLink'
+import PeanutLoading from '@/components/Global/PeanutLoading'
+import { erc20Abi, parseUnits, encodeFunctionData } from 'viem'
+import type { Address, Hash, TransactionReceipt } from 'viem'
+import { useRouter } from 'next/navigation'
+import { loadingStateContext } from '@/context'
+import Icon from '@/components/Global/Icon'
+import { captureException } from '@sentry/nextjs'
+
+export default function RecoverFundsPage() {
+    const [tokenBalances, setTokenBalances] = useState<IUserBalance[]>([])
+    const [selectedTokenAddress, setSelectedTokenAddress] = useState('')
+    const [recipient, setRecipient] = useState<RecipientState>({ address: '', name: '' })
+    const [errorMessage, setErrorMessage] = useState('')
+    const [inputChanging, setInputChanging] = useState(false)
+    const [fetchingBalances, setFetchingBalances] = useState(true)
+    const [isSigning, setIsSigning] = useState(false)
+    const [txHash, setTxHash] = useState<string>('')
+    const [status, setStatus] = useState<'init' | 'review' | 'final'>('init')
+    const { address: peanutAddress, sendTransactions } = useWallet()
+    const router = useRouter()
+    const { loadingState, isLoading } = useContext(loadingStateContext)
+
+    useEffect(() => {
+        if (!peanutAddress) return
+        setFetchingBalances(true)
+        fetchWalletBalances(peanutAddress)
+            .then((balances) => {
+                const nonUsdcArbitrumBalances = balances.balances.filter(
+                    (b) =>
+                        b.chainId === PEANUT_WALLET_CHAIN.id.toString() &&
+                        !areEvmAddressesEqual(PEANUT_WALLET_TOKEN, b.address)
+                )
+                setTokenBalances(nonUsdcArbitrumBalances)
+            })
+            .finally(() => {
+                setFetchingBalances(false)
+            })
+    }, [peanutAddress])
+
+    const selectedBalance = useMemo<IUserBalance | undefined>(() => {
+        if (selectedTokenAddress === '') return undefined
+        return tokenBalances.find((b) => areEvmAddressesEqual(b.address, selectedTokenAddress))
+    }, [tokenBalances, selectedTokenAddress])
+
+    const reset = useCallback(() => {
+        setErrorMessage('')
+        setInputChanging(false)
+        setIsSigning(false)
+        setTxHash('')
+        setStatus('init')
+        setRecipient({ address: '', name: '' })
+        setSelectedTokenAddress('')
+    }, [])
+
+    const recoverFunds = useCallback(async () => {
+        if (!selectedBalance || !recipient.address) return
+        setIsSigning(true)
+        setErrorMessage('')
+        const amountStr = selectedBalance.amount.toFixed(selectedBalance.decimals)
+        const amount = parseUnits(amountStr, selectedBalance.decimals)
+        const data = encodeFunctionData({
+            abi: erc20Abi,
+            functionName: 'transfer',
+            args: [recipient.address as Address, amount],
+        })
+        let receipt: TransactionReceipt | null
+        let userOpHash: Hash
+        try {
+            const result = await sendTransactions([{ to: selectedBalance.address, data }])
+            receipt = result.receipt
+            userOpHash = result.userOpHash
+        } catch (error) {
+            setErrorMessage('Error sending transaction, please try again')
+            setIsSigning(false)
+            return
+        }
+        if (receipt !== null && isTxReverted(receipt)) {
+            setErrorMessage('Transaction reverted, please try again')
+            setIsSigning(false)
+            return
+        }
+        setTxHash(receipt?.transactionHash ?? userOpHash)
+        setStatus('final')
+        setIsSigning(false)
+    }, [selectedBalance, recipient.address, sendTransactions])
+
+    if (!peanutAddress) return null
+
+    if (fetchingBalances) {
+        return <PeanutLoading />
+    }
+
+    if (status === 'review' && (!selectedBalance || !recipient.address)) {
+        captureException(new Error('Invalid state, review without selected balance or recipient address'))
+        reset()
+        return null
+    } else if (status === 'review') {
+        return (
+            <div className="flex min-h-[inherit] flex-col gap-8">
+                <NavHeader title="Recover Funds" onPrev={reset} />
+                <div className="my-auto flex h-full flex-col justify-center space-y-4">
+                    <Card className="flex items-center gap-3 p-4">
+                        <div className="flex items-center gap-3">
+                            <div
+                                className={
+                                    'flex h-12 w-12 min-w-12 items-center justify-center rounded-full bg-success-3 font-bold'
+                                }
+                            >
+                                <Image
+                                    src={selectedBalance!.logoURI}
+                                    alt={`${selectedBalance!.symbol} logo`}
+                                    width={24}
+                                    height={24}
+                                    className="rounded-full"
+                                />
+                            </div>
+                        </div>
+
+                        <div className="space-y-1">
+                            <h1 className="text-sm font-normal text-grey-1">
+                                You will receive to <AddressLink address={recipient.address} />
+                            </h1>
+                            <h2 className="text-2xl font-extrabold">
+                                {selectedBalance!.amount} {selectedBalance!.symbol} in Arbitrum
+                            </h2>
+                        </div>
+                    </Card>
+                    <Button
+                        variant="purple"
+                        shadowSize="4"
+                        onClick={recoverFunds}
+                        disabled={isLoading || isSigning}
+                        loading={isLoading || isSigning}
+                        className="w-full"
+                    >
+                        {isLoading ? loadingState : 'Confirm'}
+                    </Button>
+                </div>
+            </div>
+        )
+    }
+
+    if (status === 'final') {
+        return (
+            <div className="flex min-h-[inherit] flex-col gap-8">
+                <div className="my-auto flex h-full flex-col justify-center space-y-4">
+                    <Card className="flex items-center gap-3 p-4">
+                        <div className="flex items-center gap-3">
+                            <div
+                                className={
+                                    'flex h-12 w-12 min-w-12 items-center justify-center rounded-full bg-success-3 font-bold'
+                                }
+                            >
+                                <Image
+                                    src={selectedBalance!.logoURI}
+                                    alt={`${selectedBalance!.symbol} logo`}
+                                    width={24}
+                                    height={24}
+                                    className="rounded-full"
+                                />
+                            </div>
+                        </div>
+
+                        <div className="space-y-1">
+                            <h1 className="text-sm font-normal text-grey-1">
+                                Sent to <AddressLink address={recipient.address} />
+                            </h1>
+                            <h2 className="text-2xl font-extrabold">
+                                {selectedBalance!.amount} {selectedBalance!.symbol} in Arbitrum
+                            </h2>
+                            <a
+                                href={`${getExplorerUrl(selectedBalance!.chainId)}/tx/${txHash}`}
+                                target="_blank"
+                                rel="noreferrer"
+                                className="flex items-center gap-2 hover:underline"
+                            >
+                                <span>View on explorer</span>
+                                <Icon name="external-link" />
+                            </a>
+                        </div>
+                    </Card>
+                    <Button
+                        variant="purple"
+                        shadowSize="4"
+                        onClick={() => {
+                            router.push('/home')
+                        }}
+                        className="w-full"
+                    >
+                        Go to home
+                    </Button>
+                    <Button
+                        variant="stroke"
+                        shadowSize="4"
+                        onClick={() => {
+                            setTokenBalances(tokenBalances.filter((b) => b.address !== selectedTokenAddress))
+                            reset()
+                        }}
+                        className="w-full"
+                    >
+                        Recover other token
+                    </Button>
+                </div>
+            </div>
+        )
+    }
+
+    return (
+        <div className="flex min-h-[inherit] flex-col gap-8">
+            <NavHeader title="Recover Funds" />
+            <div className="my-auto flex h-full flex-col justify-center space-y-4">
+                <h1> Select a token to recover </h1>
+                <ScrollableList>
+                    {tokenBalances.length > 0 ? (
+                        tokenBalances.map((balance) => (
+                            <TokenListItem
+                                key={balance.address}
+                                balance={balance}
+                                isSelected={areEvmAddressesEqual(balance.address, selectedTokenAddress)}
+                                onClick={() => {
+                                    setSelectedTokenAddress(balance.address)
+                                }}
+                            />
+                        ))
+                    ) : (
+                        <div className="flex h-full w-full items-center justify-center">
+                            <div className="text-center text-xl font-bold text-grey-1">No tokens to recover</div>
+                        </div>
+                    )}
+                </ScrollableList>
+                <GeneralRecipientInput
+                    placeholder="Enter the address where you want to receive the funds"
+                    recipient={recipient}
+                    onUpdate={(update: GeneralRecipientUpdate) => {
+                        setRecipient(update.recipient)
+                        setErrorMessage(update.errorMessage)
+                        setInputChanging(update.isChanging)
+                    }}
+                />
+                <Button
+                    variant="purple"
+                    shadowSize="4"
+                    onClick={() => {
+                        setStatus('review')
+                    }}
+                    disabled={
+                        !!errorMessage ||
+                        inputChanging ||
+                        !recipient.address ||
+                        !selectedBalance ||
+                        selectedBalance.amount <= 0
+                    }
+                    loading={false}
+                    className="w-full"
+                >
+                    Review
+                </Button>
+                {!!errorMessage && <ErrorAlert description={errorMessage} />}
+            </div>
+        </div>
+    )
+}
diff --git a/src/components/AddMoney/components/CryptoMethodDrawer.tsx b/src/components/AddMoney/components/CryptoMethodDrawer.tsx
index a7c17d174..b6e8ab64f 100644
--- a/src/components/AddMoney/components/CryptoMethodDrawer.tsx
+++ b/src/components/AddMoney/components/CryptoMethodDrawer.tsx
@@ -2,12 +2,11 @@
 
 import { ARBITRUM_ICON, OTHER_CHAINS_ICON } from '@/assets'
 import { Card } from '@/components/0_Bruddle'
-import ActionModal from '@/components/Global/ActionModal'
 import { Drawer, DrawerContent } from '@/components/Global/Drawer'
-import { Slider } from '@/components/Slider'
 import Image from 'next/image'
 import { useRouter } from 'next/navigation'
 import React, { Dispatch, SetStateAction, useState } from 'react'
+import TokenAndNetworkConfirmationModal from '@/components/Global/TokenAndNetworkConfirmationModal'
 
 const CryptoMethodDrawer = ({
     isDrawerOpen,
@@ -83,28 +82,15 @@ const CryptoMethodDrawer = ({
                     </div>
                 </DrawerContent>
             </Drawer>
-            <ActionModal
-                visible={showRiskModal}
+            <TokenAndNetworkConfirmationModal
                 onClose={() => {
                     setShowRiskModal(false)
                     setisDrawerOpen(true)
                 }}
-                icon={'alert'}
-                iconContainerClassName="bg-yellow-1"
-                modalClassName="z-[9999]"
-                title={`Only send USDC on Arbitrum`}
-                description={
-                    <span className="text-sm">
-                        Sending funds via any other network will result in a <b>permanent loss.</b>
-                    </span>
-                }
-                footer={
-                    <div className="w-full">
-                        <Slider onValueChange={(v) => v && router.push('/add-money/crypto')} />
-                    </div>
-                }
-                ctas={[]}
-                modalPanelClassName="max-w-xs"
+                onAccept={() => {
+                    router.push('/add-money/crypto')
+                }}
+                isVisible={showRiskModal}
             />
         </>
     )
diff --git a/src/components/Global/Icons/Icon.tsx b/src/components/Global/Icons/Icon.tsx
index 705be90cb..1d240cc46 100644
--- a/src/components/Global/Icons/Icon.tsx
+++ b/src/components/Global/Icons/Icon.tsx
@@ -58,6 +58,7 @@ import { FailedIcon } from './failed'
 import { ChevronDownIcon } from './chevron-down'
 import { DoubleCheckIcon } from './double-check'
 import { QuestionMarkIcon } from './question-mark'
+import { ShieldIcon } from './shield'
 
 // available icon names
 export type IconName =
@@ -120,6 +121,7 @@ export type IconName =
     | 'failed'
     | 'chevron-down'
     | 'question-mark'
+    | 'shield'
 
 export interface IconProps extends SVGProps<SVGSVGElement> {
     name: IconName
@@ -187,6 +189,7 @@ const iconComponents: Record<IconName, ComponentType<SVGProps<SVGSVGElement>>> =
     failed: FailedIcon,
     'chevron-down': ChevronDownIcon,
     'question-mark': QuestionMarkIcon,
+    shield: ShieldIcon,
 }
 
 export const Icon: FC<IconProps> = ({ name, size = 24, width, height, ...props }) => {
diff --git a/src/components/Global/Icons/shield.tsx b/src/components/Global/Icons/shield.tsx
new file mode 100644
index 000000000..ca699c70d
--- /dev/null
+++ b/src/components/Global/Icons/shield.tsx
@@ -0,0 +1,16 @@
+import { FC, SVGProps } from 'react'
+
+export const ShieldIcon: FC<SVGProps<SVGSVGElement>> = (props) => {
+    return (
+        <svg width="17" height="21" viewBox="0 0 17 21" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+            <path
+                d="M8.69141 0.5L0.691406 3.5V9.59C0.691406 14.64 4.10141 19.35 8.69141 20.5C13.2814 19.35 16.6914 14.64 16.6914 9.59V3.5L8.69141 0.5ZM14.6914 9.59C14.6914 13.59 12.1414 17.29 8.69141 18.42C5.24141 17.29 2.69141 13.6 2.69141 9.59V4.89L8.69141 2.64L14.6914 4.89V9.59Z"
+                fill="currentColor"
+            />
+            <path
+                d="M7.3982 12.0774L5.98444 10.6636C5.8269 10.5061 5.57647 10.5061 5.41893 10.6636C5.2614 10.8212 5.2614 11.0716 5.41893 11.2291L7.11141 12.9216C7.26894 13.0792 7.52342 13.0792 7.68095 12.9216L11.9626 8.64398C12.1202 8.48645 12.1202 8.23601 11.9626 8.07848C11.8051 7.92094 11.5547 7.92094 11.3971 8.07848L7.3982 12.0774Z"
+                fill="currentColor"
+            />
+        </svg>
+    )
+}
diff --git a/src/components/Global/TokenAndNetworkConfirmationModal/index.tsx b/src/components/Global/TokenAndNetworkConfirmationModal/index.tsx
new file mode 100644
index 000000000..1f50efee7
--- /dev/null
+++ b/src/components/Global/TokenAndNetworkConfirmationModal/index.tsx
@@ -0,0 +1,56 @@
+import ActionModal from '@/components/Global/ActionModal'
+import { Slider } from '@/components/Slider'
+import { ARBITRUM_ICON } from '@/assets'
+import { NetworkConfig } from '@/components/Global/TokenSelector/TokenSelector.consts'
+import { CryptoToken } from '@/components/AddMoney/consts'
+import Image from 'next/image'
+
+export default function TokenAndNetworkConfirmationModal({
+    token,
+    network,
+    onClose,
+    onAccept,
+    isVisible = true,
+}: {
+    token?: Pick<CryptoToken, 'symbol' | 'icon'>
+    network?: Pick<NetworkConfig, 'name' | 'iconUrl'>
+    onClose: () => void
+    onAccept: () => void
+    isVisible?: boolean
+}) {
+    token = token ?? { symbol: 'USDC', icon: 'https://assets.coingecko.com/coins/images/6319/small/USD_Coin_icon.png' }
+    network = network ?? { name: 'Arbitrum', iconUrl: ARBITRUM_ICON }
+
+    return (
+        <ActionModal
+            visible={isVisible}
+            onClose={onClose}
+            icon={'alert'}
+            iconContainerClassName="bg-yellow-1"
+            modalClassName="z-[9999]"
+            title={`Only send funds using`}
+            description={
+                <div className="flex flex-col items-center gap-2">
+                    <div className="flex items-center gap-3">
+                        <Image src={token.icon} alt={token.symbol} width={28} height={28} />
+                        <span className="text-xl font-medium text-black">{token.symbol}</span>
+                    </div>
+                    <div className="flex items-center gap-3">
+                        <Image src={network.iconUrl} alt={network.name} width={28} height={28} />
+                        <span className="text-xl font-medium text-black">{network.name}</span>
+                    </div>
+                    <span className="text-sm">
+                        Sending funds via any other network will result in a <b>permanent loss.</b>
+                    </span>
+                </div>
+            }
+            footer={
+                <div className="w-full">
+                    <Slider onValueChange={(v) => v && onAccept()} />
+                </div>
+            }
+            ctas={[]}
+            modalPanelClassName="max-w-xs"
+        />
+    )
+}
diff --git a/src/components/Profile/components/ProfileMenuItem.tsx b/src/components/Profile/components/ProfileMenuItem.tsx
index 5ca2f154e..2254f5e48 100644
--- a/src/components/Profile/components/ProfileMenuItem.tsx
+++ b/src/components/Profile/components/ProfileMenuItem.tsx
@@ -3,6 +3,7 @@ import Card, { CardPosition } from '@/components/Global/Card'
 import { Icon, IconName } from '@/components/Global/Icons/Icon'
 import Link from 'next/link'
 import React from 'react'
+import { twMerge } from 'tailwind-merge'
 
 interface ProfileMenuItemProps {
     icon: IconName
@@ -12,6 +13,8 @@ interface ProfileMenuItemProps {
     position?: CardPosition
     comingSoon?: boolean
     isExternalLink?: boolean
+    endIcon?: IconName
+    endIconClassName?: string
 }
 
 const ProfileMenuItem: React.FC<ProfileMenuItemProps> = ({
@@ -22,6 +25,8 @@ const ProfileMenuItem: React.FC<ProfileMenuItemProps> = ({
     position = 'middle',
     comingSoon = false,
     isExternalLink,
+    endIcon,
+    endIconClassName,
 }) => {
     const content = (
         <div className="flex items-center justify-between py-1">
@@ -34,7 +39,12 @@ const ProfileMenuItem: React.FC<ProfileMenuItemProps> = ({
                 {comingSoon ? (
                     <StatusBadge status="soon" size="medium" />
                 ) : (
-                    <Icon name="chevron-up" size={24} fill="black" className="rotate-90" />
+                    <Icon
+                        name={endIcon ?? 'chevron-up'}
+                        size={24}
+                        fill="black"
+                        className={twMerge(endIcon ? endIconClassName : 'rotate-90')}
+                    />
                 )}
             </div>
         </div>
@@ -48,6 +58,14 @@ const ProfileMenuItem: React.FC<ProfileMenuItemProps> = ({
         )
     }
 
+    if (onClick) {
+        return (
+            <Card position={position} onClick={onClick} className="cursor-pointer p-4 active:bg-grey-4">
+                {content}
+            </Card>
+        )
+    }
+
     return (
         <Link
             href={href}
diff --git a/src/components/Profile/index.tsx b/src/components/Profile/index.tsx
index 95649f57e..d5888dc40 100644
--- a/src/components/Profile/index.tsx
+++ b/src/components/Profile/index.tsx
@@ -8,9 +8,12 @@ import ProfileHeader from './components/ProfileHeader'
 import ProfileMenuItem from './components/ProfileMenuItem'
 import { useRouter } from 'next/navigation'
 import { checkIfInternalNavigation } from '@/utils'
+import ActionModal from '../Global/ActionModal'
+import { useState } from 'react'
 
 export const Profile = () => {
     const { logoutUser, isLoggingOut, user } = useAuth()
+    const [isKycApprovedModalOpen, setIsKycApprovedModalOpen] = useState(false)
     const router = useRouter()
 
     const logout = async () => {
@@ -20,6 +23,8 @@ export const Profile = () => {
     const fullName = user?.user.fullName || user?.user?.username || 'Anonymous User'
     const username = user?.user.username || 'anonymous'
 
+    const isKycApproved = user?.user.kycStatus === 'approved'
+
     return (
         <div className="h-full w-full bg-background">
             <NavHeader
@@ -36,11 +41,7 @@ export const Profile = () => {
                 }}
             />
             <div className="space-y-8">
-                <ProfileHeader
-                    name={fullName || username}
-                    username={username}
-                    isVerified={user?.user.kycStatus === 'approved'}
-                />
+                <ProfileHeader name={fullName || username} username={username} isVerified={isKycApproved} />
                 <div className="space-y-4">
                     {/* Menu Item - Invite Entry */}
                     <ProfileMenuItem
@@ -54,6 +55,22 @@ export const Profile = () => {
                     <div>
                         <ProfileMenuItem icon="user" label="Personal details" href="/profile/edit" position="first" />
                         {/* Enable with Account Management project. */}
+
+                        <ProfileMenuItem
+                            icon="shield"
+                            label="Identity Verification"
+                            href="/profile/identity-verification"
+                            onClick={() => {
+                                if (isKycApproved) {
+                                    setIsKycApprovedModalOpen(true)
+                                } else {
+                                    router.push('/profile/identity-verification')
+                                }
+                            }}
+                            position="middle"
+                            endIcon={isKycApproved ? 'check' : undefined}
+                            endIconClassName={isKycApproved ? 'text-success-3 size-4' : undefined}
+                        />
                         {/* <ProfileMenuItem
                             icon="bank"
                             label="Bank accounts"
@@ -96,6 +113,22 @@ export const Profile = () => {
                     </div>
                 </div>
             </div>
+
+            <ActionModal
+                visible={isKycApprovedModalOpen}
+                onClose={() => setIsKycApprovedModalOpen(false)}
+                title="You’re already verified"
+                description="Your identity has already been successfully verified. No further action is needed."
+                icon="shield"
+                ctas={[
+                    {
+                        text: 'Go back',
+                        shadowSize: '4',
+                        className: 'md:py-2',
+                        onClick: () => setIsKycApprovedModalOpen(false),
+                    },
+                ]}
+            />
         </div>
     )
 }
diff --git a/src/components/Profile/views/IdentityVerification.view.tsx b/src/components/Profile/views/IdentityVerification.view.tsx
new file mode 100644
index 000000000..2849b1761
--- /dev/null
+++ b/src/components/Profile/views/IdentityVerification.view.tsx
@@ -0,0 +1,106 @@
+'use client'
+import { updateUserById } from '@/app/actions/users'
+import { Button } from '@/components/0_Bruddle'
+import { UserDetailsForm, UserDetailsFormData } from '@/components/AddMoney/UserDetailsForm'
+import ErrorAlert from '@/components/Global/ErrorAlert'
+import IframeWrapper from '@/components/Global/IframeWrapper'
+import NavHeader from '@/components/Global/NavHeader'
+import { KycVerificationInProgressModal } from '@/components/Kyc/KycVerificationInProgressModal'
+import { useAuth } from '@/context/authContext'
+import { useKycFlow } from '@/hooks/useKycFlow'
+import { useRouter } from 'next/navigation'
+import React, { useMemo, useRef, useState } from 'react'
+
+const IdentityVerificationView = () => {
+    const { user, fetchUser } = useAuth()
+    const router = useRouter()
+    const formRef = useRef<{ handleSubmit: () => void }>(null)
+    const [isUserDetailsFormValid, setIsUserDetailsFormValid] = useState(false)
+    const [isUpdatingUser, setIsUpdatingUser] = useState(false)
+    const [userUpdateError, setUserUpdateError] = useState<string | null>(null)
+    const {
+        iframeOptions,
+        handleInitiateKyc,
+        handleIframeClose,
+        isVerificationProgressModalOpen,
+        closeVerificationProgressModal,
+        error: kycError,
+        isLoading: isKycLoading,
+    } = useKycFlow()
+
+    const [firstName, ...lastNameParts] = (user?.user.fullName ?? '').split(' ')
+    const lastName = lastNameParts.join(' ')
+
+    const initialUserDetails: Partial<UserDetailsFormData> = useMemo(
+        () => ({
+            firstName: user?.user.fullName ? firstName : '',
+            lastName: user?.user.fullName ? lastName : '',
+            email: user?.user.email ?? '',
+        }),
+        [user?.user.fullName, user?.user.email, firstName, lastName]
+    )
+
+    const handleUserDetailsSubmit = async (data: UserDetailsFormData) => {
+        setIsUpdatingUser(true)
+        setUserUpdateError(null)
+        try {
+            if (!user?.user.userId) throw new Error('User not found')
+            const result = await updateUserById({
+                userId: user.user.userId,
+                fullName: `${data.firstName} ${data.lastName}`,
+                email: data.email,
+            })
+            if (result.error) {
+                throw new Error(result.error)
+            }
+            await fetchUser()
+            // setStep('kyc')
+            await handleInitiateKyc()
+        } catch (error: any) {
+            setUserUpdateError(error.message)
+            return { error: error.message }
+        } finally {
+            setIsUpdatingUser(false)
+        }
+        return {}
+    }
+
+    return (
+        <div className="flex min-h-[inherit] flex-col">
+            <NavHeader title="Identity Verification" onPrev={() => router.replace('/profile')} />
+            <div className="my-auto">
+                <h1 className="mb-3 font-bold">Provide information to begin verification</h1>
+                <UserDetailsForm
+                    ref={formRef}
+                    onSubmit={handleUserDetailsSubmit}
+                    isSubmitting={isUpdatingUser}
+                    onValidChange={setIsUserDetailsFormValid}
+                    initialData={initialUserDetails}
+                />
+
+                <Button
+                    onClick={() => formRef.current?.handleSubmit()}
+                    loading={isUpdatingUser || isKycLoading}
+                    variant="purple"
+                    shadowSize="4"
+                    className="mt-3 w-full"
+                    disabled={!isUserDetailsFormValid || isUpdatingUser || isKycLoading}
+                    icon="check-circle"
+                >
+                    Verify now
+                </Button>
+
+                {(userUpdateError || kycError) && <ErrorAlert description={userUpdateError ?? kycError ?? ''} />}
+
+                <IframeWrapper {...iframeOptions} onClose={handleIframeClose} />
+
+                <KycVerificationInProgressModal
+                    isOpen={isVerificationProgressModalOpen}
+                    onClose={closeVerificationProgressModal}
+                />
+            </div>
+        </div>
+    )
+}
+
+export default IdentityVerificationView