basic page for when user are not logged into the app

src/screens/HomeUserNotLoggedIn.tsx

@@ -2,11 +2,23 @@ import Button from "@components/Button";
 import Card from "@components/Card";
 import Box from "@components/bases/Box";
 import Text from "@components/bases/Text";
-import { Dimensions, StyleSheet, View } from "react-native";
+import { Dimensions, Image, StyleSheet, View } from "react-native";
 const HomeUserNotLoggedIn = () => {
 	return (
 		<Box style={style.container} p={"xl"}>
-			<Box mt={"xl"}>
+			<Box mt={"s"}>
+				<Box
+					height={300}
+					backgroundColor={"primary"}
+					mb={"l"}
+					alignItems={"center"}
+					justifyContent={"center"}
+				>
+					<Image
+						source={require("../../assets/payment_processing.png")}
+						style={style.image}
+					/>
+				</Box>
 				<Text color={"gray"} fontSize={16} textAlign={"center"}>
 					Acceptez des paiements en magasin et en ligne et recevez votre argent en
 					quelques secondes
@@ -38,6 +50,10 @@ const style = StyleSheet.create({
 		alignItems: "center",
 		justifyContent: "center",
 	},
+	image: {
+		width: "100%",
+		height: "100%",
+	},
 });
 
 export default HomeUserNotLoggedIn;