signin welcome page first try

app/_layout.tsx

@@ -6,7 +6,7 @@ import "./global.css";
 
 export default function RootLayout() {
   const [fontLoaded] = useFonts({
-    spaceMono: require("../assets/fonts/SpaceMono-Regular.ttf"),
+    spaceMono: require("../assets/fonts/Rubik-Bold.ttf"),
   });
 
   useEffect(() => {
@@ -19,5 +19,5 @@ export default function RootLayout() {
     return null;
   }
 
-  return <Stack />;
+  return <Stack screenOptions={{headerShown: false}}/>;
 }

app/signin.tsx

@@ -1,11 +1,21 @@
-import { View, Text } from "react-native";
+import {View, Text, SafeAreaView, ScrollView, Image} from "react-native";
 import React from "react";
+import images from "@/constants/images";
 
 const SignIn = () => {
   return (
-    <View>
-      <Text>SignIn</Text>
-    </View>
+    <SafeAreaView className="bg-white h-full">
+      <ScrollView contentContainerClassName="h-full">
+          <Text className={"text-center text-gray-600 font-bold mt-10"}>Welcome to Mobile.mk</Text>
+          <Image source={images.collage} className="w-full h-4/6" resizeMode="contain"/>
+          <View className={"px-10"}>
+                <Text className={"text-3xl text-center text-gray-400"}>
+                    Поблиску до вашиот {"\n"}
+                    <Text>идеален автомобил</Text>
+                </Text>
+            </View>
+      </ScrollView>
+    </SafeAreaView>
   );
 };