first commit

mobile/src/pages/NotFound.tsx

@@ -0,0 +1,36 @@
+import { StyleSheet, Text, View } from "react-native";
+
+export function NotFoundPage() {
+  return (
+    <View style={styles.container}>
+      <Text style={styles.code}>404</Text>
+      <Text style={styles.title}>Page Not Found</Text>
+      <Text style={styles.subtitle}>This route doesn't exist yet.</Text>
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    alignItems: "center",
+    justifyContent: "center",
+    backgroundColor: "#f9f9f9",
+  },
+  code: {
+    fontSize: 72,
+    fontWeight: "800",
+    color: "#ccc",
+    lineHeight: 80,
+  },
+  title: {
+    fontSize: 22,
+    fontWeight: "600",
+    marginTop: 8,
+    marginBottom: 6,
+  },
+  subtitle: {
+    fontSize: 14,
+    color: "#999",
+  },
+});

mobile/src/pages/index.tsx

@@ -0,0 +1,45 @@
+import { useState } from "react";
+import { Button, StyleSheet, Text, View } from "react-native";
+import { TextInput } from "react-native";
+
+export function IndexPage() {
+  const [text, setText] = useState("");
+
+  const handleSend = () => {
+    alert(`You typed: ${text}`);
+  };
+
+  return (
+    <View style={styles.container}>
+      <Text style={styles.title}>Update Title</Text>
+      <Text style={styles.subtitle}>You typed "{text}"</Text>
+
+      <View>
+        <TextInput
+          placeholder="Type something..."
+          value={text}
+          onChangeText={setText}
+        />
+        <Button title="Send" onPress={handleSend} />
+      </View>
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    alignItems: "center",
+    justifyContent: "center",
+    backgroundColor: "#f9f9f9",
+  },
+  title: {
+    fontSize: 28,
+    fontWeight: "700",
+    marginBottom: 8,
+  },
+  subtitle: {
+    fontSize: 16,
+    color: "#666",
+  },
+});