3 files changed, 50 insertions, 0 deletions
diff --git a/packages/mobile/app/_layout.tsx b/packages/mobile/app/_layout.tsx
new file mode 100644
index 00000000..7403c6ff
--- /dev/null
+++ b/packages/mobile/app/_layout.tsx
@@ -0,0 +1,14 @@
+import "@/globals.css";
+
+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/packages/mobile/app/index.tsx b/packages/mobile/app/index.tsx
new file mode 100644
index 00000000..e352ba54
--- /dev/null
+++ b/packages/mobile/app/index.tsx
@@ -0,0 +1,12 @@
+import { Link } from "expo-router";
+import { View } from "react-native";
+
+export default function App() {
+  return (
+    <View className="flex-1 items-center justify-center bg-white">
+      <Link href="/signin" className="">
+        Signin
+      </Link>
+    </View>
+  );
+}
diff --git a/packages/mobile/app/signin.tsx b/packages/mobile/app/signin.tsx
new file mode 100644
index 00000000..f500e36e
--- /dev/null
+++ b/packages/mobile/app/signin.tsx
@@ -0,0 +1,24 @@
+import { View, Text } from "react-native";
+
+import Logo from "@/components/Logo";
+import { Button } from "@/components/ui/Button";
+import { Input } from "@/components/ui/Input";
+
+export default function Signin() {
+  return (
+    <View className="container justify-center h-full flex flex-col gap-2">
+      <View className="items-center">
+        <Logo />
+      </View>
+      <View className="gap-2">
+        <Text className="font-bold">Email</Text>
+        <Input className="w-full" placeholder="Email" />
+      </View>
+      <View className="gap-2">
+        <Text className="font-bold">Password</Text>
+        <Input className="w-full" placeholder="Password" secureTextEntry />
+      </View>
+      <Button className="w-full" label="Sign In" />
+    </View>
+  );
+}