Prod to staging

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'
 

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'

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<string | null>(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,

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'

src/components/LandingPage/hero.tsx

@@ -139,7 +139,9 @@ export function Hero({ primaryCta, secondaryCta, buttonVisible, buttonScale = 1
                     </Button>
                 </a>
 
-                <p className="mx-auto mt-2 text-xs italic text-n-1 md:text-sm">Takes 10 seconds</p>
+                <p className="font-roboto-flex-bold mx-auto mt-2 text-xs italic text-n-1 md:text-sm">
+                    Takes 10 seconds
+                </p>
 
                 {renderArrows(variant, arrowOpacity, buttonVisible)}
             </motion.div>

src/components/LandingPage/index.ts

@@ -7,3 +7,4 @@ export * from './nutsDivider'
 export * from './securityBuiltIn'
 export * from './sendInSeconds'
 export * from './yourMoney'
+export * from './RegulatedRails'

src/components/LandingPage/noFees.tsx

@@ -141,7 +141,7 @@ export function NoFees() {
                 />
             </div>
 
-            <div className="relative mx-auto max-w-3xl text-center">
+            <div className="relative mx-auto w-full max-w-3xl text-center">
                 {/* Animated stars */}
                 <motion.img
                     src={Star.src}

src/components/LandingPage/yourMoney.tsx

@@ -4,10 +4,9 @@ import iphoneYourMoney3 from '@/assets/iphone-ss/iphone-your-money-3.png'
 import freeGlobalTransfers from '@/assets/illustrations/free-global-transfers.svg'
 import payAnyoneAnywhere from '@/assets/illustrations/pay-anyone-anywhere.svg'
 import getPaidWorldwide from '@/assets/illustrations/get-paid-worldwide.svg'
-
-import { Button } from '../0_Bruddle'
 import Image from 'next/image'
 import { LandingCountries } from '@/assets'
+import { Button } from '../0_Bruddle'
 
 interface Feature {
     id: number