screen making, the page you see when you're not logged in

App.tsx

 import theme from "@/themes/Theme";
 import Card from "@components/Card";
 import Text from "@components/bases/Text";
+import HomeUserNotLoggedIn from "@screens/HomeUserNotLoggedIn";
 import { ThemeProvider } from "@shopify/restyle";
 import { StatusBar } from "expo-status-bar";
 import { StyleSheet, View } from "react-native";
@@ -8,11 +9,10 @@ import { StyleSheet, View } from "react-native";
 export default function App() {
 	return (
 		<ThemeProvider theme={theme}>
-			<View style={styles.container}>
+			{/* <View style={styles.container}> */}
 			<StatusBar style="auto" />
-				<Text color="tertiary">Restyle Text</Text>
-				<Card variant={"elevated"} width={200} height={200} />
-			</View>
+			<HomeUserNotLoggedIn />
+			{/* </View> */}
 		</ThemeProvider>
 	);
 }

src/screens/HomeUserNotLoggedIn.tsx

+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";
+const HomeUserNotLoggedIn = () => {
+	return (
+		<Box style={style.container} p={"xl"}>
+			<Box mt={"xl"}>
+				<Text color={"gray"} fontSize={16} textAlign={"center"}>
+					Acceptez des paiements en magasin et en ligne et recevez votre argent en
+					quelques secondes
+				</Text>
+				<Box mt={"xl"}>
+					<Button
+						variant={"full"}
+						textVariants={"primary"}
+						label="Se connecter"
+						onPress={() => {}}
+					/>
+					<Button
+						variant={"clean"}
+						textVariants={"secondary"}
+						label="Creer un compte"
+						onPress={() => {}}
+					/>
+				</Box>
+			</Box>
+		</Box>
+	);
+};
+
+const style = StyleSheet.create({
+	container: {
+		width: "100%",
+		height: "100%",
+		flex: 1,
+		alignItems: "center",
+		justifyContent: "center",
+	},
+});
+
+export default HomeUserNotLoggedIn;