diff --git a/locales/base/translation.json b/locales/base/translation.json
index bdb650b507b..d129d171043 100644
--- a/locales/base/translation.json
+++ b/locales/base/translation.json
@@ -2857,5 +2857,12 @@
   "tokenAndLocalAmount": "{{tokenAmount}} {{tokenSymbol}} <0>({{localCurrencySymbol}}{{localAmount}})</0>",
   "tokenAmountApprox": "≈ {{tokenAmount}} {{tokenSymbol}}",
   "localAmountApprox": "≈ {{localCurrencySymbol}}{{localAmount}}",
-  "tokenAndLocalAmountApprox": "≈ {{tokenAmount}} {{tokenSymbol}} <0>({{localCurrencySymbol}}{{localAmount}})</0>"
+  "tokenAndLocalAmountApprox": "≈ {{tokenAmount}} {{tokenSymbol}} <0>({{localCurrencySymbol}}{{localAmount}})</0>",
+  "demoMode": {
+    "confirmEnter": {
+      "title": "Demo Mode",
+      "info": "You are about to enter into demo mode. You are free to explore the features of the app without completing any transactions",
+      "cta": "Enter Demo"
+    }
+  }
 }
diff --git a/src/dapps/DappShortcutsRewards.test.tsx b/src/dapps/DappShortcutsRewards.test.tsx
index 7a7a7c28ae4..c789c384e8e 100644
--- a/src/dapps/DappShortcutsRewards.test.tsx
+++ b/src/dapps/DappShortcutsRewards.test.tsx
@@ -10,6 +10,7 @@ import { createMockStore } from 'test/utils'
 import { mockCusdAddress, mockCusdTokenId, mockPositions, mockShortcuts } from 'test/values'
 
 jest.mock('src/statsig', () => ({
+  ...jest.requireActual('src/statsig'),
   getFeatureGate: jest.fn(() => true),
 }))
 jest.mock('src/web3/networkConfig', () => {
diff --git a/src/keylessBackup/keychain.test.ts b/src/keylessBackup/keychain.test.ts
index 0f1cf007ddb..b66f1ef39ab 100644
--- a/src/keylessBackup/keychain.test.ts
+++ b/src/keylessBackup/keychain.test.ts
@@ -6,6 +6,7 @@ import { generatePrivateKey } from 'viem/accounts'
 
 jest.mock('src/pincode/authentication')
 jest.mock('src/storage/keychain')
+jest.mock('src/statsig')
 
 describe(storeSECP256k1PrivateKey, () => {
   beforeEach(() => {
diff --git a/src/navigator/NavigatorWrapper.tsx b/src/navigator/NavigatorWrapper.tsx
index 8607a720407..2539a13d940 100644
--- a/src/navigator/NavigatorWrapper.tsx
+++ b/src/navigator/NavigatorWrapper.tsx
@@ -6,6 +6,7 @@ import { SeverityLevel } from '@sentry/types'
 import * as React from 'react'
 import { StyleSheet, View } from 'react-native'
 import DeviceInfo from 'react-native-device-info'
+import LinearGradient from 'react-native-linear-gradient'
 import ShakeForSupport from 'src/account/ShakeForSupport'
 import AlertBanner from 'src/alert/AlertBanner'
 import AppAnalytics from 'src/analytics/AppAnalytics'
@@ -30,9 +31,11 @@ import { getDynamicConfigParams } from 'src/statsig'
 import { DynamicConfigs } from 'src/statsig/constants'
 import { StatsigDynamicConfigs } from 'src/statsig/types'
 import appTheme from 'src/styles/appTheme'
+import Colors from 'src/styles/colors'
 import Logger from 'src/utils/Logger'
 import { userInSanctionedCountrySelector } from 'src/utils/countryFeatures'
 import { isVersionBelowMinimum } from 'src/utils/versionCheck'
+import { demoModeEnabledSelector } from 'src/web3/selectors'
 
 // This uses RN Navigation's experimental nav state persistence
 // to improve the hot reloading experience when in DEV mode
@@ -62,6 +65,7 @@ export const NavigatorWrapper = () => {
   )
   const routeNameRef = React.useRef<string>()
   const inSanctionedCountry = useSelector(userInSanctionedCountrySelector)
+  const demoModeEnabled = useSelector(demoModeEnabledSelector)
 
   const dispatch = useDispatch()
 
@@ -174,16 +178,26 @@ export const NavigatorWrapper = () => {
       initialState={initialState}
       theme={appTheme}
     >
-      <View style={styles.container}>
-        <Navigator />
-        <HooksPreviewModeBanner />
-        {(appLocked || updateRequired) && (
-          <View style={styles.locked}>{updateRequired ? <UpgradeScreen /> : <PincodeLock />}</View>
-        )}
-        <AlertBanner />
-        <ShakeForSupport />
-        <JumpstartClaimStatusToasts />
-      </View>
+      <LinearGradient
+        colors={[Colors.brandGradientLeft, Colors.brandGradientRight]}
+        locations={[0, 0.8915]}
+        useAngle={true}
+        angle={90}
+        style={styles.linearGradientBackground}
+      >
+        <View style={[styles.container, { borderWidth: demoModeEnabled ? 3 : 0 }]}>
+          <Navigator />
+          <HooksPreviewModeBanner />
+          {(appLocked || updateRequired) && (
+            <View style={styles.locked}>
+              {updateRequired ? <UpgradeScreen /> : <PincodeLock />}
+            </View>
+          )}
+          <AlertBanner />
+          <ShakeForSupport />
+          <JumpstartClaimStatusToasts />
+        </View>
+      </LinearGradient>
     </NavigationContainer>
   )
 }
@@ -194,6 +208,10 @@ const styles = StyleSheet.create({
     flexDirection: 'column',
     alignItems: 'stretch',
     justifyContent: 'flex-start',
+    borderColor: 'transparent',
+  },
+  linearGradientBackground: {
+    flex: 1,
   },
   locked: {
     position: 'absolute',
diff --git a/src/navigator/SettingsMenu.test.tsx b/src/navigator/SettingsMenu.test.tsx
index d9670e3af13..98c0c2c5e3e 100644
--- a/src/navigator/SettingsMenu.test.tsx
+++ b/src/navigator/SettingsMenu.test.tsx
@@ -11,6 +11,7 @@ import { createMockStore } from 'test/utils'
 import { mockE164Number } from 'test/values'
 
 jest.mock('src/statsig', () => ({
+  ...jest.requireActual('src/statsig'),
   getFeatureGate: jest.fn().mockReturnValue(false),
   getMultichainFeatures: jest.fn(() => ({
     showBalances: ['celo-alfajores'],
diff --git a/src/onboarding/welcome/Welcome.test.tsx b/src/onboarding/welcome/Welcome.test.tsx
index 47d2b019655..dc73e5f4bb8 100644
--- a/src/onboarding/welcome/Welcome.test.tsx
+++ b/src/onboarding/welcome/Welcome.test.tsx
@@ -4,22 +4,27 @@ import { Provider } from 'react-redux'
 import { chooseCreateAccount, chooseRestoreAccount } from 'src/account/actions'
 import AppAnalytics from 'src/analytics/AppAnalytics'
 import { OnboardingEvents } from 'src/analytics/Events'
-import { navigate } from 'src/navigator/NavigationService'
+import { navigate, navigateHome } from 'src/navigator/NavigationService'
 import { Screens } from 'src/navigator/Screens'
 import { firstOnboardingScreen } from 'src/onboarding/steps'
 import Welcome from 'src/onboarding/welcome/Welcome'
-import { patchUpdateStatsigUser } from 'src/statsig'
+import { getDynamicConfigParams, patchUpdateStatsigUser } from 'src/statsig'
+import { DynamicConfigs } from 'src/statsig/constants'
+import { StatsigDynamicConfigs } from 'src/statsig/types'
+import { demoModeToggled } from 'src/web3/actions'
 import { createMockStore } from 'test/utils'
 
 jest.mock('src/onboarding/steps')
 jest.mock('src/statsig', () => ({
   patchUpdateStatsigUser: jest.fn(),
+  getDynamicConfigParams: jest.fn(),
 }))
 
 describe('Welcome', () => {
   beforeAll(() => {
     jest.spyOn(Date, 'now').mockImplementation(() => 123)
     jest.mocked(firstOnboardingScreen).mockReturnValue(Screens.PincodeSet)
+    jest.mocked(getDynamicConfigParams).mockReturnValue({})
   })
 
   beforeEach(() => {
@@ -129,5 +134,38 @@ describe('Welcome', () => {
         expect(AppAnalytics.track).toHaveBeenCalledWith(event)
       }
     )
+    it('dispatches the correct actions to launch demo mode', async () => {
+      jest.mocked(getDynamicConfigParams).mockImplementation((configName) => {
+        if (configName === DynamicConfigs[StatsigDynamicConfigs.DEMO_MODE_CONFIG]) {
+          return { enabledInOnboarding: true }
+        }
+        throw new Error('Unexpected config name')
+      })
+
+      const store = createMockStore()
+      const { getByText, rerender } = render(
+        <Provider store={store}>
+          <Welcome />
+        </Provider>
+      )
+
+      fireEvent.press(getByText('demoMode.confirmEnter.cta'))
+
+      expect(store.getActions()).toEqual([demoModeToggled(true)])
+      await waitFor(() => expect(navigateHome).not.toHaveBeenCalled())
+
+      rerender(
+        <Provider
+          store={createMockStore({
+            web3: {
+              demoModeEnabled: true,
+            },
+          })}
+        >
+          <Welcome />
+        </Provider>
+      )
+      await waitFor(() => expect(navigateHome).toHaveBeenCalled())
+    })
   })
 })
diff --git a/src/onboarding/welcome/Welcome.tsx b/src/onboarding/welcome/Welcome.tsx
index a8023b24348..272a553bd93 100644
--- a/src/onboarding/welcome/Welcome.tsx
+++ b/src/onboarding/welcome/Welcome.tsx
@@ -1,30 +1,59 @@
-import React from 'react'
+import React, { useEffect, useRef } from 'react'
 import { useTranslation } from 'react-i18next'
 import { ImageBackground, StyleSheet, View } from 'react-native'
+import { TouchableWithoutFeedback } from 'react-native-gesture-handler'
 import { SafeAreaView, useSafeAreaInsets } from 'react-native-safe-area-context'
 import { chooseCreateAccount, chooseRestoreAccount } from 'src/account/actions'
 import { recoveringFromStoreWipeSelector } from 'src/account/selectors'
 import AppAnalytics from 'src/analytics/AppAnalytics'
 import { OnboardingEvents } from 'src/analytics/Events'
+import BottomSheet, { BottomSheetModalRefType } from 'src/components/BottomSheet'
 import Button, { BtnSizes, BtnTypes } from 'src/components/Button'
 import { welcomeBackground } from 'src/images/Images'
 import WelcomeLogo from 'src/images/WelcomeLogo'
 import { nuxNavigationOptions } from 'src/navigator/Headers'
-import { navigate } from 'src/navigator/NavigationService'
+import { navigate, navigateHome } from 'src/navigator/NavigationService'
 import { Screens } from 'src/navigator/Screens'
 import LanguageButton from 'src/onboarding/LanguageButton'
 import { firstOnboardingScreen } from 'src/onboarding/steps'
 import { useDispatch, useSelector } from 'src/redux/hooks'
-import { patchUpdateStatsigUser } from 'src/statsig'
+import { getDynamicConfigParams, patchUpdateStatsigUser } from 'src/statsig'
+import { DynamicConfigs } from 'src/statsig/constants'
+import { StatsigDynamicConfigs } from 'src/statsig/types'
 import { Spacing } from 'src/styles/styles'
+import { demoModeToggled } from 'src/web3/actions'
+import { demoModeEnabledSelector } from 'src/web3/selectors'
+
+const DEMO_MODE_LONG_PRESS_DELAY_MS = 4_000
 
 export default function Welcome() {
+  const demoModeBottomSheetRef = useRef<BottomSheetModalRefType>(null)
+
   const { t } = useTranslation()
   const dispatch = useDispatch()
   const acceptedTerms = useSelector((state) => state.account.acceptedTerms)
   const startOnboardingTime = useSelector((state) => state.account.startOnboardingTime)
   const insets = useSafeAreaInsets()
   const recoveringFromStoreWipe = useSelector(recoveringFromStoreWipeSelector)
+  const demoModeEnabled = useSelector(demoModeEnabledSelector)
+
+  const { enabledInOnboarding } = getDynamicConfigParams(
+    DynamicConfigs[StatsigDynamicConfigs.DEMO_MODE_CONFIG]
+  )
+
+  useEffect(() => {
+    if (demoModeEnabled) {
+      navigateHome()
+    }
+  }, [demoModeEnabled])
+
+  const onActivateDemoMode = () => {
+    dispatch(demoModeToggled(true))
+  }
+
+  const onRequestActivateDemoMode = () => {
+    demoModeBottomSheetRef.current?.snapToIndex(0)
+  }
 
   const startOnboarding = () => {
     navigate(
@@ -65,7 +94,14 @@ export default function Welcome() {
     <SafeAreaView style={styles.container}>
       <ImageBackground source={welcomeBackground} resizeMode="stretch" style={styles.image}>
         <View style={styles.contentContainer}>
-          <WelcomeLogo />
+          <TouchableWithoutFeedback
+            disabled={!enabledInOnboarding}
+            delayLongPress={DEMO_MODE_LONG_PRESS_DELAY_MS}
+            onLongPress={onRequestActivateDemoMode}
+            testID="Welcome/RequestActivateDemoMode"
+          >
+            <WelcomeLogo />
+          </TouchableWithoutFeedback>
         </View>
         <View style={{ ...styles.buttonView, marginBottom: Math.max(0, 40 - insets.bottom) }}>
           <Button
@@ -85,6 +121,19 @@ export default function Welcome() {
           />
         </View>
       </ImageBackground>
+      <BottomSheet
+        forwardedRef={demoModeBottomSheetRef}
+        title={t('demoMode.confirmEnter.title')}
+        description={t('demoMode.confirmEnter.info')}
+      >
+        <Button
+          onPress={onActivateDemoMode}
+          text={t('demoMode.confirmEnter.cta')}
+          size={BtnSizes.FULL}
+          type={BtnTypes.PRIMARY}
+          style={styles.demoModeButton}
+        />
+      </BottomSheet>
     </SafeAreaView>
   )
 }
@@ -114,4 +163,7 @@ const styles = StyleSheet.create({
     justifyContent: 'center',
     marginTop: Spacing.XLarge48,
   },
+  demoModeButton: {
+    marginTop: Spacing.Thick24,
+  },
 })
diff --git a/src/redux/migrations.ts b/src/redux/migrations.ts
index d4e3c6b0495..99c8c5129e8 100644
--- a/src/redux/migrations.ts
+++ b/src/redux/migrations.ts
@@ -1986,4 +1986,11 @@ export const migrations = {
     ...state,
     app: _.omit(state.app, 'showSwapMenuInDrawerMenu'),
   }),
+  240: (state: any) => ({
+    ...state,
+    web3: {
+      ...state.web3,
+      demoModeEnabled: false,
+    },
+  }),
 }
diff --git a/src/redux/store.test.ts b/src/redux/store.test.ts
index d5d0c840bd0..c314dde713e 100644
--- a/src/redux/store.test.ts
+++ b/src/redux/store.test.ts
@@ -143,7 +143,7 @@ describe('store state', () => {
       {
         "_persist": {
           "rehydrated": true,
-          "version": 239,
+          "version": 240,
         },
         "account": {
           "acceptedTerms": false,
@@ -381,6 +381,7 @@ describe('store state', () => {
         },
         "web3": {
           "account": "0x0000000000000000000000000000000000007E57",
+          "demoModeEnabled": false,
         },
       }
     `)
diff --git a/src/redux/store.ts b/src/redux/store.ts
index 7a6e09e6490..a79738db2e6 100644
--- a/src/redux/store.ts
+++ b/src/redux/store.ts
@@ -26,7 +26,7 @@ const persistConfig: PersistConfig<ReducersRootState> = {
   key: 'root',
   // default is -1, increment as we make migrations
   // See https://github.com/valora-inc/wallet/tree/main/WALLET.md#redux-state-migration
-  version: 239,
+  version: 240,
   keyPrefix: `reduxStore-`, // the redux-persist default is `persist:` which doesn't work with some file systems.
   storage: FSStorage(),
   blacklist: ['networkInfo', 'alert', 'imports', 'keylessBackup', transactionFeedV2Api.reducerPath],
diff --git a/src/statsig/constants.ts b/src/statsig/constants.ts
index cd7c4493dad..e0d20e5d9ed 100644
--- a/src/statsig/constants.ts
+++ b/src/statsig/constants.ts
@@ -123,6 +123,13 @@ export const DynamicConfigs = {
       supportedAppIds: [] as string[],
     },
   },
+  [StatsigDynamicConfigs.DEMO_MODE_CONFIG]: {
+    configName: StatsigDynamicConfigs.DEMO_MODE_CONFIG,
+    defaultValues: {
+      enabledInOnboarding: false,
+      demoWalletAddress: '',
+    },
+  },
 } satisfies {
   [key in StatsigDynamicConfigs | StatsigMultiNetworkDynamicConfig]: {
     configName: key
diff --git a/src/statsig/types.ts b/src/statsig/types.ts
index af654b58e9e..3960541e996 100644
--- a/src/statsig/types.ts
+++ b/src/statsig/types.ts
@@ -8,6 +8,7 @@ export enum StatsigDynamicConfigs {
   NFT_CELEBRATION_CONFIG = 'nft_celebration_config',
   APP_CONFIG = 'app_config',
   EARN_CONFIG = 'earn_config',
+  DEMO_MODE_CONFIG = 'demo_mode_config',
 }
 
 // Separating into different enum from StatsigDynamicConfigs to allow for more strict typing
diff --git a/src/web3/actions.ts b/src/web3/actions.ts
index c1407a7adb7..9f8a86cfe9d 100644
--- a/src/web3/actions.ts
+++ b/src/web3/actions.ts
@@ -1,5 +1,6 @@
 export enum Actions {
   SET_ACCOUNT = 'WEB3/SET_ACCOUNT',
+  DEMO_MODE_TOGGLED = 'WEB3/DEMO_MODE_TOGGLED',
 }
 
 export interface SetAccountAction {
@@ -7,7 +8,12 @@ export interface SetAccountAction {
   address: string
 }
 
-export type ActionTypes = SetAccountAction
+interface DemoModeToggled {
+  type: Actions.DEMO_MODE_TOGGLED
+  enabled: boolean
+}
+
+export type ActionTypes = SetAccountAction | DemoModeToggled
 
 export const setAccount = (address: string): SetAccountAction => {
   return {
@@ -15,3 +21,10 @@ export const setAccount = (address: string): SetAccountAction => {
     address: address.toLowerCase(),
   }
 }
+
+export const demoModeToggled = (enabled: boolean): DemoModeToggled => {
+  return {
+    type: Actions.DEMO_MODE_TOGGLED,
+    enabled,
+  }
+}
diff --git a/src/web3/reducer.ts b/src/web3/reducer.ts
index ead80e03862..66fec0896b0 100644
--- a/src/web3/reducer.ts
+++ b/src/web3/reducer.ts
@@ -4,10 +4,12 @@ import { ActionTypes, Actions } from 'src/web3/actions'
 
 interface State {
   account: string | null // this is the wallet address (EOA)
+  demoModeEnabled: boolean
 }
 
 const initialState: State = {
   account: null,
+  demoModeEnabled: false,
 }
 
 export const reducer = (
@@ -27,6 +29,11 @@ export const reducer = (
         ...state,
         account: action.address.toLowerCase(),
       }
+    case Actions.DEMO_MODE_TOGGLED:
+      return {
+        ...state,
+        demoModeEnabled: action.enabled,
+      }
     default:
       return state
   }
diff --git a/src/web3/selectors.ts b/src/web3/selectors.ts
index 8beafe25daa..05e13ff8904 100644
--- a/src/web3/selectors.ts
+++ b/src/web3/selectors.ts
@@ -1,4 +1,8 @@
+import { createSelector } from 'reselect'
 import { RootState } from 'src/redux/reducers'
+import { getDynamicConfigParams } from 'src/statsig'
+import { DynamicConfigs } from 'src/statsig/constants'
+import { StatsigDynamicConfigs } from 'src/statsig/types'
 
 /**
  * Get the "raw" (non-lower-cased) version of the wallet address in redux state.
@@ -12,6 +16,30 @@ import { RootState } from 'src/redux/reducers'
  */
 export const rawWalletAddressSelector = (state: RootState) => state.web3.account ?? null
 
-export const walletAddressSelector = (state: RootState) => state.web3.account?.toLowerCase() ?? null
+export const demoModeEnabledSelector = createSelector(
+  [
+    () =>
+      getDynamicConfigParams(DynamicConfigs[StatsigDynamicConfigs.DEMO_MODE_CONFIG])
+        ?.enabledInOnboarding,
+    (state: RootState) => state.web3.demoModeEnabled,
+  ],
+  (dynamicConfigEnabled, demoModeToggledOn) => {
+    return dynamicConfigEnabled && demoModeToggledOn
+  }
+)
+
+export const walletAddressSelector = createSelector(
+  [
+    rawWalletAddressSelector,
+    demoModeEnabledSelector,
+    () =>
+      getDynamicConfigParams(DynamicConfigs[StatsigDynamicConfigs.DEMO_MODE_CONFIG])
+        ?.demoWalletAddress,
+  ],
+  (rawAddress, demoModeEnabled, demoModeAddress) => {
+    return (demoModeEnabled ? demoModeAddress : rawAddress)?.toLowerCase() ?? null
+  }
+)
+
 // @deprecated please use walletAddressSelector instead.
 export const currentAccountSelector = walletAddressSelector
diff --git a/test/RootStateSchema.json b/test/RootStateSchema.json
index 15bacafdd72..d79746a5941 100644
--- a/test/RootStateSchema.json
+++ b/test/RootStateSchema.json
@@ -5884,10 +5884,14 @@
                         "null",
                         "string"
                     ]
+                },
+                "demoModeEnabled": {
+                    "type": "boolean"
                 }
             },
             "required": [
-                "account"
+                "account",
+                "demoModeEnabled"
             ],
             "type": "object"
         },
diff --git a/test/schemas.ts b/test/schemas.ts
index d5ebb467326..ccf772ac90a 100644
--- a/test/schemas.ts
+++ b/test/schemas.ts
@@ -3603,6 +3603,18 @@ export const v239Schema = {
   app: _.omit(v238Schema.app, 'showSwapMenuInDrawerMenu'),
 }
 
+export const v240Schema = {
+  ...v239Schema,
+  _persist: {
+    ...v239Schema._persist,
+    version: 240,
+  },
+  web3: {
+    ...v239Schema.web3,
+    demoModeEnabled: false,
+  },
+}
+
 export function getLatestSchema(): Partial<RootState> {
-  return v239Schema as Partial<RootState>
+  return v240Schema as Partial<RootState>
 }