diff --git a/.expo/README.md b/.expo/README.md
new file mode 100644
index 00000000..fd146b4d
--- /dev/null
+++ b/.expo/README.md
@@ -0,0 +1,15 @@
+> Why do I have a folder named ".expo" in my project?
+
+The ".expo" folder is created when an Expo project is started using "expo start" command.
+
+> What do the files contain?
+
+- "devices.json": contains information about devices that have recently opened this project. This is used to populate the "Development sessions" list in your development builds.
+- "packager-info.json": contains port numbers and process PIDs that are used to serve the application to the mobile device/simulator.
+- "settings.json": contains the server configuration that is used to serve the application manifest.
+
+> Should I commit the ".expo" folder?
+
+No, you should not share the ".expo" folder. It does not contain any information that is relevant for other developers working on the project, it is specific to your machine.
+
+Upon project creation, the ".expo" folder is already added to your ".gitignore" file.
diff --git a/.expo/settings.json b/.expo/settings.json
new file mode 100644
index 00000000..92bc513b
--- /dev/null
+++ b/.expo/settings.json
@@ -0,0 +1,8 @@
+{
+  "hostType": "lan",
+  "lanType": "ip",
+  "dev": true,
+  "minify": false,
+  "urlRandomness": null,
+  "https": false
+}
diff --git a/mobile-ui/App.js b/mobile-ui/App.js
index 0b181475..169933a1 100644
--- a/mobile-ui/App.js
+++ b/mobile-ui/App.js
@@ -18,6 +18,7 @@ import {
 } from "native-base";
 import NativeBaseIcon from "./components/NativeBaseIcon";
 import { Platform } from "react-native";
+import logo from "./assets/logo-katoikia.png"
 
 // Define the config
 const config = {
@@ -31,17 +32,18 @@ colors: {
   brown: "#D7A86E"
 } });
 
-//const logo = require('./assets/')
+// const logo = require('./assets/logo-katoikia.png')
+
 
 export default function App() {
   return (
     <NativeBaseProvider>
       <Center w="100%">
         <Box safeArea p="2" py="8" w="90%" maxW="290">
-        {/* <Image source={{
-      uri: logo.default.src
-    }} width={500} height={500}
-    alt="Katoikia logo" size="xl" /> */}
+        <Image source={
+          logo
+        } width={500} height={550}
+    alt="Katoikia logo" size="xl" justifyContent="center" />
 
           <Heading
             size="lg"
@@ -90,27 +92,7 @@ export default function App() {
             >
               <Text>Continuar</Text>
             </Button>
-            <HStack mt="6" justifyContent="center">
-              {/* <Text
-                fontSize="sm"
-                color="coolGray.600"
-                _dark={{
-                  color: "warmGray.200",
-                }}
-              >
-                I'm a new user.
-              </Text> */}
-              <Link
-                _text={{
-                  color: "warning.300",
-                  fontWeight: "medium",
-                  fontSize: "sm",
-                }}
-                href="#"
-              >
-                 Regístrese aquí
-              </Link>
-            </HStack>
+           
           </VStack>
         </Box>
       </Center>
diff --git a/mobile-ui/assets/Logo_Katoikia.png b/mobile-ui/assets/logo-katoikia.png
similarity index 100%
rename from mobile-ui/assets/Logo_Katoikia.png
rename to mobile-ui/assets/logo-katoikia.png
diff --git a/mobile-ui/components/Home.js b/mobile-ui/components/Home.js
new file mode 100644
index 00000000..cce81831
--- /dev/null
+++ b/mobile-ui/components/Home.js
@@ -0,0 +1,28 @@
+import React from "react";
+import {
+    Text,
+    Link,
+    HStack,
+    Center,
+    Heading,
+    Switch,
+    useColorMode,
+    NativeBaseProvider,
+    extendTheme,
+    VStack,
+    Box,
+    FormControl,
+    Input,
+    Button,
+    Image
+  } from "native-base";
+
+export default function Home(){
+
+    return (
+
+        <NativeBaseProvider> 
+            
+        </NativeBaseProvider>
+    )
+}
\ No newline at end of file