3 files changed, 31 insertions, 14 deletions
diff --git a/app/_layout.tsx b/app/_layout.tsx
new file mode 100644
index 00000000..38ccb408
--- /dev/null
+++ b/app/_layout.tsx
@@ -0,0 +1,12 @@
+import { Slot } from "expo-router";
+import { StatusBar } from "expo-status-bar";
+import { View } from "react-native";
+
+export default function RootLayout() {
+  return (
+    <View className="w-full h-full bg-white">
+      <Slot />
+      <StatusBar style="auto" />
+    </View>
+  );
+}
diff --git a/app/index.tsx b/app/index.tsx
index c6131fa0..e352ba54 100644
--- a/app/index.tsx
+++ b/app/index.tsx
@@ -1,20 +1,12 @@
-import { StatusBar } from "expo-status-bar";
-import { StyleSheet, Text, View } from "react-native";
+import { Link } from "expo-router";
+import { View } from "react-native";
 
 export default function App() {
   return (
-    <View style={styles.container}>
-      <Text>Open up App.tsx to start working on your app!</Text>
-      <StatusBar style="auto" />
+    <View className="flex-1 items-center justify-center bg-white">
+      <Link href="/signin" className="">
+        Signin
+      </Link>
     </View>
   );
 }
-
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    backgroundColor: "#fff",
-    alignItems: "center",
-    justifyContent: "center",
-  },
-});
diff --git a/app/signin.tsx b/app/signin.tsx
new file mode 100644
index 00000000..fbb59698
--- /dev/null
+++ b/app/signin.tsx
@@ -0,0 +1,13 @@
+import Logo from "@/components/Logo";
+import { TextInput, View } from "react-native";
+
+export default function Signin() {
+  return (
+    <View className="items-center justify-center h-full">
+      <Logo />
+
+      <TextInput  />
+
+    </View>
+  );
+}