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>
+    <SafeAreaView className="bg-white h-full">
-      <Text>SignIn</Text>
+      <ScrollView contentContainerClassName="h-full">
-    </View>
+          <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>
   );
 };
 

constants/images.ts

@@ -1,5 +1,5 @@
 // @ts-ignore
-// import onboarding from "@/assets/images/onboarding.png";
+import onboarding from "@/assets/images/onboarding.png";
 // import avatar from "@/assets/images/avatar.png";
 // import newYork from "@/assets/images/new-york.png";
 // import japan from "@/assets/images/japan.png";
@@ -11,8 +11,11 @@
 import car1 from "../assets/images/car1.jpg";
 // @ts-ignore
 import car2 from '../assets/images/car2.jpg';
+import collage from '../assets/images/carscolage.jpg'
 
 export default {
   car1,
   car2,
+  onboarding,
+  collage
 };