diff --git a/src/app/page.tsx b/src/app/page.tsx
index 35c0d58e7..59a47ff1d 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -10,9 +10,9 @@ import {
SecurityBuiltIn,
SendInSeconds,
YourMoney,
+ RegulatedRails,
} from '@/components/LandingPage'
import Footer from '@/components/LandingPage/Footer'
-import { RegulatedRails } from '@/components/LandingPage/RegulatedRails'
import { useFooterVisibility } from '@/context/footerVisibility'
import { useEffect, useState, useRef } from 'react'
diff --git a/src/assets/illustrations/landing-countries.svg b/src/assets/illustrations/landing-countries.svg
index a29f663b2..7e95a1c0a 100644
--- a/src/assets/illustrations/landing-countries.svg
+++ b/src/assets/illustrations/landing-countries.svg
@@ -931,4 +931,4 @@
-
\ No newline at end of file
+
diff --git a/src/components/AddWithdraw/AddWithdrawCountriesList.tsx b/src/components/AddWithdraw/AddWithdrawCountriesList.tsx
index 646304733..ba00c7fb6 100644
--- a/src/components/AddWithdraw/AddWithdrawCountriesList.tsx
+++ b/src/components/AddWithdraw/AddWithdrawCountriesList.tsx
@@ -1,6 +1,11 @@
'use client'
-import { COUNTRY_SPECIFIC_METHODS, countryData, SpecificPaymentMethod } from '@/components/AddMoney/consts'
+import {
+ COUNTRY_SPECIFIC_METHODS,
+ countryCodeMap,
+ countryData,
+ SpecificPaymentMethod,
+} from '@/components/AddMoney/consts'
import StatusBadge from '@/components/Global/Badges/StatusBadge'
import { IconName } from '@/components/Global/Icons/Icon'
import NavHeader from '@/components/Global/NavHeader'
@@ -11,7 +16,7 @@ import Image, { StaticImageData } from 'next/image'
import { useParams, useRouter } from 'next/navigation'
import EmptyState from '../Global/EmptyStates/EmptyState'
import { useAuth } from '@/context/authContext'
-import { useEffect, useRef, useState } from 'react'
+import { useEffect, useMemo, useRef, useState } from 'react'
import { InitiateKYCModal } from '@/components/Kyc'
import { DynamicBankAccountForm, IBankAccountDetails } from './DynamicBankAccountForm'
import { addBankAccount, updateUserById } from '@/app/actions/users'
diff --git a/src/components/AddWithdraw/DynamicBankAccountForm.tsx b/src/components/AddWithdraw/DynamicBankAccountForm.tsx
index 059a87f2e..296fd55ea 100644
--- a/src/components/AddWithdraw/DynamicBankAccountForm.tsx
+++ b/src/components/AddWithdraw/DynamicBankAccountForm.tsx
@@ -54,12 +54,12 @@ export const DynamicBankAccountForm = forwardRef<{ handleSubmit: () => void }, D
const [isSubmitting, setIsSubmitting] = useState(false)
const [submissionError, setSubmissionError] = useState(null)
const [showBicField, setShowBicField] = useState(false)
- const { country: countryName } = useParams()
+ const { country: countryNameParams } = useParams()
const { amountToWithdraw } = useWithdrawFlow()
const [firstName, ...lastNameParts] = (user?.user.fullName ?? '').split(' ')
const lastName = lastNameParts.join(' ')
- let selectedCountry = (countryNameFromProps ?? (countryName as string)).toLowerCase()
+ let selectedCountry = (countryNameFromProps ?? (countryNameParams as string)).toLowerCase()
const {
control,
diff --git a/src/components/LandingPage/dropLink.tsx b/src/components/LandingPage/dropLink.tsx
index 04f67f437..d5b1b3f49 100644
--- a/src/components/LandingPage/dropLink.tsx
+++ b/src/components/LandingPage/dropLink.tsx
@@ -1,3 +1,4 @@
+'use client'
import Image from 'next/image'
import { motion } from 'framer-motion'
import { Button } from '../0_Bruddle'
diff --git a/src/components/LandingPage/hero.tsx b/src/components/LandingPage/hero.tsx
index 12d688be5..ca1d9c223 100644
--- a/src/components/LandingPage/hero.tsx
+++ b/src/components/LandingPage/hero.tsx
@@ -139,7 +139,9 @@ export function Hero({ primaryCta, secondaryCta, buttonVisible, buttonScale = 1
- Takes 10 seconds
+
+ Takes 10 seconds
+
{renderArrows(variant, arrowOpacity, buttonVisible)}
diff --git a/src/components/LandingPage/index.ts b/src/components/LandingPage/index.ts
index d499e86a0..e3ab79e74 100644
--- a/src/components/LandingPage/index.ts
+++ b/src/components/LandingPage/index.ts
@@ -7,3 +7,4 @@ export * from './nutsDivider'
export * from './securityBuiltIn'
export * from './sendInSeconds'
export * from './yourMoney'
+export * from './RegulatedRails'
diff --git a/src/components/LandingPage/noFees.tsx b/src/components/LandingPage/noFees.tsx
index 80cc6d774..2744e27ae 100644
--- a/src/components/LandingPage/noFees.tsx
+++ b/src/components/LandingPage/noFees.tsx
@@ -141,7 +141,7 @@ export function NoFees() {
/>
-