diff --git a/app/navigators/AppNavigator.tsx b/app/navigators/AppNavigator.tsx
index 9c275109..bf992665 100644
--- a/app/navigators/AppNavigator.tsx
+++ b/app/navigators/AppNavigator.tsx
@@ -1,9 +1,3 @@
-/**
- * The app navigator (formerly "AppNavigator" and "MainNavigator") is used for the primary
- * navigation flows of your app.
- * Generally speaking, it will contain an auth flow (registration, login, forgot password)
- * and a "main" flow which the user will use once logged in.
- */
 import { DarkTheme, DefaultTheme, NavigationContainer } from "@react-navigation/native"
 import { createNativeStackNavigator, NativeStackScreenProps } from "@react-navigation/native-stack"
 import { observer } from "mobx-react-lite"
@@ -15,21 +9,7 @@ import { navigationRef, useBackButtonHandler } from "./navigationUtilities"
 import { TabNavigator } from "./TabNavigator"
 import { AuthNavigator } from "./AuthNavigator"
 import { useStores } from "app/models"
-import { DemoNavigator } from "./DemoNavigator"
 
-/**
- * This type allows TypeScript to know what routes are defined in this navigator
- * as well as what properties (if any) they might take when navigating to them.
- *
- * If no params are allowed, pass through `undefined`. Generally speaking, we
- * recommend using your MobX-State-Tree store(s) to keep application state
- * rather than passing state through navigation params.
- *
- * For more information, see this documentation:
- *   https://reactnavigation.org/docs/params/
- *   https://reactnavigation.org/docs/typescript#type-checking-the-navigator
- *   https://reactnavigation.org/docs/typescript/#organizing-types
- */
 export type AppStackParamList = {
   Auth: undefined
   Home: undefined
@@ -41,19 +21,12 @@ export type AppStackParamList = {
   Chat: undefined
   Listing: undefined
   ListingDetail: undefined
-  Feed: undefined
   Channels: undefined
   User: undefined
   Profile: undefined
   EditProfile: undefined
-  Nearby: undefined
-  Demos: undefined
 }
 
-/**
- * This is a list of all the route names that will exit the app if the back button
- * is pressed while in that screen. Only affects Android.
- */
 const exitRoutes = Config.exitRoutes
 
 export type AppStackScreenProps<T extends keyof AppStackParamList> = NativeStackScreenProps<
@@ -61,7 +34,6 @@ export type AppStackScreenProps<T extends keyof AppStackParamList> = NativeStack
   T
 >
 
-// Documentation: https://reactnavigation.org/docs/stack-navigator/
 const Stack = createNativeStackNavigator<AppStackParamList>()
 
 const AppStack = observer(function AppStack() {
@@ -77,12 +49,9 @@ const AppStack = observer(function AppStack() {
           <Stack.Screen name="Chat" component={Screens.ChatScreen} />
           <Stack.Screen name="Listing" component={Screens.ListingScreen} />
           <Stack.Screen name="ListingDetail" component={Screens.ListingDetailScreen} />
-          <Stack.Screen name="Nearby" component={Screens.NearbyScreen} />
-          <Stack.Screen name="Feed" component={Screens.FeedScreen} />
           <Stack.Screen name="Channels" component={Screens.ChannelsScreen} />
           <Stack.Screen name="User" component={Screens.UserScreen} />
           <Stack.Screen name="EditProfile" component={Screens.EditProfileScreen} />
-          <Stack.Screen name="Demos" component={DemoNavigator} />
         </>
       ) : (
         <Stack.Screen name="Auth" component={AuthNavigator} />
diff --git a/app/navigators/DemoNavigator.tsx b/app/navigators/DemoNavigator.tsx
deleted file mode 100644
index c78a09e7..00000000
--- a/app/navigators/DemoNavigator.tsx
+++ /dev/null
@@ -1,42 +0,0 @@
-import { createNativeStackNavigator } from "@react-navigation/native-stack"
-import { DemoScreens } from "app/screens"
-import * as Screens from "app/screens/Demo"
-import React from "react"
-
-export type DemoStackParamList = {
-  DemoScreens: undefined
-  BitcoinTrading: undefined
-  Ridesharing: undefined
-  FoodDelivery: undefined
-  Restaurants: undefined
-  EventTickets: undefined
-  EventTicketDetail: undefined
-  Rentals: undefined
-  RentalMap: undefined
-  GoodsMarketplace: undefined
-  PeerLending: undefined
-  Charity: undefined
-  CharityBrowse: undefined
-}
-
-const Stack = createNativeStackNavigator<DemoStackParamList>()
-
-export const DemoNavigator = () => {
-  return (
-    <Stack.Navigator>
-      <Stack.Screen name="DemoScreens" component={DemoScreens} />
-      <Stack.Screen name="BitcoinTrading" component={Screens.BitcoinTradingScreen} />
-      <Stack.Screen name="Ridesharing" component={Screens.RidesharingScreen} />
-      <Stack.Screen name="Rentals" component={Screens.RentalsScreen} />
-      <Stack.Screen name="RentalMap" component={Screens.RentalMapScreen} />
-      <Stack.Screen name="GoodsMarketplace" component={Screens.GoodsMarketplaceScreen} />
-      <Stack.Screen name="FoodDelivery" component={Screens.FoodDeliveryScreen} />
-      <Stack.Screen name="Restaurants" component={Screens.RestaurantsScreen} />
-      <Stack.Screen name="EventTickets" component={Screens.EventTicketsScreen} />
-      <Stack.Screen name="EventTicketDetail" component={Screens.EventTicketDetailScreen} />
-      <Stack.Screen name="PeerLending" component={Screens.PeerLendingScreen} />
-      <Stack.Screen name="Charity" component={Screens.CharityScreen} />
-      <Stack.Screen name="CharityBrowse" component={Screens.CharityBrowseScreen} />
-    </Stack.Navigator>
-  )
-}
diff --git a/app/navigators/TabNavigator.tsx b/app/navigators/TabNavigator.tsx
index b5bc0ceb..2ec8af25 100644
--- a/app/navigators/TabNavigator.tsx
+++ b/app/navigators/TabNavigator.tsx
@@ -5,9 +5,7 @@ import { TextStyle, ViewStyle } from "react-native"
 import { useSafeAreaInsets } from "react-native-safe-area-context"
 import { Icon } from "../components"
 import {
-  BlankScreen,
   DiscoverScreen,
-  FeedScreen,
   HomeMessagesScreen,
   ProfileScreen,
 } from "../screens"
@@ -20,7 +18,6 @@ export type DemoTabParamList = {
   Create: undefined
   Discover: undefined
   Profile: undefined
-  // DemoShowroom: { queryIndex?: string; itemIndex?: string }
 }
 
 /**
@@ -63,33 +60,13 @@ export function TabNavigator() {
           ),
         }}
       />
-      <Tab.Screen
-        name="Feed"
-        component={FeedScreen}
-        options={{
-          tabBarLabel: "Feed",
-          tabBarIcon: ({ focused }) => (
-            <Icon icon="Rss" color={focused ? colors.tint : inactiveIconColor} size={24} />
-          ),
-        }}
-      />
-      <Tab.Screen
-        name="Create"
-        component={BlankScreen}
-        options={{
-          tabBarLabel: "Create",
-          tabBarIcon: ({ focused }) => (
-            <Icon icon="PlusCircle" color={focused ? colors.tint : inactiveIconColor} size={24} />
-          ),
-        }}
-      />
       <Tab.Screen
         name="Discover"
         component={DiscoverScreen}
         options={{
           tabBarLabel: "Discover",
           tabBarIcon: ({ focused }) => (
-            <Icon icon="Search" color={focused ? colors.tint : inactiveIconColor} size={24} />
+            <Icon icon="Globe" color={focused ? colors.tint : inactiveIconColor} size={24} />
           ),
         }}
       />
diff --git a/app/screens/BlankScreen.tsx b/app/screens/BlankScreen.tsx
deleted file mode 100644
index 8e33ceb0..00000000
--- a/app/screens/BlankScreen.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import { View } from "react-native"
-
-export const BlankScreen = () => {
-  return <View style={{ flex: 1, backgroundColor: "black" }}></View>
-}
diff --git a/app/screens/ChannelsScreen.tsx b/app/screens/ChannelsScreen.tsx
index 4340ab63..ccfa0fd6 100644
--- a/app/screens/ChannelsScreen.tsx
+++ b/app/screens/ChannelsScreen.tsx
@@ -6,11 +6,9 @@ import { AppStackScreenProps } from "app/navigators"
 import { Card, Header, Screen, Text, Button } from "app/components"
 import { useNavigation } from "@react-navigation/native"
 import { colors, spacing } from "app/theme"
-import { SearchIcon, PlusCircleIcon } from "lucide-react-native"
 import { FlashList } from "@shopify/flash-list"
 import { RelayContext } from "app/components/RelayProvider"
 import { listChannels } from "arclib"
-// import { useStores } from "app/models"
 
 interface ChannelsScreenProps extends NativeStackScreenProps<AppStackScreenProps<"Channels">> {}
 
@@ -31,12 +29,6 @@ export const ChannelsScreen: FC<ChannelsScreenProps> = observer(function Channel
           leftIcon="back"
           leftIconColor={colors.palette.cyan400}
           onLeftPress={() => navigation.goBack()}
-          RightActionComponent={
-            <View style={$headerRightActions}>
-              <SearchIcon size={20} color={colors.palette.cyan400} />
-              <PlusCircleIcon size={20} color={colors.palette.cyan400} />
-            </View>
-          }
         />
       ),
     })
@@ -90,12 +82,6 @@ const $root: ViewStyle = {
   flex: 1,
 }
 
-const $headerRightActions: ViewStyle = {
-  flexDirection: "row",
-  gap: spacing.medium,
-  paddingRight: spacing.medium,
-}
-
 const $container: ViewStyle = {
   flex: 1,
   flexDirection: "column",
diff --git a/app/screens/ChatScreen.tsx b/app/screens/ChatScreen.tsx
index 5870ad6d..f411ed5e 100644
--- a/app/screens/ChatScreen.tsx
+++ b/app/screens/ChatScreen.tsx
@@ -5,7 +5,6 @@ import { NativeStackScreenProps } from "@react-navigation/native-stack"
 import { AppStackScreenProps } from "app/navigators"
 import { Header, Screen, Text, RelayContext, User, MessageForm, ListingItem } from "app/components"
 import { useNavigation } from "@react-navigation/native"
-import { SearchIcon, UsersIcon } from "lucide-react-native"
 import { colors, spacing } from "app/theme"
 import { useStores } from "app/models"
 import { FlashList } from "@shopify/flash-list"
@@ -44,12 +43,6 @@ export const ChatScreen: FC<ChatScreenProps> = observer(function ChatScreen({
           leftIcon="back"
           leftIconColor={colors.palette.cyan400}
           onLeftPress={() => navigation.goBack()}
-          RightActionComponent={
-            <View style={$headerRightActions}>
-              <UsersIcon size={20} color={colors.palette.cyan400} />
-              <SearchIcon size={20} color={colors.palette.cyan400} />
-            </View>
-          }
         />
       ),
     })
@@ -125,12 +118,6 @@ const $container: ViewStyle = {
   paddingHorizontal: spacing.medium,
 }
 
-const $headerRightActions: ViewStyle = {
-  flexDirection: "row",
-  gap: spacing.medium,
-  paddingRight: spacing.medium,
-}
-
 const $main: ViewStyle = {
   flex: 1,
 }
diff --git a/app/screens/Demo/BitcoinTradingScreen.tsx b/app/screens/Demo/BitcoinTradingScreen.tsx
deleted file mode 100644
index 8a6c087b..00000000
--- a/app/screens/Demo/BitcoinTradingScreen.tsx
+++ /dev/null
@@ -1,257 +0,0 @@
-import { useNavigation } from "@react-navigation/native"
-import { colors, spacing } from "app/theme"
-import React, { useEffect, useLayoutEffect, useState } from "react"
-import { Screen, Header, Text, User, TextField, Button, Card } from "app/components"
-import { observer } from "mobx-react-lite"
-import { Pressable, TextStyle, View, ViewStyle } from "react-native"
-import { FlashList } from "@shopify/flash-list"
-import { ArrowRightIcon, SendIcon } from "lucide-react-native"
-import { faker } from "@faker-js/faker"
-
-function createRandomMessage() {
-  return {
-    pubkey: "126103bfddc8df256b6e0abfd7f3797c80dcc4ea88f7c2f87dd4104220b4d65f",
-    content: faker.lorem.sentence(5),
-    metadata: {
-      action: faker.helpers.arrayElement(["Buy", "Sell"]),
-      price: faker.commerce.price(),
-      currency: faker.finance.currencyCode(),
-      amt: faker.datatype.number({ min: 0.1, max: 50 }),
-      expiration: "1 hour",
-      payment: faker.helpers.arrayElement(["Paypal", "Cash App", "Venmo"]),
-      reputation: faker.datatype.number({ min: 1, max: 100 }),
-    },
-  }
-}
-
-const createMessages = (num = 50) => {
-  return Array.from({ length: num }, createRandomMessage)
-}
-
-export const BitcoinTradingScreen = observer(function BitcoinTradingScreen() {
-  const navigation = useNavigation<any>()
-
-  const [data, setData] = useState([])
-
-  useLayoutEffect(() => {
-    navigation.setOptions({
-      headerShown: true,
-      header: () => (
-        <Header
-          title="Bitcoin Trading"
-          titleStyle={{ color: colors.palette.cyan400 }}
-          leftIcon="back"
-          leftIconColor={colors.palette.cyan400}
-          onLeftPress={() => navigation.goBack()}
-        />
-      ),
-    })
-  }, [])
-
-  useEffect(() => {
-    const messages: any = createMessages(20)
-    setData(messages)
-  }, [])
-
-  return (
-    <Screen
-      preset="fixed"
-      contentContainerStyle={$container}
-      safeAreaEdges={["bottom"]}
-      keyboardOffset={120}
-    >
-      <View style={$main}>
-        <FlashList
-          data={data}
-          renderItem={({ item }) => (
-            <Pressable
-              onPress={() => navigation.navigate("EventTicketDetail", { name: item.event.name })}
-              style={$messageItem}
-            >
-              <User pubkey={item.pubkey} />
-              <View style={$messageContentWrapper}>
-                <Text text={item.content || "empty message"} style={$messageContent} />
-                <Card
-                  preset="reversed"
-                  ContentComponent={
-                    <View style={$cardContent}>
-                      <View style={$cardHeading}>
-                        <Text
-                          text={item.metadata.action + " BTC"}
-                          preset="bold"
-                          style={$cardTitle}
-                        />
-                        <Pressable>
-                          <ArrowRightIcon
-                            width={20}
-                            height={20}
-                            style={{ color: colors.palette.cyan500 }}
-                          />
-                        </Pressable>
-                      </View>
-                      <View style={$cardMetadata}>
-                        <View style={$cardRow}>
-                          <Text text="Price:" style={$cardSubtitle} />
-                          <Text text={item.metadata.price + " " + item.metadata.currency} />
-                        </View>
-                        <View style={$cardRow}>
-                          <Text text="Amount:" style={$cardSubtitle} />
-                          <Text text={item.metadata.amt + " BTC"} />
-                        </View>
-                        <View style={$cardRow}>
-                          <Text text="Expiration:" style={$cardSubtitle} />
-                          <Text text={item.metadata.expiration} />
-                        </View>
-                        <View style={$cardRow}>
-                          <Text text="Payment methods:" style={$cardSubtitle} />
-                          <Text text={item.metadata.payment} />
-                        </View>
-                        <View style={$cardRow}>
-                          <Text text="Reputation:" style={$cardSubtitle} />
-                          <Text text={item.metadata.reputation + "%"} />
-                        </View>
-                      </View>
-                    </View>
-                  }
-                  style={$card}
-                />
-              </View>
-            </Pressable>
-          )}
-          ListEmptyComponent={
-            <View style={$emptyState}>
-              <Text text="Loading..." />
-            </View>
-          }
-          estimatedItemSize={120}
-          inverted={true}
-        />
-      </View>
-      <View style={$form}>
-        <TextField
-          placeholder="Message"
-          placeholderTextColor={colors.palette.cyan500}
-          style={$input}
-          inputWrapperStyle={$inputWrapper}
-          autoCapitalize="none"
-          RightAccessory={() => (
-            <Button
-              LeftAccessory={() => <SendIcon style={{ color: colors.text }} />}
-              style={$sendButton}
-            />
-          )}
-        />
-      </View>
-    </Screen>
-  )
-})
-
-const $container: ViewStyle = {
-  flex: 1,
-  paddingHorizontal: spacing.medium,
-}
-
-const $main: ViewStyle = {
-  flex: 1,
-}
-
-const $form: ViewStyle = {
-  paddingTop: spacing.small,
-}
-
-const $messageItem: ViewStyle = {
-  flex: 1,
-  paddingVertical: spacing.extraSmall,
-}
-
-const $messageContentWrapper: ViewStyle = {
-  paddingLeft: 48,
-  marginTop: -24,
-}
-
-const $messageContent: TextStyle = {
-  color: "#fff",
-}
-
-const $emptyState: ViewStyle = {
-  alignSelf: "center",
-  transform: [{ scaleY: -1 }],
-  paddingVertical: spacing.medium,
-}
-
-const $inputWrapper: ViewStyle = {
-  padding: 0,
-  alignItems: "center",
-  backgroundColor: "transparent",
-  borderWidth: 0,
-  gap: spacing.extraSmall,
-}
-
-const $input: ViewStyle = {
-  width: "100%",
-  height: 45,
-  borderWidth: 1,
-  borderColor: colors.palette.cyan900,
-  borderRadius: 100,
-  backgroundColor: colors.palette.overlay20,
-  paddingHorizontal: spacing.medium,
-  paddingVertical: 0,
-  marginVertical: 0,
-  marginHorizontal: 0,
-  alignSelf: "center",
-}
-
-const $sendButton: ViewStyle = {
-  width: 45,
-  height: 45,
-  minHeight: 45,
-  backgroundColor: colors.palette.cyan500,
-  borderRadius: 100,
-  borderWidth: 0,
-  flexShrink: 0,
-}
-
-const $card: ViewStyle = {
-  flex: 1,
-  paddingVertical: 0,
-  paddingHorizontal: 0,
-  marginTop: spacing.extraSmall,
-  marginBottom: spacing.small,
-  borderWidth: 1,
-  borderColor: colors.palette.cyan800,
-  borderRadius: spacing.tiny,
-  backgroundColor: colors.palette.overlay20,
-  shadowColor: "transparent",
-  overflow: "hidden",
-}
-
-const $cardContent: ViewStyle = {
-  flexDirection: "column",
-}
-
-const $cardHeading: ViewStyle = {
-  paddingHorizontal: spacing.small,
-  paddingVertical: spacing.extraSmall,
-  borderBottomWidth: 1,
-  borderColor: colors.palette.cyan800,
-  flexDirection: "row",
-  justifyContent: "space-between",
-  alignItems: "center",
-}
-
-const $cardTitle: TextStyle = {
-  color: colors.palette.cyan500,
-}
-
-const $cardRow: ViewStyle = {
-  flexDirection: "row",
-  gap: spacing.tiny,
-}
-
-const $cardSubtitle: TextStyle = {
-  color: colors.palette.cyan600,
-}
-
-const $cardMetadata: ViewStyle = {
-  padding: spacing.small,
-}
diff --git a/app/screens/Demo/CharityBrowseScreen.tsx b/app/screens/Demo/CharityBrowseScreen.tsx
deleted file mode 100644
index 44c92df1..00000000
--- a/app/screens/Demo/CharityBrowseScreen.tsx
+++ /dev/null
@@ -1,158 +0,0 @@
-import React, { useEffect, useLayoutEffect, useState } from "react"
-import { observer } from "mobx-react-lite"
-import { Dimensions, ImageStyle, TextStyle, View, ViewStyle } from "react-native"
-import { AutoImage, Button, Header, Screen, Text } from "app/components"
-import { useNavigation } from "@react-navigation/native"
-import { colors, spacing } from "app/theme"
-import { faker } from "@faker-js/faker"
-import Carousel from "react-native-reanimated-carousel"
-import { FlashList } from "@shopify/flash-list"
-import { PlusIcon } from "lucide-react-native"
-
-function createRandomItem() {
-  return {
-    id: faker.datatype.uuid(),
-    image: faker.image.image(300, 200, true),
-    name: faker.company.name(),
-    description: faker.lorem.paragraph(1),
-  }
-}
-
-const createItems = (num = 4) => {
-  return Array.from({ length: num }, createRandomItem)
-}
-
-export const CharityBrowseScreen = observer(function CharityBrowseScreen() {
-  const navigation = useNavigation<any>()
-
-  // get window width
-  const width = Dimensions.get("window").width
-
-  // data
-  const [data, setData] = useState([])
-
-  useLayoutEffect(() => {
-    navigation.setOptions({
-      headerShown: true,
-      header: () => (
-        <Header
-          title="Charitable Donations"
-          titleStyle={{ color: colors.palette.cyan400 }}
-          leftIcon="back"
-          leftIconColor={colors.palette.cyan400}
-          onLeftPress={() => navigation.goBack()}
-        />
-      ),
-    })
-  }, [])
-
-  useEffect(() => {
-    const items: any = createItems(4)
-    setData(items)
-  }, [])
-
-  return (
-    <>
-      <Screen preset="scroll" style={$root} contentContainerStyle={$container}>
-        <View>
-          <Carousel
-            loop
-            width={width}
-            height={width / 2}
-            autoPlay={true}
-            data={[...new Array(5).keys()]}
-            scrollAnimationDuration={5000}
-            renderItem={({ index }) => (
-              <View>
-                <AutoImage
-                  source={{ uri: `https://picsum.photos/seed/${index}/800/600` }}
-                  style={$sliderImage}
-                />
-              </View>
-            )}
-            style={$sliderWrapper}
-          />
-        </View>
-        <View>
-          <FlashList
-            data={data}
-            keyExtractor={(item) => item.id}
-            renderItem={({ item }) => (
-              <View style={$item}>
-                <AutoImage source={{ uri: item.image }} style={$itemImage} />
-                <Text text={item.name} preset="bold" size="lg" style={$itemTitle} />
-                <Text text={item.description} />
-              </View>
-            )}
-            ListHeaderComponent={() => (
-              <Text text="Featured" preset={"heading"} size="xl" style={$heading} />
-            )}
-            estimatedItemSize={200}
-          />
-          <Button text="See all" style={$button} />
-        </View>
-      </Screen>
-      <Button LeftAccessory={() => <PlusIcon style={{ color: colors.text }} />} style={$cta} />
-    </>
-  )
-})
-
-const $root: ViewStyle = {
-  flex: 1,
-}
-
-const $container: ViewStyle = {
-  paddingHorizontal: spacing.medium - 2,
-}
-
-const $sliderWrapper: ViewStyle = {
-  flex: 1,
-  justifyContent: "center",
-  marginBottom: spacing.large,
-}
-
-const $sliderImage: ImageStyle = {
-  width: "100%",
-  borderRadius: spacing.extraSmall,
-}
-
-const $heading: TextStyle = {
-  marginVertical: spacing.medium,
-}
-
-const $item: ViewStyle = {
-  marginBottom: spacing.extraLarge,
-}
-
-const $itemTitle: TextStyle = {
-  color: colors.palette.cyan400,
-}
-
-const $itemImage: ImageStyle = {
-  width: "100%",
-  marginBottom: spacing.extraSmall,
-}
-
-const $button: ViewStyle = {
-  backgroundColor: colors.palette.cyan800,
-  borderWidth: 1,
-  borderColor: colors.palette.cyan400,
-  width: "100%",
-  marginTop: spacing.small,
-  marginBottom: spacing.extraLarge,
-  height: 50,
-  minHeight: 50,
-}
-
-const $cta: ViewStyle = {
-  width: 50,
-  height: 50,
-  minHeight: 50,
-  backgroundColor: colors.palette.cyan400,
-  borderRadius: 100,
-  borderWidth: 0,
-  flexShrink: 0,
-  position: "absolute",
-  bottom: spacing.large,
-  alignSelf: "center",
-}
diff --git a/app/screens/Demo/CharityScreen.tsx b/app/screens/Demo/CharityScreen.tsx
deleted file mode 100644
index 6cb5a427..00000000
--- a/app/screens/Demo/CharityScreen.tsx
+++ /dev/null
@@ -1,266 +0,0 @@
-import { useNavigation } from "@react-navigation/native"
-import { colors, spacing } from "app/theme"
-import React, { useEffect, useLayoutEffect, useState } from "react"
-import { Screen, Header, Text, User, TextField, Button, Card, AutoImage } from "app/components"
-import { observer } from "mobx-react-lite"
-import { ImageStyle, Pressable, TextStyle, View, ViewStyle } from "react-native"
-import { FlashList } from "@shopify/flash-list"
-import { ArrowRightIcon, GlobeIcon, SendIcon } from "lucide-react-native"
-import { faker } from "@faker-js/faker"
-
-function createRandomMessage() {
-  return {
-    pubkey: "126103bfddc8df256b6e0abfd7f3797c80dcc4ea88f7c2f87dd4104220b4d65f",
-    content: "please help",
-    metadata: {
-      image: faker.image.business(500, 500, true),
-      mission: faker.lorem.sentence(5),
-      location: faker.address.city(),
-      goal: faker.datatype.number({ min: 100000, max: 10000000 }),
-      payment: faker.helpers.arrayElement(["Paypal", "Cash App", "Venmo"]),
-      score: faker.datatype.number({ min: 1, max: 5 }),
-    },
-  }
-}
-
-const createMessages = (num = 50) => {
-  return Array.from({ length: num }, createRandomMessage)
-}
-
-export const CharityScreen = observer(function CharityScreen() {
-  const navigation = useNavigation<any>()
-
-  const [data, setData] = useState([])
-
-  useLayoutEffect(() => {
-    navigation.setOptions({
-      headerShown: true,
-      header: () => (
-        <Header
-          title="Charitable Donations"
-          titleStyle={{ color: colors.palette.cyan400 }}
-          leftIcon="back"
-          leftIconColor={colors.palette.cyan400}
-          onLeftPress={() => navigation.goBack()}
-          RightActionComponent={
-            <Pressable
-              onPress={() => navigation.navigate("CharityBrowse")}
-              style={$headerRightActions}
-            >
-              <GlobeIcon size={20} color={colors.palette.cyan400} />
-            </Pressable>
-          }
-        />
-      ),
-    })
-  }, [])
-
-  useEffect(() => {
-    const messages: any = createMessages(20)
-    setData(messages)
-  }, [])
-
-  return (
-    <Screen
-      preset="fixed"
-      contentContainerStyle={$container}
-      safeAreaEdges={["bottom"]}
-      keyboardOffset={120}
-    >
-      <View style={$main}>
-        <FlashList
-          data={data}
-          renderItem={({ item }) => (
-            <Pressable style={$messageItem}>
-              <User pubkey={item.pubkey} />
-              <View style={$messageContentWrapper}>
-                <Text text={item.content || "empty message"} style={$messageContent} />
-                <Card
-                  preset="reversed"
-                  ContentComponent={
-                    <View style={$cardContent}>
-                      <AutoImage source={{ uri: item.metadata.image }} style={$cardImage} />
-                      <View style={$cardHeading}>
-                        <Text text={item.metadata.mission} preset="bold" style={$cardTitle} />
-                        <Pressable>
-                          <ArrowRightIcon
-                            width={20}
-                            height={20}
-                            style={{ color: colors.palette.cyan500 }}
-                          />
-                        </Pressable>
-                      </View>
-                      <View style={$cardMetadata}>
-                        <View style={$cardRow}>
-                          <Text text="Location:" style={$cardSubtitle} />
-                          <Text text={item.metadata.location} />
-                        </View>
-                        <View style={$cardRow}>
-                          <Text text="Goal:" style={$cardSubtitle} />
-                          <Text text={item.metadata.goal + " sats"} />
-                        </View>
-                        <View style={$cardRow}>
-                          <Text text="Payment:" style={$cardSubtitle} />
-                          <Text text={item.metadata.payment} />
-                        </View>
-                        <View style={$cardRow}>
-                          <Text text="Arcade Score:" style={$cardSubtitle} />
-                          <Text text={item.metadata.score + "/5"} />
-                        </View>
-                      </View>
-                    </View>
-                  }
-                  style={$card}
-                />
-              </View>
-            </Pressable>
-          )}
-          ListEmptyComponent={
-            <View style={$emptyState}>
-              <Text text="Loading..." />
-            </View>
-          }
-          estimatedItemSize={120}
-          inverted={true}
-        />
-      </View>
-      <View style={$form}>
-        <TextField
-          placeholder="Message"
-          placeholderTextColor={colors.palette.cyan500}
-          style={$input}
-          inputWrapperStyle={$inputWrapper}
-          autoCapitalize="none"
-          RightAccessory={() => (
-            <Button
-              LeftAccessory={() => <SendIcon style={{ color: colors.text }} />}
-              style={$sendButton}
-            />
-          )}
-        />
-      </View>
-    </Screen>
-  )
-})
-
-const $container: ViewStyle = {
-  flex: 1,
-  paddingHorizontal: spacing.medium,
-}
-
-const $main: ViewStyle = {
-  flex: 1,
-}
-
-const $headerRightActions: ViewStyle = {
-  flexDirection: "row",
-  gap: spacing.medium,
-  paddingRight: spacing.medium,
-}
-
-const $form: ViewStyle = {
-  paddingTop: spacing.small,
-}
-
-const $messageItem: ViewStyle = {
-  flex: 1,
-  paddingVertical: spacing.extraSmall,
-}
-
-const $messageContentWrapper: ViewStyle = {
-  paddingLeft: 48,
-  marginTop: -24,
-}
-
-const $messageContent: TextStyle = {
-  color: "#fff",
-}
-
-const $emptyState: ViewStyle = {
-  alignSelf: "center",
-  transform: [{ scaleY: -1 }],
-  paddingVertical: spacing.medium,
-}
-
-const $inputWrapper: ViewStyle = {
-  padding: 0,
-  alignItems: "center",
-  backgroundColor: "transparent",
-  borderWidth: 0,
-  gap: spacing.extraSmall,
-}
-
-const $input: ViewStyle = {
-  width: "100%",
-  height: 45,
-  borderWidth: 1,
-  borderColor: colors.palette.cyan900,
-  borderRadius: 100,
-  backgroundColor: colors.palette.overlay20,
-  paddingHorizontal: spacing.medium,
-  paddingVertical: 0,
-  marginVertical: 0,
-  marginHorizontal: 0,
-  alignSelf: "center",
-}
-
-const $sendButton: ViewStyle = {
-  width: 45,
-  height: 45,
-  minHeight: 45,
-  backgroundColor: colors.palette.cyan500,
-  borderRadius: 100,
-  borderWidth: 0,
-  flexShrink: 0,
-}
-
-const $card: ViewStyle = {
-  flex: 1,
-  paddingVertical: 0,
-  paddingHorizontal: 0,
-  marginTop: spacing.small,
-  marginBottom: spacing.small,
-  borderWidth: 1,
-  borderColor: colors.palette.cyan800,
-  borderRadius: spacing.tiny,
-  backgroundColor: colors.palette.overlay20,
-  shadowColor: "transparent",
-  overflow: "hidden",
-}
-
-const $cardContent: ViewStyle = {
-  flexDirection: "column",
-}
-
-const $cardHeading: ViewStyle = {
-  paddingHorizontal: spacing.small,
-  paddingVertical: spacing.extraSmall,
-  borderBottomWidth: 1,
-  borderColor: colors.palette.cyan800,
-  flexDirection: "row",
-  justifyContent: "space-between",
-  alignItems: "center",
-}
-
-const $cardImage: ImageStyle = {
-  borderTopRightRadius: spacing.tiny,
-  width: "100%",
-  height: 200,
-}
-
-const $cardTitle: TextStyle = {
-  color: colors.palette.cyan500,
-}
-
-const $cardRow: ViewStyle = {
-  flexDirection: "row",
-  gap: spacing.tiny,
-}
-
-const $cardSubtitle: TextStyle = {
-  color: colors.palette.cyan600,
-}
-
-const $cardMetadata: ViewStyle = {
-  padding: spacing.small,
-}
diff --git a/app/screens/Demo/EventTicketDetailScreen.tsx b/app/screens/Demo/EventTicketDetailScreen.tsx
deleted file mode 100644
index fed7babb..00000000
--- a/app/screens/Demo/EventTicketDetailScreen.tsx
+++ /dev/null
@@ -1,43 +0,0 @@
-import { useNavigation } from "@react-navigation/native"
-import { colors, spacing } from "app/theme"
-import React, { useLayoutEffect } from "react"
-import { Screen, Header, Text } from "app/components"
-import { observer } from "mobx-react-lite"
-import { ViewStyle } from "react-native"
-
-export const EventTicketDetailScreen = observer(function EventTicketDetailScreen({
-  route,
-}: {
-  route: any
-}) {
-  // Get route params
-  const { name } = route.params
-
-  const navigation = useNavigation<any>()
-
-  useLayoutEffect(() => {
-    navigation.setOptions({
-      headerShown: true,
-      header: () => (
-        <Header
-          title={name}
-          titleStyle={{ color: colors.palette.cyan400 }}
-          leftIcon="back"
-          leftIconColor={colors.palette.cyan400}
-          onLeftPress={() => navigation.goBack()}
-        />
-      ),
-    })
-  }, [])
-
-  return (
-    <Screen preset="fixed" contentContainerStyle={$container}>
-      <Text text="Checkout" />
-    </Screen>
-  )
-})
-
-const $container: ViewStyle = {
-  flex: 1,
-  paddingHorizontal: spacing.medium,
-}
diff --git a/app/screens/Demo/EventTicketsScreen.tsx b/app/screens/Demo/EventTicketsScreen.tsx
deleted file mode 100644
index 4614bb98..00000000
--- a/app/screens/Demo/EventTicketsScreen.tsx
+++ /dev/null
@@ -1,269 +0,0 @@
-import { useNavigation } from "@react-navigation/native"
-import { colors, spacing } from "app/theme"
-import React, { useEffect, useLayoutEffect, useState } from "react"
-import { Screen, Header, Text, User, TextField, Button, Card, AutoImage } from "app/components"
-import { observer } from "mobx-react-lite"
-import { ImageStyle, Pressable, TextStyle, View, ViewStyle } from "react-native"
-import { FlashList } from "@shopify/flash-list"
-import { SendIcon } from "lucide-react-native"
-import { faker } from "@faker-js/faker"
-import dayjs from "dayjs"
-
-function createRandomMessage() {
-  return {
-    pubkey: "126103bfddc8df256b6e0abfd7f3797c80dcc4ea88f7c2f87dd4104220b4d65f",
-    content: faker.lorem.paragraph(1),
-    event: {
-      image: faker.image.fashion(500, 500, true),
-      name: faker.company.name(),
-      date: faker.date.soon(),
-      location: faker.address.streetAddress(),
-      availableTickets: faker.datatype.number(100),
-      price: faker.datatype.number({ min: 1000, max: 10000 }),
-    },
-  }
-}
-
-const createMessages = (num = 50) => {
-  return Array.from({ length: num }, createRandomMessage)
-}
-
-export const EventTicketsScreen = observer(function EventTicketsScreen() {
-  const navigation = useNavigation<any>()
-
-  const [data, setData] = useState([])
-
-  useLayoutEffect(() => {
-    navigation.setOptions({
-      headerShown: true,
-      header: () => (
-        <Header
-          title="Event Tickets"
-          titleStyle={{ color: colors.palette.cyan400 }}
-          leftIcon="back"
-          leftIconColor={colors.palette.cyan400}
-          onLeftPress={() => navigation.goBack()}
-        />
-      ),
-    })
-  }, [])
-
-  useEffect(() => {
-    const messages: any = createMessages(20)
-    setData(messages)
-  }, [])
-
-  return (
-    <Screen
-      preset="fixed"
-      contentContainerStyle={$container}
-      safeAreaEdges={["bottom"]}
-      keyboardOffset={120}
-    >
-      <View style={$main}>
-        <FlashList
-          data={data}
-          renderItem={({ item }) => (
-            <Pressable
-              onPress={() => navigation.navigate("EventTicketDetail", { name: item.event.name })}
-              style={$messageItem}
-            >
-              <User pubkey={item.pubkey} />
-              <View style={$messageContentWrapper}>
-                <Text text={item.content || "empty message"} style={$messageContent} />
-                <Card
-                  preset="reversed"
-                  ContentComponent={
-                    <View style={$cardContent}>
-                      <AutoImage source={{ uri: item.event.image }} style={$cardImage} />
-                      <View style={$cardHeading}>
-                        <Text text={item.event.name} preset="bold" style={$cardTitle} />
-                      </View>
-                      <View style={$cardMetadata}>
-                        <View style={$cardRow}>
-                          <Text text="Price:" style={$cardSubtitle} />
-                          <Text text={item.event.price + " sats"} />
-                        </View>
-                        <View style={$cardRow}>
-                          <Text text="Remaining tickets:" style={$cardSubtitle} />
-                          <Text text={item.event.availableTickets} />
-                        </View>
-                        <View>
-                          <Text text="Location:" style={$cardSubtitle} />
-                          <Text text={item.event.location} />
-                        </View>
-                      </View>
-                    </View>
-                  }
-                  LeftComponent={
-                    <View style={$cardTime}>
-                      <Text
-                        text={dayjs(item.event.date).format("d")}
-                        preset="bold"
-                        size="xl"
-                        style={$cardDay}
-                      />
-                      <Text text={dayjs(item.event.date).format("MMM")} />
-                    </View>
-                  }
-                  style={$card}
-                />
-              </View>
-            </Pressable>
-          )}
-          ListEmptyComponent={
-            <View style={$emptyState}>
-              <Text text="Loading..." />
-            </View>
-          }
-          estimatedItemSize={120}
-          inverted={true}
-        />
-      </View>
-      <View style={$form}>
-        <TextField
-          placeholder="Message"
-          placeholderTextColor={colors.palette.cyan500}
-          style={$input}
-          inputWrapperStyle={$inputWrapper}
-          autoCapitalize="none"
-          RightAccessory={() => (
-            <Button
-              LeftAccessory={() => <SendIcon style={{ color: colors.text }} />}
-              style={$sendButton}
-            />
-          )}
-        />
-      </View>
-    </Screen>
-  )
-})
-
-const $container: ViewStyle = {
-  flex: 1,
-  paddingHorizontal: spacing.medium,
-}
-
-const $main: ViewStyle = {
-  flex: 1,
-}
-
-const $form: ViewStyle = {
-  paddingTop: spacing.small,
-}
-
-const $messageItem: ViewStyle = {
-  flex: 1,
-  paddingVertical: spacing.extraSmall,
-}
-
-const $messageContentWrapper: ViewStyle = {
-  paddingLeft: 48,
-  marginTop: -24,
-}
-
-const $messageContent: TextStyle = {
-  color: "#fff",
-}
-
-const $emptyState: ViewStyle = {
-  alignSelf: "center",
-  transform: [{ scaleY: -1 }],
-  paddingVertical: spacing.medium,
-}
-
-const $inputWrapper: ViewStyle = {
-  padding: 0,
-  alignItems: "center",
-  backgroundColor: "transparent",
-  borderWidth: 0,
-  gap: spacing.extraSmall,
-}
-
-const $input: ViewStyle = {
-  width: "100%",
-  height: 45,
-  borderWidth: 1,
-  borderColor: colors.palette.cyan900,
-  borderRadius: 100,
-  backgroundColor: colors.palette.overlay20,
-  paddingHorizontal: spacing.medium,
-  paddingVertical: 0,
-  marginVertical: 0,
-  marginHorizontal: 0,
-  alignSelf: "center",
-}
-
-const $sendButton: ViewStyle = {
-  width: 45,
-  height: 45,
-  minHeight: 45,
-  backgroundColor: colors.palette.cyan500,
-  borderRadius: 100,
-  borderWidth: 0,
-  flexShrink: 0,
-}
-
-const $card: ViewStyle = {
-  flex: 1,
-  paddingVertical: 0,
-  paddingHorizontal: 0,
-  marginTop: spacing.small,
-  marginBottom: spacing.small,
-  borderWidth: 1,
-  borderColor: colors.palette.cyan800,
-  borderRadius: spacing.tiny,
-  backgroundColor: colors.palette.overlay20,
-  shadowColor: "transparent",
-  overflow: "hidden",
-}
-
-const $cardHeading: ViewStyle = {
-  paddingHorizontal: 0,
-  paddingVertical: spacing.extraSmall,
-  borderBottomWidth: 1,
-  borderColor: colors.palette.cyan800,
-  flexDirection: "row",
-  justifyContent: "space-between",
-  alignItems: "center",
-}
-
-const $cardContent: ViewStyle = {
-  flexDirection: "column",
-}
-
-const $cardImage: ImageStyle = {
-  borderTopRightRadius: spacing.tiny,
-  width: "100%",
-  height: 200,
-  resizeMode: "cover",
-}
-
-const $cardTime: ViewStyle = {
-  flexDirection: "column",
-  alignItems: "center",
-  paddingTop: spacing.small,
-  paddingLeft: spacing.small,
-}
-
-const $cardDay: TextStyle = {
-  fontWeight: "bold",
-  color: colors.palette.cyan500,
-}
-
-const $cardTitle: TextStyle = {
-  color: colors.palette.cyan500,
-}
-
-const $cardRow: ViewStyle = {
-  flexDirection: "row",
-  gap: spacing.tiny,
-}
-
-const $cardSubtitle: TextStyle = {
-  color: colors.palette.cyan600,
-}
-
-const $cardMetadata: ViewStyle = {
-  paddingVertical: spacing.small,
-}
diff --git a/app/screens/Demo/FoodDeliveryScreen.tsx b/app/screens/Demo/FoodDeliveryScreen.tsx
deleted file mode 100644
index 1a5388c3..00000000
--- a/app/screens/Demo/FoodDeliveryScreen.tsx
+++ /dev/null
@@ -1,263 +0,0 @@
-import { useNavigation } from "@react-navigation/native"
-import { colors, spacing } from "app/theme"
-import React, { useEffect, useLayoutEffect, useState } from "react"
-import { Screen, Header, Text, User, TextField, Button, Card, AutoImage } from "app/components"
-import { observer } from "mobx-react-lite"
-import { ImageStyle, Pressable, TextStyle, View, ViewStyle } from "react-native"
-import { FlashList } from "@shopify/flash-list"
-import { ArrowRightIcon, ListIcon, SendIcon } from "lucide-react-native"
-import { faker } from "@faker-js/faker"
-
-function createRandomMessage() {
-  return {
-    pubkey: "126103bfddc8df256b6e0abfd7f3797c80dcc4ea88f7c2f87dd4104220b4d65f",
-    content: "Today menu",
-    metadata: {
-      image: faker.image.food(500, 500, true),
-      name: faker.company.name(),
-      deliveryTime: faker.datatype.number({ min: 10, max: 60 }),
-      menu: ["Pizza", "Pasta", "Burger", "Salad", "Soup", "Sandwich", "Sushi", "Dessert", "Drink"],
-      rating: faker.datatype.number({ min: 1, max: 5 }),
-    },
-  }
-}
-
-const createMessages = (num = 50) => {
-  return Array.from({ length: num }, createRandomMessage)
-}
-
-export const FoodDeliveryScreen = observer(function FoodDeliveryScreen() {
-  const navigation = useNavigation<any>()
-
-  const [data, setData] = useState([])
-
-  useLayoutEffect(() => {
-    navigation.setOptions({
-      headerShown: true,
-      header: () => (
-        <Header
-          title="Food Delivery"
-          titleStyle={{ color: colors.palette.cyan400 }}
-          leftIcon="back"
-          leftIconColor={colors.palette.cyan400}
-          onLeftPress={() => navigation.goBack()}
-          RightActionComponent={
-            <Pressable
-              onPress={() => navigation.navigate("Restaurants")}
-              style={$headerRightActions}
-            >
-              <ListIcon size={20} color={colors.palette.cyan400} />
-            </Pressable>
-          }
-        />
-      ),
-    })
-  }, [])
-
-  useEffect(() => {
-    const messages: any = createMessages(20)
-    setData(messages)
-  }, [])
-
-  return (
-    <Screen
-      preset="fixed"
-      contentContainerStyle={$container}
-      safeAreaEdges={["bottom"]}
-      keyboardOffset={120}
-    >
-      <View style={$main}>
-        <FlashList
-          data={data}
-          renderItem={({ item }) => (
-            <Pressable style={$messageItem}>
-              <User pubkey={item.pubkey} />
-              <View style={$messageContentWrapper}>
-                <Text text={item.content || "empty message"} style={$messageContent} />
-                <Card
-                  preset="reversed"
-                  ContentComponent={
-                    <View style={$cardContent}>
-                      <AutoImage source={{ uri: item.metadata.image }} style={$cardImage} />
-                      <View style={$cardHeading}>
-                        <Text text={item.metadata.name} preset="bold" style={$cardTitle} />
-                        <Pressable>
-                          <ArrowRightIcon
-                            width={20}
-                            height={20}
-                            style={{ color: colors.palette.cyan500 }}
-                          />
-                        </Pressable>
-                      </View>
-                      <View style={$cardMetadata}>
-                        <View style={$cardRow}>
-                          <Text text="Delivery time:" style={$cardSubtitle} />
-                          <Text text={item.metadata.deliveryTime + " mins"} />
-                        </View>
-                        <View style={$cardRow}>
-                          <Text text="Arcade Score:" style={$cardSubtitle} />
-                          <Text text={item.metadata.rating + "/5"} />
-                        </View>
-                        <View>
-                          <Text text="Menu:" style={$cardSubtitle} />
-                          {item.metadata.menu.map((item: string, index: number) => (
-                            <Text key={index} text={"- " + item} />
-                          ))}
-                        </View>
-                      </View>
-                    </View>
-                  }
-                  style={$card}
-                />
-              </View>
-            </Pressable>
-          )}
-          ListEmptyComponent={
-            <View style={$emptyState}>
-              <Text text="Loading..." />
-            </View>
-          }
-          estimatedItemSize={120}
-          inverted={true}
-        />
-      </View>
-      <View style={$form}>
-        <TextField
-          placeholder="Message"
-          placeholderTextColor={colors.palette.cyan500}
-          style={$input}
-          inputWrapperStyle={$inputWrapper}
-          autoCapitalize="none"
-          RightAccessory={() => (
-            <Button
-              LeftAccessory={() => <SendIcon style={{ color: colors.text }} />}
-              style={$sendButton}
-            />
-          )}
-        />
-      </View>
-    </Screen>
-  )
-})
-
-const $container: ViewStyle = {
-  flex: 1,
-  paddingHorizontal: spacing.medium,
-}
-
-const $main: ViewStyle = {
-  flex: 1,
-}
-
-const $headerRightActions: ViewStyle = {
-  flexDirection: "row",
-  gap: spacing.medium,
-  paddingRight: spacing.medium,
-}
-
-const $form: ViewStyle = {
-  paddingTop: spacing.small,
-}
-
-const $messageItem: ViewStyle = {
-  flex: 1,
-  paddingVertical: spacing.extraSmall,
-}
-
-const $messageContentWrapper: ViewStyle = {
-  paddingLeft: 48,
-  marginTop: -24,
-}
-
-const $messageContent: TextStyle = {
-  color: "#fff",
-}
-
-const $emptyState: ViewStyle = {
-  alignSelf: "center",
-  transform: [{ scaleY: -1 }],
-  paddingVertical: spacing.medium,
-}
-
-const $inputWrapper: ViewStyle = {
-  padding: 0,
-  alignItems: "center",
-  backgroundColor: "transparent",
-  borderWidth: 0,
-  gap: spacing.extraSmall,
-}
-
-const $input: ViewStyle = {
-  width: "100%",
-  height: 45,
-  borderWidth: 1,
-  borderColor: colors.palette.cyan900,
-  borderRadius: 100,
-  backgroundColor: colors.palette.overlay20,
-  paddingHorizontal: spacing.medium,
-  paddingVertical: 0,
-  marginVertical: 0,
-  marginHorizontal: 0,
-  alignSelf: "center",
-}
-
-const $sendButton: ViewStyle = {
-  width: 45,
-  height: 45,
-  minHeight: 45,
-  backgroundColor: colors.palette.cyan500,
-  borderRadius: 100,
-  borderWidth: 0,
-  flexShrink: 0,
-}
-
-const $card: ViewStyle = {
-  flex: 1,
-  paddingVertical: 0,
-  paddingHorizontal: 0,
-  marginTop: spacing.small,
-  marginBottom: spacing.small,
-  borderWidth: 1,
-  borderColor: colors.palette.cyan800,
-  borderRadius: spacing.tiny,
-  backgroundColor: colors.palette.overlay20,
-  shadowColor: "transparent",
-  overflow: "hidden",
-}
-
-const $cardHeading: ViewStyle = {
-  paddingHorizontal: spacing.small,
-  paddingVertical: spacing.extraSmall,
-  borderBottomWidth: 1,
-  borderColor: colors.palette.cyan800,
-  flexDirection: "row",
-  justifyContent: "space-between",
-  alignItems: "center",
-}
-
-const $cardContent: ViewStyle = {
-  flexDirection: "column",
-}
-
-const $cardImage: ImageStyle = {
-  borderTopRightRadius: spacing.tiny,
-  width: "100%",
-  height: 200,
-}
-
-const $cardTitle: TextStyle = {
-  color: colors.palette.cyan500,
-}
-
-const $cardRow: ViewStyle = {
-  flexDirection: "row",
-  gap: spacing.tiny,
-}
-
-const $cardSubtitle: TextStyle = {
-  color: colors.palette.cyan600,
-}
-
-const $cardMetadata: ViewStyle = {
-  padding: spacing.small,
-}
diff --git a/app/screens/Demo/GoodsMarketplaceScreen.tsx b/app/screens/Demo/GoodsMarketplaceScreen.tsx
deleted file mode 100644
index 8cd502ce..00000000
--- a/app/screens/Demo/GoodsMarketplaceScreen.tsx
+++ /dev/null
@@ -1,235 +0,0 @@
-import { useNavigation } from "@react-navigation/native"
-import { colors, spacing } from "app/theme"
-import React, { useEffect, useLayoutEffect, useState } from "react"
-import { Screen, Header, Text, User, TextField, Button, Card, AutoImage } from "app/components"
-import { observer } from "mobx-react-lite"
-import { ImageStyle, Pressable, TextStyle, View, ViewStyle } from "react-native"
-import { FlashList } from "@shopify/flash-list"
-import { SendIcon } from "lucide-react-native"
-import { faker } from "@faker-js/faker"
-
-function createRandomMessage() {
-  return {
-    pubkey: "126103bfddc8df256b6e0abfd7f3797c80dcc4ea88f7c2f87dd4104220b4d65f",
-    content: "I want to sell",
-    metadata: {
-      image: faker.image.abstract(500, 500, true),
-      name: faker.commerce.productName(),
-      description: faker.commerce.productDescription(),
-      rating: faker.datatype.number({ min: 1, max: 5 }),
-    },
-  }
-}
-
-const createMessages = (num = 50) => {
-  return Array.from({ length: num }, createRandomMessage)
-}
-
-export const GoodsMarketplaceScreen = observer(function GoodsMarketplaceScreen() {
-  const navigation = useNavigation<any>()
-
-  const [data, setData] = useState([])
-
-  useLayoutEffect(() => {
-    navigation.setOptions({
-      headerShown: true,
-      header: () => (
-        <Header
-          title="Goods Marketplace"
-          titleStyle={{ color: colors.palette.cyan400 }}
-          leftIcon="back"
-          leftIconColor={colors.palette.cyan400}
-          onLeftPress={() => navigation.goBack()}
-        />
-      ),
-    })
-  }, [])
-
-  useEffect(() => {
-    const messages: any = createMessages(20)
-    setData(messages)
-  }, [])
-
-  return (
-    <Screen
-      preset="fixed"
-      contentContainerStyle={$container}
-      safeAreaEdges={["bottom"]}
-      keyboardOffset={120}
-    >
-      <View style={$main}>
-        <FlashList
-          data={data}
-          renderItem={({ item }) => (
-            <Pressable style={$messageItem}>
-              <User pubkey={item.pubkey} />
-              <View style={$messageContentWrapper}>
-                <Text text={item.content || "empty message"} style={$messageContent} />
-                <Card
-                  preset="reversed"
-                  ContentComponent={
-                    <View style={$cardContent}>
-                      <AutoImage source={{ uri: item.metadata.image }} style={$cardImage} />
-                      <View style={$cardHeading}>
-                        <Text text={item.metadata.name} preset="bold" style={$cardTitle} />
-                      </View>
-                      <View style={$cardMetadata}>
-                        <View>
-                          <Text text="Description:" style={$cardSubtitle} />
-                          <Text text={item.metadata.description} />
-                        </View>
-                        <View style={$cardRow}>
-                          <Text text="Arcade Score:" style={$cardSubtitle} />
-                          <Text text={item.metadata.rating + "/5"} />
-                        </View>
-                      </View>
-                    </View>
-                  }
-                  style={$card}
-                />
-              </View>
-            </Pressable>
-          )}
-          ListEmptyComponent={
-            <View style={$emptyState}>
-              <Text text="Loading..." />
-            </View>
-          }
-          estimatedItemSize={120}
-          inverted={true}
-        />
-      </View>
-      <View style={$form}>
-        <TextField
-          placeholder="Message"
-          placeholderTextColor={colors.palette.cyan500}
-          style={$input}
-          inputWrapperStyle={$inputWrapper}
-          autoCapitalize="none"
-          RightAccessory={() => (
-            <Button
-              LeftAccessory={() => <SendIcon style={{ color: colors.text }} />}
-              style={$sendButton}
-            />
-          )}
-        />
-      </View>
-    </Screen>
-  )
-})
-
-const $container: ViewStyle = {
-  flex: 1,
-  paddingHorizontal: spacing.medium,
-}
-
-const $main: ViewStyle = {
-  flex: 1,
-}
-
-const $form: ViewStyle = {
-  paddingTop: spacing.small,
-}
-
-const $messageItem: ViewStyle = {
-  flex: 1,
-  paddingVertical: spacing.extraSmall,
-}
-
-const $messageContentWrapper: ViewStyle = {
-  paddingLeft: 48,
-  marginTop: -24,
-}
-
-const $messageContent: TextStyle = {
-  color: "#fff",
-}
-
-const $emptyState: ViewStyle = {
-  alignSelf: "center",
-  transform: [{ scaleY: -1 }],
-  paddingVertical: spacing.medium,
-}
-
-const $inputWrapper: ViewStyle = {
-  padding: 0,
-  alignItems: "center",
-  backgroundColor: "transparent",
-  borderWidth: 0,
-  gap: spacing.extraSmall,
-}
-
-const $input: ViewStyle = {
-  width: "100%",
-  height: 45,
-  borderWidth: 1,
-  borderColor: colors.palette.cyan900,
-  borderRadius: 100,
-  backgroundColor: colors.palette.overlay20,
-  paddingHorizontal: spacing.medium,
-  paddingVertical: 0,
-  marginVertical: 0,
-  marginHorizontal: 0,
-  alignSelf: "center",
-}
-
-const $sendButton: ViewStyle = {
-  width: 45,
-  height: 45,
-  minHeight: 45,
-  backgroundColor: colors.palette.cyan500,
-  borderRadius: 100,
-  borderWidth: 0,
-  flexShrink: 0,
-}
-
-const $card: ViewStyle = {
-  flex: 1,
-  paddingVertical: 0,
-  paddingHorizontal: 0,
-  marginTop: spacing.small,
-  marginBottom: spacing.small,
-  borderWidth: 1,
-  borderColor: colors.palette.cyan800,
-  borderRadius: spacing.tiny,
-  backgroundColor: colors.palette.overlay20,
-  shadowColor: "transparent",
-  overflow: "hidden",
-}
-
-const $cardContent: ViewStyle = {
-  flexDirection: "column",
-}
-
-const $cardHeading: ViewStyle = {
-  paddingHorizontal: spacing.small,
-  paddingVertical: spacing.extraSmall,
-  borderBottomWidth: 1,
-  borderColor: colors.palette.cyan800,
-  flexDirection: "row",
-  justifyContent: "space-between",
-  alignItems: "center",
-}
-
-const $cardImage: ImageStyle = {
-  borderTopRightRadius: spacing.tiny,
-  width: "100%",
-  height: 200,
-}
-
-const $cardTitle: TextStyle = {
-  color: colors.palette.cyan500,
-}
-
-const $cardRow: ViewStyle = {
-  flexDirection: "row",
-  gap: spacing.tiny,
-}
-
-const $cardSubtitle: TextStyle = {
-  color: colors.palette.cyan600,
-}
-
-const $cardMetadata: ViewStyle = {
-  padding: spacing.small,
-}
diff --git a/app/screens/Demo/PeerLendingScreen.tsx b/app/screens/Demo/PeerLendingScreen.tsx
deleted file mode 100644
index 1bd52b75..00000000
--- a/app/screens/Demo/PeerLendingScreen.tsx
+++ /dev/null
@@ -1,246 +0,0 @@
-import { useNavigation } from "@react-navigation/native"
-import { colors, spacing } from "app/theme"
-import React, { useEffect, useLayoutEffect, useState } from "react"
-import { Screen, Header, Text, User, TextField, Button, Card } from "app/components"
-import { observer } from "mobx-react-lite"
-import { Pressable, TextStyle, View, ViewStyle } from "react-native"
-import { FlashList } from "@shopify/flash-list"
-import { ArrowRightIcon, SendIcon } from "lucide-react-native"
-import { faker } from "@faker-js/faker"
-
-function createRandomMessage() {
-  return {
-    pubkey: "126103bfddc8df256b6e0abfd7f3797c80dcc4ea88f7c2f87dd4104220b4d65f",
-    content: "I need to spend money, so this is my loan offer, contact me if you are interested",
-    metadata: {
-      loanAmount: faker.datatype.number({ min: 100000, max: 100000000 }),
-      interestRate: faker.datatype.number({ min: 0.1, max: 100 }),
-      duration: faker.datatype.number({ min: 1, max: 12 }),
-      purpose: faker.lorem.sentence(5),
-    },
-  }
-}
-
-const createMessages = (num = 50) => {
-  return Array.from({ length: num }, createRandomMessage)
-}
-
-export const PeerLendingScreen = observer(function PeerLendingScreen() {
-  const navigation = useNavigation<any>()
-
-  const [data, setData] = useState([])
-
-  useLayoutEffect(() => {
-    navigation.setOptions({
-      headerShown: true,
-      header: () => (
-        <Header
-          title="P2P Lending"
-          titleStyle={{ color: colors.palette.cyan400 }}
-          leftIcon="back"
-          leftIconColor={colors.palette.cyan400}
-          onLeftPress={() => navigation.goBack()}
-        />
-      ),
-    })
-  }, [])
-
-  useEffect(() => {
-    const messages: any = createMessages(20)
-    setData(messages)
-  }, [])
-
-  return (
-    <Screen
-      preset="fixed"
-      contentContainerStyle={$container}
-      safeAreaEdges={["bottom"]}
-      keyboardOffset={120}
-    >
-      <View style={$main}>
-        <FlashList
-          data={data}
-          renderItem={({ item }) => (
-            <Pressable
-              onPress={() => navigation.navigate("EventTicketDetail", { name: item.event.name })}
-              style={$messageItem}
-            >
-              <User pubkey={item.pubkey} />
-              <View style={$messageContentWrapper}>
-                <Text text={item.content || "empty message"} style={$messageContent} />
-                <Card
-                  preset="reversed"
-                  ContentComponent={
-                    <View style={$cardContent}>
-                      <View style={$cardHeading}>
-                        <Text text="Loan Offer" preset="bold" style={$cardTitle} />
-                        <Pressable>
-                          <ArrowRightIcon
-                            width={20}
-                            height={20}
-                            style={{ color: colors.palette.cyan500 }}
-                          />
-                        </Pressable>
-                      </View>
-                      <View style={$cardMetadata}>
-                        <View style={$cardRow}>
-                          <Text text="Loan amount:" style={$cardSubtitle} />
-                          <Text text={item.metadata.loanAmount + " sats"} />
-                        </View>
-                        <View style={$cardRow}>
-                          <Text text="Interest rate:" style={$cardSubtitle} />
-                          <Text text={item.metadata.interestRate + "%"} />
-                        </View>
-                        <View style={$cardRow}>
-                          <Text text="Duration:" style={$cardSubtitle} />
-                          <Text text={item.metadata.duration + " month"} />
-                        </View>
-                        <View>
-                          <Text text="Purpose:" style={$cardSubtitle} />
-                          <Text text={item.metadata.purpose} />
-                        </View>
-                      </View>
-                    </View>
-                  }
-                  style={$card}
-                />
-              </View>
-            </Pressable>
-          )}
-          ListEmptyComponent={
-            <View style={$emptyState}>
-              <Text text="Loading..." />
-            </View>
-          }
-          estimatedItemSize={120}
-          inverted={true}
-        />
-      </View>
-      <View style={$form}>
-        <TextField
-          placeholder="Message"
-          placeholderTextColor={colors.palette.cyan500}
-          style={$input}
-          inputWrapperStyle={$inputWrapper}
-          autoCapitalize="none"
-          RightAccessory={() => (
-            <Button
-              LeftAccessory={() => <SendIcon style={{ color: colors.text }} />}
-              style={$sendButton}
-            />
-          )}
-        />
-      </View>
-    </Screen>
-  )
-})
-
-const $container: ViewStyle = {
-  flex: 1,
-  paddingHorizontal: spacing.medium,
-}
-
-const $main: ViewStyle = {
-  flex: 1,
-}
-
-const $form: ViewStyle = {
-  paddingTop: spacing.small,
-}
-
-const $messageItem: ViewStyle = {
-  flex: 1,
-  paddingVertical: spacing.extraSmall,
-}
-
-const $messageContentWrapper: ViewStyle = {
-  paddingLeft: 48,
-  marginTop: -24,
-}
-
-const $messageContent: TextStyle = {
-  color: "#fff",
-}
-
-const $emptyState: ViewStyle = {
-  alignSelf: "center",
-  transform: [{ scaleY: -1 }],
-  paddingVertical: spacing.medium,
-}
-
-const $inputWrapper: ViewStyle = {
-  padding: 0,
-  alignItems: "center",
-  backgroundColor: "transparent",
-  borderWidth: 0,
-  gap: spacing.extraSmall,
-}
-
-const $input: ViewStyle = {
-  width: "100%",
-  height: 45,
-  borderWidth: 1,
-  borderColor: colors.palette.cyan900,
-  borderRadius: 100,
-  backgroundColor: colors.palette.overlay20,
-  paddingHorizontal: spacing.medium,
-  paddingVertical: 0,
-  marginVertical: 0,
-  marginHorizontal: 0,
-  alignSelf: "center",
-}
-
-const $sendButton: ViewStyle = {
-  width: 45,
-  height: 45,
-  minHeight: 45,
-  backgroundColor: colors.palette.cyan500,
-  borderRadius: 100,
-  borderWidth: 0,
-  flexShrink: 0,
-}
-
-const $card: ViewStyle = {
-  flex: 1,
-  paddingVertical: 0,
-  paddingHorizontal: 0,
-  marginTop: spacing.small,
-  marginBottom: spacing.small,
-  borderWidth: 1,
-  borderColor: colors.palette.cyan800,
-  borderRadius: spacing.tiny,
-  backgroundColor: colors.palette.overlay20,
-  shadowColor: "transparent",
-  overflow: "hidden",
-}
-
-const $cardContent: ViewStyle = {
-  flexDirection: "column",
-}
-
-const $cardHeading: ViewStyle = {
-  paddingHorizontal: spacing.small,
-  paddingVertical: spacing.extraSmall,
-  borderBottomWidth: 1,
-  borderColor: colors.palette.cyan800,
-  flexDirection: "row",
-  justifyContent: "space-between",
-  alignItems: "center",
-}
-
-const $cardTitle: TextStyle = {
-  color: colors.palette.cyan500,
-}
-
-const $cardRow: ViewStyle = {
-  flexDirection: "row",
-  gap: spacing.tiny,
-}
-
-const $cardSubtitle: TextStyle = {
-  color: colors.palette.cyan600,
-}
-
-const $cardMetadata: ViewStyle = {
-  padding: spacing.small,
-}
diff --git a/app/screens/Demo/RentalMapScreen.tsx b/app/screens/Demo/RentalMapScreen.tsx
deleted file mode 100644
index 65a87992..00000000
--- a/app/screens/Demo/RentalMapScreen.tsx
+++ /dev/null
@@ -1,105 +0,0 @@
-import { useNavigation } from "@react-navigation/native"
-import { colors, spacing } from "app/theme"
-import React, { useLayoutEffect } from "react"
-import { Pressable, View, ViewStyle } from "react-native"
-import { Screen, Header, TextField } from "app/components"
-import { observer } from "mobx-react-lite"
-import { ArrowLeftIcon } from "lucide-react-native"
-import MapView from "react-native-maps"
-
-export const RentalMapScreen = observer(function RentalMapScreen() {
-  const navigation = useNavigation<any>()
-
-  useLayoutEffect(() => {
-    navigation.setOptions({
-      headerShown: true,
-      header: () => (
-        <Header
-          title="Rentals"
-          titleStyle={{ color: colors.palette.cyan400 }}
-          LeftActionComponent={
-            <Pressable onPress={() => navigation.goBack()} style={$backButton}>
-              <ArrowLeftIcon size={24} color={colors.palette.cyan400} />
-            </Pressable>
-          }
-          containerStyle={$header}
-        />
-      ),
-    })
-  }, [])
-
-  return (
-    <Screen preset="fixed" style={$root}>
-      <View>
-        <MapView
-          style={$map}
-          region={{
-            latitude: 37.78825,
-            longitude: -122.4324,
-            latitudeDelta: 0.015,
-            longitudeDelta: 0.0121,
-          }}
-        />
-      </View>
-      <View style={$floating}>
-        <TextField
-          placeholder="Search for a location"
-          placeholderTextColor={colors.palette.cyan500}
-          style={$input}
-          inputWrapperStyle={$inputWrapper}
-          autoCapitalize="none"
-          autoFocus={false}
-        />
-      </View>
-    </Screen>
-  )
-})
-
-const $root: ViewStyle = {
-  flex: 1,
-}
-
-const $header: ViewStyle = {
-  position: "absolute",
-  backgroundColor: "transparent",
-}
-
-const $backButton: ViewStyle = {
-  paddingLeft: spacing.medium,
-}
-
-const $map: ViewStyle = {
-  width: "100%",
-  height: "100%",
-}
-
-const $inputWrapper: ViewStyle = {
-  padding: 0,
-  alignItems: "center",
-  backgroundColor: "transparent",
-  borderWidth: 0,
-  gap: spacing.extraSmall,
-}
-
-const $input: ViewStyle = {
-  width: "100%",
-  height: 50,
-  borderWidth: 1,
-  borderColor: colors.palette.cyan700,
-  borderRadius: spacing.extraSmall,
-  backgroundColor: colors.palette.cyan800,
-  paddingHorizontal: spacing.medium,
-  paddingVertical: 0,
-  marginVertical: 0,
-  marginHorizontal: 0,
-  alignSelf: "center",
-  marginBottom: spacing.small,
-}
-
-const $floating: ViewStyle = {
-  position: "absolute",
-  top: 120,
-  alignSelf: "center",
-  width: "100%",
-  paddingHorizontal: spacing.medium,
-}
diff --git a/app/screens/Demo/RentalsScreen.tsx b/app/screens/Demo/RentalsScreen.tsx
deleted file mode 100644
index afd8f700..00000000
--- a/app/screens/Demo/RentalsScreen.tsx
+++ /dev/null
@@ -1,267 +0,0 @@
-import { useNavigation } from "@react-navigation/native"
-import { colors, spacing } from "app/theme"
-import React, { useEffect, useLayoutEffect, useState } from "react"
-import { Screen, Header, Text, User, TextField, Button, Card } from "app/components"
-import { observer } from "mobx-react-lite"
-import { ImageStyle, Pressable, TextStyle, View, ViewStyle } from "react-native"
-import { FlashList } from "@shopify/flash-list"
-import { ArrowRightIcon, MapIcon, SendIcon } from "lucide-react-native"
-import { faker } from "@faker-js/faker"
-import MapView from "react-native-maps"
-
-function createRandomMessage() {
-  return {
-    pubkey: "126103bfddc8df256b6e0abfd7f3797c80dcc4ea88f7c2f87dd4104220b4d65f",
-    content: faker.lorem.paragraph(1),
-    metadata: {
-      image: faker.image.business(500, 500, true),
-      description: faker.lorem.sentence(5),
-      availability: faker.helpers.arrayElement(["Weekdays", "Weekends", "Anytime"]),
-      price: faker.finance.amount(1000, 100000, 2),
-      rating: faker.datatype.number({ min: 1, max: 5 }),
-    },
-  }
-}
-
-const createMessages = (num = 50) => {
-  return Array.from({ length: num }, createRandomMessage)
-}
-
-export const RentalsScreen = observer(function RentalsScreen() {
-  const navigation = useNavigation<any>()
-
-  const [data, setData] = useState([])
-
-  useLayoutEffect(() => {
-    navigation.setOptions({
-      headerShown: true,
-      header: () => (
-        <Header
-          title="Short-Term Rentals"
-          titleStyle={{ color: colors.palette.cyan400 }}
-          leftIcon="back"
-          leftIconColor={colors.palette.cyan400}
-          onLeftPress={() => navigation.goBack()}
-          RightActionComponent={
-            <Pressable onPress={() => navigation.navigate("RentalMap")} style={$headerRightActions}>
-              <MapIcon size={20} color={colors.palette.cyan400} />
-            </Pressable>
-          }
-        />
-      ),
-    })
-  }, [])
-
-  useEffect(() => {
-    const messages: any = createMessages(20)
-    setData(messages)
-  }, [])
-
-  return (
-    <Screen
-      preset="fixed"
-      contentContainerStyle={$container}
-      safeAreaEdges={["bottom"]}
-      keyboardOffset={120}
-    >
-      <View style={$main}>
-        <FlashList
-          data={data}
-          renderItem={({ item }) => (
-            <Pressable style={$messageItem}>
-              <User pubkey={item.pubkey} />
-              <View style={$messageContentWrapper}>
-                <Text text={item.content || "empty message"} style={$messageContent} />
-                <Card
-                  preset="reversed"
-                  ContentComponent={
-                    <View style={$cardContent}>
-                      <MapView
-                        style={$map}
-                        region={{
-                          latitude: 37.78825,
-                          longitude: -122.4324,
-                          latitudeDelta: 0.015,
-                          longitudeDelta: 0.0121,
-                        }}
-                      />
-                      <View style={$cardHeading}>
-                        <Text text={item.metadata.description} style={$cardTitle} />
-                        <Pressable>
-                          <ArrowRightIcon
-                            width={20}
-                            height={20}
-                            style={{ color: colors.palette.cyan500 }}
-                          />
-                        </Pressable>
-                      </View>
-                      <View style={$cardMetadata}>
-                        <View style={$cardRow}>
-                          <Text text="Availability:" />
-                          <Text text={item.metadata.availability} style={$cardSubtitle} />
-                        </View>
-                        <View style={$cardRow}>
-                          <Text text="Price:" />
-                          <Text text={item.metadata.price} style={$cardSubtitle} />
-                        </View>
-                        <View style={$cardRow}>
-                          <Text text="Arcade Score:" />
-                          <Text text={item.metadata.rating + "/5"} style={$cardSubtitle} />
-                        </View>
-                      </View>
-                    </View>
-                  }
-                  style={$card}
-                />
-              </View>
-            </Pressable>
-          )}
-          ListEmptyComponent={
-            <View style={$emptyState}>
-              <Text text="Loading..." />
-            </View>
-          }
-          estimatedItemSize={120}
-          inverted={true}
-        />
-      </View>
-      <View style={$form}>
-        <TextField
-          placeholder="Message"
-          placeholderTextColor={colors.palette.cyan500}
-          style={$input}
-          inputWrapperStyle={$inputWrapper}
-          autoCapitalize="none"
-          RightAccessory={() => (
-            <Button
-              LeftAccessory={() => <SendIcon style={{ color: colors.text }} />}
-              style={$sendButton}
-            />
-          )}
-        />
-      </View>
-    </Screen>
-  )
-})
-
-const $container: ViewStyle = {
-  flex: 1,
-  paddingHorizontal: spacing.medium,
-}
-
-const $main: ViewStyle = {
-  flex: 1,
-}
-
-const $headerRightActions: ViewStyle = {
-  flexDirection: "row",
-  gap: spacing.medium,
-  paddingRight: spacing.medium,
-}
-
-const $form: ViewStyle = {
-  paddingTop: spacing.small,
-}
-
-const $messageItem: ViewStyle = {
-  flex: 1,
-  paddingVertical: spacing.extraSmall,
-}
-
-const $messageContentWrapper: ViewStyle = {
-  paddingLeft: 48,
-  marginTop: -24,
-}
-
-const $messageContent: TextStyle = {
-  color: "#fff",
-}
-
-const $emptyState: ViewStyle = {
-  alignSelf: "center",
-  transform: [{ scaleY: -1 }],
-  paddingVertical: spacing.medium,
-}
-
-const $inputWrapper: ViewStyle = {
-  padding: 0,
-  alignItems: "center",
-  backgroundColor: "transparent",
-  borderWidth: 0,
-  gap: spacing.extraSmall,
-}
-
-const $input: ViewStyle = {
-  width: "100%",
-  height: 45,
-  borderWidth: 1,
-  borderColor: colors.palette.cyan900,
-  borderRadius: 100,
-  backgroundColor: colors.palette.overlay20,
-  paddingHorizontal: spacing.medium,
-  paddingVertical: 0,
-  marginVertical: 0,
-  marginHorizontal: 0,
-  alignSelf: "center",
-}
-
-const $sendButton: ViewStyle = {
-  width: 45,
-  height: 45,
-  minHeight: 45,
-  backgroundColor: colors.palette.cyan500,
-  borderRadius: 100,
-  borderWidth: 0,
-  flexShrink: 0,
-}
-
-const $card: ViewStyle = {
-  flex: 1,
-  paddingVertical: 0,
-  paddingHorizontal: 0,
-  marginTop: spacing.small,
-  marginBottom: spacing.small,
-  borderWidth: 1,
-  borderColor: colors.palette.cyan800,
-  borderRadius: spacing.tiny,
-  backgroundColor: colors.palette.overlay20,
-  shadowColor: "transparent",
-  overflow: "hidden",
-}
-
-const $cardContent: ViewStyle = {
-  flexDirection: "column",
-}
-
-const $cardHeading: ViewStyle = {
-  paddingHorizontal: spacing.small,
-  paddingVertical: spacing.extraSmall,
-  borderBottomWidth: 1,
-  borderColor: colors.palette.cyan800,
-  flexDirection: "row",
-  justifyContent: "space-between",
-  alignItems: "center",
-}
-
-const $map: ImageStyle = {
-  borderTopRightRadius: spacing.tiny,
-  width: "100%",
-  height: 200,
-}
-
-const $cardTitle: TextStyle = {
-  color: colors.palette.cyan500,
-}
-
-const $cardRow: ViewStyle = {
-  flexDirection: "row",
-  gap: spacing.tiny,
-}
-
-const $cardSubtitle: TextStyle = {
-  color: colors.palette.cyan600,
-}
-
-const $cardMetadata: ViewStyle = {
-  padding: spacing.small,
-}
diff --git a/app/screens/Demo/RestaurantsScreen.tsx b/app/screens/Demo/RestaurantsScreen.tsx
deleted file mode 100644
index efb37b73..00000000
--- a/app/screens/Demo/RestaurantsScreen.tsx
+++ /dev/null
@@ -1,164 +0,0 @@
-import { useNavigation } from "@react-navigation/native"
-import { colors, spacing } from "app/theme"
-import React, { useEffect, useLayoutEffect, useState } from "react"
-import { Screen, Header, TextField, Text, Card, AutoImage } from "app/components"
-import { observer } from "mobx-react-lite"
-import { ImageStyle, Pressable, View, ViewStyle } from "react-native"
-import { FilterIcon } from "lucide-react-native"
-import { faker } from "@faker-js/faker"
-import { FlashList } from "@shopify/flash-list"
-
-function createRandomRestaurant() {
-  return {
-    image: faker.image.food(100, 100, true),
-    name: faker.company.name(),
-    deliveryTime: faker.datatype.number({ min: 10, max: 60 }),
-  }
-}
-
-const createRestaurants = (num = 50) => {
-  return Array.from({ length: num }, createRandomRestaurant)
-}
-
-export const RestaurantsScreen = observer(function RestaurantsScreen() {
-  const navigation = useNavigation<any>()
-
-  const [data, setData] = useState([])
-
-  useLayoutEffect(() => {
-    navigation.setOptions({
-      headerShown: true,
-      header: () => (
-        <Header
-          title="Restaurants"
-          titleStyle={{ color: colors.palette.cyan400 }}
-          leftIcon="back"
-          leftIconColor={colors.palette.cyan400}
-          onLeftPress={() => navigation.goBack()}
-        />
-      ),
-    })
-  }, [])
-
-  useEffect(() => {
-    const restaurants: any = createRestaurants(20)
-    setData(restaurants)
-  }, [])
-
-  return (
-    <Screen preset="scroll" contentContainerStyle={$container}>
-      <View style={$filters}>
-        <TextField
-          placeholder="Search for food"
-          placeholderTextColor={colors.palette.cyan600}
-          style={$searchInput}
-          inputWrapperStyle={$searchInputWrapper}
-          autoCapitalize="none"
-          autoFocus={false}
-        />
-        <Pressable style={$filter}>
-          <FilterIcon width={20} height={20} style={{ color: colors.palette.cyan400 }} />
-        </Pressable>
-      </View>
-      <View style={$content}>
-        <FlashList
-          data={data}
-          renderItem={({ item }) => {
-            return (
-              <Card
-                preset="reversed"
-                heading={item.name}
-                headingStyle={{ marginTop: spacing.extraSmall, color: colors.palette.cyan400 }}
-                content={"Est. delivery time: " + item.deliveryTime + " min"}
-                LeftComponent={<AutoImage source={{ uri: item.image }} style={$cardImage} />}
-                style={$card}
-              />
-            )
-          }}
-          ListEmptyComponent={
-            <View style={$emptyState}>
-              <Text text="Loading..." />
-            </View>
-          }
-          estimatedItemSize={300}
-        />
-      </View>
-    </Screen>
-  )
-})
-
-const $container: ViewStyle = {
-  flex: 1,
-  paddingHorizontal: spacing.medium,
-}
-
-const $filters: ViewStyle = {
-  flexDirection: "row",
-  flexWrap: "wrap",
-  gap: spacing.small,
-}
-
-const $searchInputWrapper: ViewStyle = {
-  width: 306,
-  padding: 0,
-  alignItems: "center",
-  backgroundColor: "transparent",
-  borderWidth: 0,
-  gap: spacing.extraSmall,
-}
-
-const $searchInput: ViewStyle = {
-  width: "100%",
-  height: 40,
-  borderWidth: 1,
-  borderColor: colors.palette.cyan800,
-  borderRadius: spacing.extraSmall,
-  backgroundColor: colors.palette.overlay20,
-  paddingHorizontal: spacing.medium,
-  paddingVertical: 0,
-  marginVertical: 0,
-  marginHorizontal: 0,
-  alignSelf: "center",
-  marginBottom: spacing.small,
-}
-
-const $filter: ViewStyle = {
-  paddingHorizontal: spacing.small,
-  width: 40,
-  height: 40,
-  flexDirection: "row",
-  alignItems: "center",
-  justifyContent: "center",
-  borderWidth: 1,
-  borderColor: colors.palette.cyan900,
-  borderRadius: spacing.small / 2,
-  backgroundColor: colors.palette.overlay20,
-}
-
-const $emptyState: ViewStyle = {
-  alignSelf: "center",
-  paddingVertical: spacing.medium,
-}
-
-const $content: ViewStyle = {
-  marginTop: spacing.extraSmall,
-  flex: 1,
-}
-
-const $card: ViewStyle = {
-  flex: 1,
-  paddingVertical: 0,
-  paddingHorizontal: 0,
-  marginBottom: spacing.small,
-  borderWidth: 1,
-  borderColor: colors.palette.cyan800,
-  borderRadius: spacing.tiny,
-  backgroundColor: colors.palette.overlay20,
-  shadowColor: "transparent",
-  overflow: "hidden",
-}
-
-const $cardImage: ImageStyle = {
-  borderTopLeftRadius: spacing.tiny,
-  borderBottomLeftRadius: spacing.tiny,
-}
diff --git a/app/screens/Demo/RidesharingScreen.tsx b/app/screens/Demo/RidesharingScreen.tsx
deleted file mode 100644
index 46822c6b..00000000
--- a/app/screens/Demo/RidesharingScreen.tsx
+++ /dev/null
@@ -1,277 +0,0 @@
-import { useNavigation } from "@react-navigation/native"
-import { colors, spacing } from "app/theme"
-import React, { useEffect, useLayoutEffect, useState } from "react"
-import { Screen, Header, Text, User, TextField, Button, Card } from "app/components"
-import { observer } from "mobx-react-lite"
-import { ImageStyle, Pressable, TextStyle, View, ViewStyle } from "react-native"
-import { FlashList } from "@shopify/flash-list"
-import { ArrowRightIcon, SendIcon } from "lucide-react-native"
-import { faker } from "@faker-js/faker"
-import dayjs from "dayjs"
-import MapView, { Marker } from "react-native-maps"
-
-function createRandomMessage() {
-  return {
-    pubkey: "126103bfddc8df256b6e0abfd7f3797c80dcc4ea88f7c2f87dd4104220b4d65f",
-    content: faker.lorem.paragraph(1),
-    metadata: {
-      date: faker.date.soon(),
-      vehicle: faker.vehicle.vehicle(),
-      location: faker.address.streetAddress(),
-      miles: faker.datatype.number(100),
-      price: faker.finance.amount(100, 1000, 2),
-      rating: faker.datatype.number(5),
-    },
-  }
-}
-
-const createMessages = (num = 50) => {
-  return Array.from({ length: num }, createRandomMessage)
-}
-
-export const RidesharingScreen = observer(function RidesharingScreen() {
-  const navigation = useNavigation<any>()
-
-  const [data, setData] = useState([])
-
-  useLayoutEffect(() => {
-    navigation.setOptions({
-      headerShown: true,
-      header: () => (
-        <Header
-          title="Ridesharing"
-          titleStyle={{ color: colors.palette.cyan400 }}
-          leftIcon="back"
-          leftIconColor={colors.palette.cyan400}
-          onLeftPress={() => navigation.goBack()}
-        />
-      ),
-    })
-  }, [])
-
-  useEffect(() => {
-    const messages: any = createMessages(20)
-    setData(messages)
-  }, [])
-
-  return (
-    <Screen
-      preset="fixed"
-      contentContainerStyle={$container}
-      safeAreaEdges={["bottom"]}
-      keyboardOffset={120}
-    >
-      <View style={$main}>
-        <FlashList
-          data={data}
-          renderItem={({ item }) => (
-            <Pressable style={$messageItem}>
-              <User pubkey={item.pubkey} />
-              <View style={$messageContentWrapper}>
-                <Text text={item.content || "empty message"} style={$messageContent} />
-                <Card
-                  preset="reversed"
-                  ContentComponent={
-                    <View style={$cardContent}>
-                      <MapView
-                        style={$map}
-                        region={{
-                          latitude: 37.78825,
-                          longitude: -122.4324,
-                          latitudeDelta: 0.015,
-                          longitudeDelta: 0.0121,
-                        }}
-                      >
-                        <Marker
-                          title={item.metadata.location}
-                          key={item.pubkey}
-                          coordinate={{
-                            latitude: 37.78825,
-                            longitude: -122.4324,
-                          }}
-                        />
-                      </MapView>
-                      <View style={$cardHeading}>
-                        <Text text="Ride Request" preset="bold" style={$cardTitle} />
-                        <Pressable>
-                          <ArrowRightIcon
-                            width={20}
-                            height={20}
-                            style={{ color: colors.palette.cyan500 }}
-                          />
-                        </Pressable>
-                      </View>
-                      <View style={$cardMetadata}>
-                        <View style={$cardRow}>
-                          <Text text="Vehicle:" style={$cardSubtitle} />
-                          <Text text={item.metadata.vehicle} />
-                        </View>
-                        <View style={$cardRow}>
-                          <Text text="Time:" style={$cardSubtitle} />
-                          <Text text={dayjs(item.metadata.date).format("d M h:mm A")} />
-                        </View>
-                        <View style={$cardRow}>
-                          <Text text="Price:" style={$cardSubtitle} />
-                          <Text text={item.metadata.price} />
-                        </View>
-                        <View style={$cardRow}>
-                          <Text text="Arcade Score:" style={$cardSubtitle} />
-                          <Text text={item.metadata.rating + "/5"} />
-                        </View>
-                        <View>
-                          <Text text="Location:" style={$cardSubtitle} />
-                          <Text
-                            text={item.metadata.location + " - " + item.metadata.miles + " miles"}
-                          />
-                        </View>
-                      </View>
-                    </View>
-                  }
-                  style={$card}
-                />
-              </View>
-            </Pressable>
-          )}
-          ListEmptyComponent={
-            <View style={$emptyState}>
-              <Text text="Loading..." />
-            </View>
-          }
-          estimatedItemSize={120}
-          inverted={true}
-        />
-      </View>
-      <View style={$form}>
-        <TextField
-          placeholder="Message"
-          placeholderTextColor={colors.palette.cyan500}
-          style={$input}
-          inputWrapperStyle={$inputWrapper}
-          autoCapitalize="none"
-          RightAccessory={() => (
-            <Button
-              LeftAccessory={() => <SendIcon style={{ color: colors.text }} />}
-              style={$sendButton}
-            />
-          )}
-        />
-      </View>
-    </Screen>
-  )
-})
-
-const $container: ViewStyle = {
-  flex: 1,
-  paddingHorizontal: spacing.medium,
-}
-
-const $main: ViewStyle = {
-  flex: 1,
-}
-
-const $form: ViewStyle = {
-  paddingTop: spacing.small,
-}
-
-const $messageItem: ViewStyle = {
-  flex: 1,
-  paddingVertical: spacing.extraSmall,
-}
-
-const $messageContentWrapper: ViewStyle = {
-  paddingLeft: 48,
-  marginTop: -24,
-}
-
-const $messageContent: TextStyle = {
-  color: "#fff",
-}
-
-const $emptyState: ViewStyle = {
-  alignSelf: "center",
-  transform: [{ scaleY: -1 }],
-  paddingVertical: spacing.medium,
-}
-
-const $inputWrapper: ViewStyle = {
-  padding: 0,
-  alignItems: "center",
-  backgroundColor: "transparent",
-  borderWidth: 0,
-  gap: spacing.extraSmall,
-}
-
-const $input: ViewStyle = {
-  width: "100%",
-  height: 45,
-  borderWidth: 1,
-  borderColor: colors.palette.cyan900,
-  borderRadius: 100,
-  backgroundColor: colors.palette.overlay20,
-  paddingHorizontal: spacing.medium,
-  paddingVertical: 0,
-  marginVertical: 0,
-  marginHorizontal: 0,
-  alignSelf: "center",
-}
-
-const $sendButton: ViewStyle = {
-  width: 45,
-  height: 45,
-  minHeight: 45,
-  backgroundColor: colors.palette.cyan500,
-  borderRadius: 100,
-  borderWidth: 0,
-  flexShrink: 0,
-}
-
-const $card: ViewStyle = {
-  flex: 1,
-  paddingVertical: 0,
-  paddingHorizontal: 0,
-  marginTop: spacing.small,
-  marginBottom: spacing.small,
-  borderWidth: 1,
-  borderColor: colors.palette.cyan800,
-  borderRadius: spacing.tiny,
-  backgroundColor: colors.palette.overlay20,
-  shadowColor: "transparent",
-  overflow: "hidden",
-}
-
-const $cardHeading: ViewStyle = {
-  paddingHorizontal: spacing.small,
-  paddingVertical: spacing.extraSmall,
-  borderBottomWidth: 1,
-  borderColor: colors.palette.cyan800,
-  flexDirection: "row",
-  justifyContent: "space-between",
-  alignItems: "center",
-}
-
-const $cardContent: ViewStyle = {
-  flexDirection: "column",
-}
-
-const $map: ImageStyle = {
-  borderTopRightRadius: spacing.tiny,
-  width: "100%",
-  height: 200,
-}
-
-const $cardTitle: TextStyle = {
-  color: colors.palette.cyan500,
-}
-
-const $cardRow: ViewStyle = {
-  flexDirection: "row",
-  gap: spacing.tiny,
-}
-
-const $cardSubtitle: TextStyle = {
-  color: colors.palette.cyan600,
-}
-
-const $cardMetadata: ViewStyle = {
-  padding: spacing.small,
-}
diff --git a/app/screens/Demo/index.ts b/app/screens/Demo/index.ts
deleted file mode 100644
index 41b625f3..00000000
--- a/app/screens/Demo/index.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-export * from "./BitcoinTradingScreen"
-export * from "./RidesharingScreen"
-export * from "./CharityScreen"
-export * from "./CharityBrowseScreen"
-export * from "./RentalsScreen"
-export * from "./RentalMapScreen"
-export * from "./GoodsMarketplaceScreen"
-export * from "./FoodDeliveryScreen"
-export * from "./RestaurantsScreen"
-export * from "./EventTicketsScreen"
-export * from "./EventTicketDetailScreen"
-export * from "./PeerLendingScreen"
diff --git a/app/screens/DemoScreens.tsx b/app/screens/DemoScreens.tsx
deleted file mode 100644
index fa49d883..00000000
--- a/app/screens/DemoScreens.tsx
+++ /dev/null
@@ -1,109 +0,0 @@
-import React, { useLayoutEffect } from "react"
-import { Header, Screen, Text, Button } from "app/components"
-import { useNavigation } from "@react-navigation/native"
-import { colors, spacing } from "app/theme"
-import { View, ViewStyle, SectionList } from "react-native"
-
-export const DemoScreens = () => {
-  const navigation = useNavigation<any>()
-
-  useLayoutEffect(() => {
-    navigation.setOptions({
-      headerShown: true,
-      header: () => (
-        <Header
-          title="Demos"
-          titleStyle={{ color: colors.palette.cyan400 }}
-          leftIcon="back"
-          leftIconColor={colors.palette.cyan400}
-          onLeftPress={() => navigation.goBack()}
-        />
-      ),
-    })
-  }, [])
-
-  const screens = [
-    {
-      id: 1,
-      name: "Peer-to-peer bitcoin trading",
-      route: "BitcoinTrading",
-    },
-    {
-      id: 2,
-      name: "Ridesharing",
-      route: "Ridesharing",
-    },
-    {
-      id: 3,
-      name: "Food delivery",
-      route: "FoodDelivery",
-    },
-    {
-      id: 4,
-      name: "Event tickets",
-      route: "EventTickets",
-    },
-    {
-      id: 5,
-      name: "Homestay/short-term rental",
-      route: "Rentals",
-    },
-    {
-      id: 6,
-      name: "Handcrafted goods marketplace",
-      route: "GoodsMarketplace",
-    },
-    {
-      id: 7,
-      name: "Peer-to-peer lending",
-      route: "PeerLending",
-    },
-    {
-      id: 8,
-      name: "Charitable donations",
-      route: "Charity",
-    },
-  ]
-
-  return (
-    <Screen style={$root}>
-      <SectionList
-        sections={[{ title: "", data: screens }]}
-        keyExtractor={(item) => item.id.toString()}
-        renderSectionHeader={({ section: { title } }) => <Text text={title} preset="heading" />}
-        renderItem={({ item }) => (
-          <View>
-            <Button
-              text={item.name}
-              onPress={() => navigation.navigate(item.route)}
-              preset="reversed"
-              style={$button}
-            />
-          </View>
-        )}
-        style={$container}
-      />
-    </Screen>
-  )
-}
-
-const $root: ViewStyle = {
-  flex: 1,
-}
-
-const $container: ViewStyle = {
-  paddingHorizontal: spacing.medium - 2,
-}
-
-const $button: ViewStyle = {
-  marginBottom: spacing.small,
-  paddingHorizontal: spacing.small,
-  paddingVertical: 0,
-  gap: spacing.extraSmall,
-  borderWidth: 1,
-  borderColor: colors.palette.cyan500,
-  borderRadius: spacing.small / 2,
-  backgroundColor: colors.palette.overlay20,
-  width: "100%",
-  justifyContent: "flex-start",
-}
diff --git a/app/screens/DiscoverScreen.tsx b/app/screens/DiscoverScreen.tsx
index 03be5a9a..6fa2a511 100644
--- a/app/screens/DiscoverScreen.tsx
+++ b/app/screens/DiscoverScreen.tsx
@@ -5,17 +5,12 @@ import { NativeStackScreenProps } from "@react-navigation/native-stack"
 import { AppStackScreenProps } from "app/navigators"
 import { Button, Header, Screen } from "app/components"
 import { colors, spacing } from "app/theme"
-import { PackageSearchIcon, RadioIcon, User2Icon, Star } from "lucide-react-native"
+import { PackageSearchIcon, User2Icon } from "lucide-react-native"
 import { useNavigation } from "@react-navigation/native"
-// import { useStores } from "app/models"
 
 interface DiscoverScreenProps extends NativeStackScreenProps<AppStackScreenProps<"Discover">> {}
 
 export const DiscoverScreen: FC<DiscoverScreenProps> = observer(function DiscoverScreen() {
-  // Pull in one of our MST stores
-  // const { someStore, anotherStore } = useStores()
-
-  // Pull in navigation via hook
   const navigation = useNavigation<any>()
 
   useLayoutEffect(() => {
@@ -49,18 +44,6 @@ export const DiscoverScreen: FC<DiscoverScreenProps> = observer(function Discove
             style={$button}
             onPress={() => navigation.navigate("Listing")}
           />
-          <Button
-            text="Nearby"
-            LeftAccessory={() => <RadioIcon color={colors.palette.cyan500} />}
-            style={$button}
-            onPress={() => navigation.navigate("Nearby")}
-          />
-          <Button
-            text="Demo Screens"
-            LeftAccessory={() => <Star color={colors.palette.cyan500} />}
-            style={$button}
-            onPress={() => navigation.navigate("Demos")}
-          />
         </View>
       </View>
     </Screen>
diff --git a/app/screens/FeedScreen.tsx b/app/screens/FeedScreen.tsx
deleted file mode 100644
index b289d04e..00000000
--- a/app/screens/FeedScreen.tsx
+++ /dev/null
@@ -1,123 +0,0 @@
-import React, { FC, useContext, useEffect, useLayoutEffect, useState } from "react"
-import { observer } from "mobx-react-lite"
-import { View, ViewStyle } from "react-native"
-import { NativeStackScreenProps } from "@react-navigation/native-stack"
-import { AppStackScreenProps } from "app/navigators"
-import { Card, Header, Screen, Text } from "app/components"
-import { useNavigation } from "@react-navigation/native"
-import { colors, spacing } from "app/theme"
-import { SearchIcon, PlusCircleIcon } from "lucide-react-native"
-import { FlashList } from "@shopify/flash-list"
-import { RelayContext } from "app/components/RelayProvider"
-import { UserFeed } from "app/components/UserFeed"
-
-interface FeedScreenProps extends NativeStackScreenProps<AppStackScreenProps<"Feed">> {}
-
-const date = Math.round(new Date().getTime() / 1000) - 3 * 3600
-
-export const FeedScreen: FC<FeedScreenProps> = observer(function FeedScreen() {
-  const pool: any = useContext(RelayContext)
-  const [data, setData] = useState([])
-
-  // Pull in navigation via hook
-  const navigation = useNavigation()
-
-  useLayoutEffect(() => {
-    navigation.setOptions({
-      headerShown: true,
-      header: () => (
-        <Header
-          title="Newsfeed"
-          titleStyle={{ color: colors.palette.cyan400 }}
-          leftIcon="back"
-          leftIconColor={colors.palette.cyan400}
-          onLeftPress={() => navigation.goBack()}
-          RightActionComponent={
-            <View style={$headerRightActions}>
-              <SearchIcon size={20} color={colors.palette.cyan400} />
-              <PlusCircleIcon size={20} color={colors.palette.cyan400} />
-            </View>
-          }
-        />
-      ),
-    })
-  }, [])
-
-  useEffect(() => {
-    async function fetchFeeds() {
-      const data = await pool.list([{ kinds: [1], limit: 10, since: date }])
-      setData(data)
-    }
-
-    fetchFeeds().catch(console.error)
-  }, [])
-
-  return (
-    <Screen style={$root} preset="scroll">
-      <View style={[$root, $container]}>
-        <View style={$content}>
-          <FlashList
-            data={data}
-            extraData={data}
-            renderItem={({ item }) => (
-              <Card
-                preset="reversed"
-                ContentComponent={
-                  <View>
-                    <UserFeed pubkey={item.pubkey} />
-                    <View style={$itemContent}>
-                      <Text text={item.content} />
-                    </View>
-                  </View>
-                }
-                style={$item}
-              />
-            )}
-            ListEmptyComponent={
-              <View style={$emptyState}>
-                <Text text="Loading..." />
-              </View>
-            }
-            estimatedItemSize={300}
-          />
-        </View>
-      </View>
-    </Screen>
-  )
-})
-
-const $root: ViewStyle = {
-  flex: 1,
-}
-
-const $headerRightActions: ViewStyle = {
-  flexDirection: "row",
-  gap: spacing.medium,
-  paddingRight: spacing.medium,
-}
-
-const $container: ViewStyle = {
-  flex: 1,
-  flexDirection: "column",
-  paddingHorizontal: spacing.medium,
-}
-
-const $content: ViewStyle = {
-  paddingTop: spacing.medium,
-}
-
-const $item: ViewStyle = {
-  borderWidth: 0,
-  borderRadius: 0,
-  backgroundColor: "transparent",
-  paddingBottom: spacing.large,
-}
-
-const $itemContent: ViewStyle = {
-  paddingLeft: 48,
-}
-
-const $emptyState: ViewStyle = {
-  alignSelf: "center",
-  paddingVertical: spacing.medium,
-}
diff --git a/app/screens/HomeMessagesScreen.tsx b/app/screens/HomeMessagesScreen.tsx
index 8b0c90b6..d2ebfaa1 100644
--- a/app/screens/HomeMessagesScreen.tsx
+++ b/app/screens/HomeMessagesScreen.tsx
@@ -5,7 +5,6 @@ import { NativeStackScreenProps } from "@react-navigation/native-stack"
 import { AppStackScreenProps } from "app/navigators"
 import { AutoImage, Text } from "app/components"
 import { spacing, colors } from "app/theme"
-import { ChevronDownIcon } from "lucide-react-native"
 import { FlashList } from "@shopify/flash-list"
 import { useNavigation } from "@react-navigation/native"
 import { ScreenWithSidebar } from "app/components/ScreenWithSidebar"
@@ -31,20 +30,12 @@ const DEFAULT_CHANNELS = [
 
 export const HomeMessagesScreen: FC<HomeMessagesScreenProps> = observer(
   function HomeMessagesScreen() {
-    // Pull in one of our MST stores
-    // const { someStore, anotherStore } = useStores()
-
-    // Pull in navigation via hook
     const { navigate } = useNavigation<any>()
 
     return (
       <ScreenWithSidebar title={"Messages"}>
         <View style={[$root, $container]}>
           <View style={$main}>
-            <View style={$filter}>
-              <Text text="Channels" preset="default" />
-              <ChevronDownIcon style={{ color: colors.palette.cyan800 }} />
-            </View>
             <View style={$messsages}>
               <FlashList
                 data={DEFAULT_CHANNELS}
@@ -94,18 +85,6 @@ const $main: ViewStyle = {
   paddingHorizontal: spacing.tiny,
 }
 
-const $filter: ViewStyle = {
-  paddingHorizontal: spacing.small,
-  height: 40,
-  flexDirection: "row",
-  alignItems: "center",
-  justifyContent: "space-between",
-  borderWidth: 1,
-  borderColor: colors.palette.cyan900,
-  borderRadius: spacing.small / 2,
-  backgroundColor: colors.palette.overlay20,
-}
-
 const $messsages: ViewStyle = {
   flex: 1,
   paddingVertical: spacing.extraSmall,
diff --git a/app/screens/ListingScreen.tsx b/app/screens/ListingScreen.tsx
index 370ce03b..16507926 100644
--- a/app/screens/ListingScreen.tsx
+++ b/app/screens/ListingScreen.tsx
@@ -6,7 +6,6 @@ import { AppStackScreenProps } from "app/navigators"
 import { Card, Header, Screen, Text, RelayContext, ListingItem } from "app/components"
 import { spacing, colors } from "app/theme"
 import { useNavigation } from "@react-navigation/native"
-import { SearchIcon, PlusCircleIcon, ChevronDownIcon } from "lucide-react-native"
 import { FlashList } from "@shopify/flash-list"
 import { useStores } from "app/models"
 import { delay } from "app/utils/delay"
@@ -40,12 +39,6 @@ export const ListingScreen: FC<ListingScreenProps> = observer(function ListingSc
           leftIcon="back"
           leftIconColor={colors.palette.cyan400}
           onLeftPress={() => navigation.goBack()}
-          RightActionComponent={
-            <View style={$headerRightActions}>
-              <SearchIcon size={20} color={colors.palette.cyan400} />
-              <PlusCircleIcon size={20} color={colors.palette.cyan400} />
-            </View>
-          }
         />
       ),
     })
@@ -70,16 +63,6 @@ export const ListingScreen: FC<ListingScreenProps> = observer(function ListingSc
   return (
     <Screen style={$root} preset="scroll">
       <View style={[$root, $container]}>
-        <View style={$filters}>
-          <View style={$filter}>
-            <Text text="New York, NY" preset="default" />
-            <ChevronDownIcon style={{ color: colors.palette.cyan800 }} />
-          </View>
-          <View style={$filter}>
-            <Text text="USD/BTC" preset="default" />
-            <ChevronDownIcon style={{ color: colors.palette.cyan800 }} />
-          </View>
-        </View>
         <View style={$content}>
           <FlashList
             data={channelStore.listing}
@@ -128,38 +111,12 @@ const $root: ViewStyle = {
   flex: 1,
 }
 
-const $headerRightActions: ViewStyle = {
-  flexDirection: "row",
-  gap: spacing.medium,
-  paddingRight: spacing.medium,
-}
-
 const $container: ViewStyle = {
   flex: 1,
   flexDirection: "column",
   paddingHorizontal: spacing.medium,
 }
 
-const $filters: ViewStyle = {
-  flex: 1,
-  flexDirection: "row",
-  justifyContent: "space-between",
-  gap: spacing.small,
-}
-
-const $filter: ViewStyle = {
-  paddingHorizontal: spacing.small,
-  flex: 1,
-  height: 40,
-  flexDirection: "row",
-  alignItems: "center",
-  justifyContent: "space-between",
-  borderWidth: 1,
-  borderColor: colors.palette.cyan900,
-  borderRadius: spacing.small / 2,
-  backgroundColor: colors.palette.overlay20,
-}
-
 const $content: ViewStyle = {
   paddingTop: spacing.medium,
 }
diff --git a/app/screens/NearbyScreen.tsx b/app/screens/NearbyScreen.tsx
deleted file mode 100644
index 96979f5e..00000000
--- a/app/screens/NearbyScreen.tsx
+++ /dev/null
@@ -1,152 +0,0 @@
-import React, { FC, useContext, useEffect, useLayoutEffect, useMemo, useState } from "react"
-import { observer } from "mobx-react-lite"
-import { View, ViewStyle } from "react-native"
-import { NativeStackScreenProps } from "@react-navigation/native-stack"
-import { AppStackScreenProps } from "app/navigators"
-import { Card, Header, Screen, Text, RelayContext, ListingItem } from "app/components"
-import { spacing, colors } from "app/theme"
-import { useNavigation } from "@react-navigation/native"
-import { SearchIcon, PlusCircleIcon } from "lucide-react-native"
-import { FlashList } from "@shopify/flash-list"
-import { useStores } from "app/models"
-import { delay } from "app/utils/delay"
-import Nip28Channel from "arclib/src/channel"
-
-interface NearbyScreenProps extends NativeStackScreenProps<AppStackScreenProps<"Listing">> {}
-
-// #TODO: replace with real channel id
-const groupId = "d4de13fde818830703539f80ae31ce3419f8f18d39c3043013bee224be341c3b"
-
-export const NearbyScreen: FC<NearbyScreenProps> = observer(function NearbyScreen() {
-  const pool: any = useContext(RelayContext)
-  const channel: any = useMemo(() => new Nip28Channel(pool), [pool])
-
-  const [loading, setLoading] = useState(false)
-  const [refreshing, setRefreshing] = useState(false)
-
-  // Channel store
-  const { channelStore } = useStores()
-
-  // Pull in navigation via hook
-  const navigation = useNavigation<any>()
-
-  useLayoutEffect(() => {
-    navigation.setOptions({
-      headerShown: true,
-      header: () => (
-        <Header
-          title="Nearby"
-          titleStyle={{ color: colors.palette.cyan400 }}
-          leftIcon="back"
-          leftIconColor={colors.palette.cyan400}
-          onLeftPress={() => navigation.goBack()}
-          RightActionComponent={
-            <View style={$headerRightActions}>
-              <SearchIcon size={20} color={colors.palette.cyan400} />
-              <PlusCircleIcon size={20} color={colors.palette.cyan400} />
-            </View>
-          }
-        />
-      ),
-    })
-  }, [])
-
-  async function manualRefresh() {
-    setRefreshing(true)
-    await Promise.all([channelStore.fetchMessages(channel, groupId), delay(750)])
-    setRefreshing(false)
-  }
-
-  useEffect(() => {
-    // loading
-    setLoading(true)
-    // fetch messages
-    channelStore.reset()
-    channelStore.fetchMessages(channel, groupId)
-    // done
-    setLoading(false)
-  }, [channel, channelStore])
-
-  return (
-    <Screen style={$root} preset="scroll">
-      <View style={[$root, $container]}>
-        <View style={$content}>
-          <FlashList
-            data={channelStore.listing}
-            extraData={channelStore.listing}
-            renderItem={({ item }) => {
-              return (
-                <Card
-                  preset="reversed"
-                  ContentComponent={
-                    <View>
-                      <ListingItem tags={item.tags} />
-                    </View>
-                  }
-                  onPress={() =>
-                    navigation.navigate("ListingDetail", {
-                      channelId: channel,
-                      listingId: item.id,
-                      listingDetail: item.tags,
-                    })
-                  }
-                  style={$item}
-                />
-              )
-            }}
-            ListEmptyComponent={
-              loading ? (
-                <View style={$emptyState}>
-                  <Text text="Loading..." />
-                </View>
-              ) : (
-                <View style={$emptyState}>
-                  <Text text="No listings..." />
-                </View>
-              )
-            }
-            estimatedItemSize={300}
-            refreshing={refreshing}
-            onRefresh={manualRefresh}
-          />
-        </View>
-      </View>
-    </Screen>
-  )
-})
-
-const $root: ViewStyle = {
-  flex: 1,
-}
-
-const $headerRightActions: ViewStyle = {
-  flexDirection: "row",
-  gap: spacing.medium,
-  paddingRight: spacing.medium,
-}
-
-const $container: ViewStyle = {
-  flex: 1,
-  flexDirection: "column",
-  paddingHorizontal: spacing.medium,
-}
-
-const $content: ViewStyle = {
-  paddingTop: spacing.medium,
-}
-
-const $item: ViewStyle = {
-  flex: 1,
-  paddingVertical: 0,
-  paddingHorizontal: 0,
-  marginBottom: spacing.small,
-  borderWidth: 0,
-  borderRadius: 0,
-  backgroundColor: "transparent",
-  shadowColor: "transparent",
-}
-
-const $emptyState: ViewStyle = {
-  alignSelf: "center",
-  paddingVertical: spacing.medium,
-}
diff --git a/app/screens/index.ts b/app/screens/index.ts
index 46f8ccf0..76e3f9f0 100644
--- a/app/screens/index.ts
+++ b/app/screens/index.ts
@@ -1,17 +1,13 @@
 export * from "./ErrorScreen/ErrorBoundary"
-export * from "./BlankScreen"
 export * from "./HomeScreen"
 export * from "./HomeMessagesScreen"
 export * from "./ChatScreen"
 export * from "./DiscoverScreen"
 export * from "./ListingScreen"
-export * from "./FeedScreen"
 export * from "./ChannelsScreen"
 export * from "./UserScreen"
-export * from "./NearbyScreen"
 export * from "./LoginScreen"
 export * from "./CreateAccountScreen"
 export * from "./ProfileScreen"
 export * from "./ListingDetailScreen"
 export * from "./EditProfileScreen"
-export * from "./DemoScreens"
diff --git a/ios/Podfile.lock b/ios/Podfile.lock
index 9f36be14..15130f9d 100644
--- a/ios/Podfile.lock
+++ b/ios/Podfile.lock
@@ -356,8 +356,6 @@ PODS:
     - glog
   - react-native-get-random-values (1.9.0):
     - React-Core
-  - react-native-maps (1.7.1):
-    - React-Core
   - react-native-safe-area-context (4.5.0):
     - RCT-Folly
     - RCTRequired
@@ -452,8 +450,6 @@ PODS:
     - React-Core
   - RNCAsyncStorage (1.17.11):
     - React-Core
-  - RNCPicker (2.4.10):
-    - React-Core
   - RNFlashList (1.4.3):
     - React-Core
   - RNGestureHandler (2.9.0):
@@ -553,7 +549,6 @@ DEPENDENCIES:
   - React-jsinspector (from `../node_modules/react-native/ReactCommon/jsinspector`)
   - React-logger (from `../node_modules/react-native/ReactCommon/logger`)
   - react-native-get-random-values (from `../node_modules/react-native-get-random-values`)
-  - react-native-maps (from `../node_modules/react-native-maps`)
   - react-native-safe-area-context (from `../node_modules/react-native-safe-area-context`)
   - React-perflogger (from `../node_modules/react-native/ReactCommon/reactperflogger`)
   - React-RCTActionSheet (from `../node_modules/react-native/Libraries/ActionSheetIOS`)
@@ -570,7 +565,6 @@ DEPENDENCIES:
   - ReactCommon/turbomodule/core (from `../node_modules/react-native/ReactCommon`)
   - RNBootSplash (from `../node_modules/react-native-bootsplash`)
   - "RNCAsyncStorage (from `../node_modules/@react-native-async-storage/async-storage`)"
-  - "RNCPicker (from `../node_modules/@react-native-picker/picker`)"
   - "RNFlashList (from `../node_modules/@shopify/flash-list`)"
   - RNGestureHandler (from `../node_modules/react-native-gesture-handler`)
   - RNReanimated (from `../node_modules/react-native-reanimated`)
@@ -661,8 +655,6 @@ EXTERNAL SOURCES:
     :path: "../node_modules/react-native/ReactCommon/logger"
   react-native-get-random-values:
     :path: "../node_modules/react-native-get-random-values"
-  react-native-maps:
-    :path: "../node_modules/react-native-maps"
   react-native-safe-area-context:
     :path: "../node_modules/react-native-safe-area-context"
   React-perflogger:
@@ -695,8 +687,6 @@ EXTERNAL SOURCES:
     :path: "../node_modules/react-native-bootsplash"
   RNCAsyncStorage:
     :path: "../node_modules/@react-native-async-storage/async-storage"
-  RNCPicker:
-    :path: "../node_modules/@react-native-picker/picker"
   RNFlashList:
     :path: "../node_modules/@shopify/flash-list"
   RNGestureHandler:
@@ -756,7 +746,6 @@ SPEC CHECKSUMS:
   React-jsinspector: 9885f6f94d231b95a739ef7bb50536fb87ce7539
   React-logger: 3f8ebad1be1bf3299d1ab6d7f971802d7395c7ef
   react-native-get-random-values: dee677497c6a740b71e5612e8dbd83e7539ed5bb
-  react-native-maps: 667f9b975549c6fa9b1631bf859440f68ebd3b8f
   react-native-safe-area-context: 39c2d8be3328df5d437ac1700f4f3a4f75716acc
   React-perflogger: 2d505bbe298e3b7bacdd9e542b15535be07220f6
   React-RCTActionSheet: 0e96e4560bd733c9b37efbf68f5b1a47615892fb
@@ -773,7 +762,6 @@ SPEC CHECKSUMS:
   ReactCommon: dbfbe2f7f3c5ce4ce44f43f2fd0d5950d1eb67c5
   RNBootSplash: 364ec0f6a61d96bce40e8630d80d949c214a5749
   RNCAsyncStorage: 8616bd5a58af409453ea4e1b246521bb76578d60
-  RNCPicker: 0bc2f0a29abcca7b7ed44a2d036aac9ab6d25700
   RNFlashList: ade81b4e928ebd585dd492014d40fb8d0e848aab
   RNGestureHandler: 071d7a9ad81e8b83fe7663b303d132406a7d8f39
   RNReanimated: cc5e3aa479cb9170bcccf8204291a6950a3be128
diff --git a/package.json b/package.json
index 0a78448d..6400c0d6 100644
--- a/package.json
+++ b/package.json
@@ -38,7 +38,6 @@
     "@expo/webpack-config": "^18.0.1",
     "@gorhom/bottom-sheet": "^4",
     "@react-native-async-storage/async-storage": "1.17.11",
-    "@react-native-picker/picker": "^2.4.10",
     "@react-navigation/bottom-tabs": "^6.3.2",
     "@react-navigation/native": "^6.0.2",
     "@react-navigation/native-stack": "^6.0.2",
@@ -47,7 +46,6 @@
     "arclib": "https://github.com/ArcadeLabsInc/arclib",
     "assert": "^1.1.1",
     "date-fns": "^2.29.2",
-    "dayjs": "^1.11.7",
     "expo": "^48.0.15",
     "expo-application": "~5.1.1",
     "expo-constants": "~14.2.1",
@@ -72,9 +70,7 @@
     "react-native-bootsplash": "4.5.0",
     "react-native-gesture-handler": "~2.9.0",
     "react-native-get-random-values": "^1.9.0",
-    "react-native-maps": "^1.7.1",
     "react-native-reanimated": "~2.14.4",
-    "react-native-reanimated-carousel": "^3.3.2",
     "react-native-safe-area-context": "4.5.0",
     "react-native-screens": "~3.20.0",
     "react-native-svg": "13.4.0",
@@ -89,7 +85,6 @@
     "@babel/plugin-proposal-export-namespace-from": "^7.18.9",
     "@babel/preset-env": "^7.20.0",
     "@babel/runtime": "^7.20.0",
-    "@faker-js/faker": "^7.6.0",
     "@react-native-community/cli-platform-ios": "^8.0.2",
     "@rnx-kit/metro-config": "^1.3.5",
     "@rnx-kit/metro-resolver-symlinks": "^0.1.26",
diff --git a/yarn.lock b/yarn.lock
index 4cd15371..074f7c95 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1564,11 +1564,6 @@
     find-up "^5.0.0"
     js-yaml "^4.1.0"
 
-"@faker-js/faker@^7.6.0":
-  version "7.6.0"
-  resolved "https://registry.yarnpkg.com/@faker-js/faker/-/faker-7.6.0.tgz#9ea331766084288634a9247fcd8b84f16ff4ba07"
-  integrity sha512-XK6BTq1NDMo9Xqw/YkYyGjSsg44fbNwYRx7QK2CuoQgyy+f1rrTDHoExVM5PsyXCtfl2vs2vVJ0MN0yN6LppRw==
-
 "@gar/promisify@^1.0.1":
   version "1.1.3"
   resolved "https://registry.yarnpkg.com/@gar/promisify/-/promisify-1.1.3.tgz#555193ab2e3bb3b6adc3d551c9c030d9e860daf6"
@@ -2186,11 +2181,6 @@
     prompts "^2.4.0"
     semver "^6.3.0"
 
-"@react-native-picker/picker@^2.4.10":
-  version "2.4.10"
-  resolved "https://registry.yarnpkg.com/@react-native-picker/picker/-/picker-2.4.10.tgz#339c7bfc6e1d9a5e934122eaaa7767dc1c5fb725"
-  integrity sha512-EvAlHmPEPOwvbP6Pjg/gtDV3XJzIjIxr10fXFNlX5r9HeHw582G1Zt2o8FLyB718nOttgj8HYUTGxvhu4N65sQ==
-
 "@react-native/assets@1.0.0":
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/@react-native/assets/-/assets-1.0.0.tgz#c6f9bf63d274bafc8e970628de24986b30a55c8e"
@@ -2510,11 +2500,6 @@
     "@types/qs" "*"
     "@types/serve-static" "*"
 
-"@types/geojson@^7946.0.10":
-  version "7946.0.10"
-  resolved "https://registry.yarnpkg.com/@types/geojson/-/geojson-7946.0.10.tgz#6dfbf5ea17142f7f9a043809f1cd4c448cb68249"
-  integrity sha512-Nmh0K3iWQJzniTuPRcJn5hxXkfB1T1pgB89SBig5PlJQU5yocazeu4jATJlaA0GYFKWMqDdvYemoSnF2pXgLVA==
-
 "@types/glob@^7.1.1":
   version "7.2.0"
   resolved "https://registry.yarnpkg.com/@types/glob/-/glob-7.2.0.tgz#bc1b5bf3aa92f25bd5dd39f35c57361bdce5b2eb"
@@ -4712,7 +4697,7 @@ date-fns@^2.29.2:
   dependencies:
     "@babel/runtime" "^7.21.0"
 
-dayjs@^1.11.7, dayjs@^1.8.15:
+dayjs@^1.8.15:
   version "1.11.7"
   resolved "https://registry.yarnpkg.com/dayjs/-/dayjs-1.11.7.tgz#4b296922642f70999544d1144a2c25730fce63e2"
   integrity sha512-+Yw9U6YO5TQohxLcIkrXBeY73WP3ejHWVvx8XCk3gxvQDCTEmS48ZrSZCKciI7Bhl/uCMyxYtE9UqRILmFphkQ==
@@ -10576,18 +10561,6 @@ react-native-gradle-plugin@^0.71.17:
   resolved "https://registry.yarnpkg.com/react-native-gradle-plugin/-/react-native-gradle-plugin-0.71.18.tgz#20ef199bc85be32e45bb6cc069ec2e7dcb1a74a6"
   integrity sha512-7F6bD7B8Xsn3JllxcwHhFcsl9aHIig47+3eN4IHFNqfLhZr++3ElDrcqfMzugM+niWbaMi7bJ0kAkAL8eCpdWg==
 
-react-native-maps@^1.7.1:
-  version "1.7.1"
-  resolved "https://registry.yarnpkg.com/react-native-maps/-/react-native-maps-1.7.1.tgz#e0b9d68542b4b59b5ca3df375ada7c860fb41f2e"
-  integrity sha512-CHVLzL+Q2jiUGgbt4/vosxVI1SukWyaLGjD62VLgR/wZpnH4Umi9ql1bmKDPWcfj2C1QZwMU0Yc7rXTbvZUIiw==
-  dependencies:
-    "@types/geojson" "^7946.0.10"
-
-react-native-reanimated-carousel@^3.3.2:
-  version "3.3.2"
-  resolved "https://registry.yarnpkg.com/react-native-reanimated-carousel/-/react-native-reanimated-carousel-3.3.2.tgz#386583d680d16db78d0d518f52d21084e0c2f37a"
-  integrity sha512-mlYLt43dEQzYhfioBr59/iDk25UzU3Rb48HYcI+nnDLu7bWO7y6pC22ugL0RV/XehmMxo5oK6QlaoEPgcdRxLg==
-
 react-native-reanimated@~2.14.4:
   version "2.14.4"
   resolved "https://registry.yarnpkg.com/react-native-reanimated/-/react-native-reanimated-2.14.4.tgz#3fa3da4e7b99f5dfb28f86bcf24d9d1024d38836"