appwrite added

app/signin.tsx

@@ -1,19 +1,29 @@
-import {View, Text, SafeAreaView, ScrollView, Image} from "react-native";
+import {View, Text, SafeAreaView, ScrollView, Image, TouchableOpacity} from "react-native";
 import React from "react";
 import images from "@/constants/images";
+import icons from "@/constants/icons";
 
 const SignIn = () => {
-  return (
+    const handleLogin = () => {}
+    return (
     <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"/>
+          <Image source={images.collage} className="w-full h-1/2" resizeMode="contain"/>
           <View className={"px-10"}>
-                <Text className={"text-3xl text-center text-gray-400"}>
+              <Text className={"text-center text-gray-400 font-bold mb-32"}>Добредојдобте во Mobile.mk</Text>
+              <Text className={"text-2xl text-center text-gray-500"}>
                     Поблиску до вашиот {"\n"}
-                    <Text>идеален автомобил</Text>
                 </Text>
-            </View>
+              <Text className={"text-xl text-blue-400 text-center mt-3 mb-10 capitalize"}>идеален автомобил</Text>
+              <TouchableOpacity onPress={handleLogin} className={"bg-white shadow-md shadow-zinc-400 rounded-full py-4 items-center"}>
+                  <View className={"flex flex-row items-center"}>
+                  <Image source={icons.google} className={"w-5 h-5"}
+                  resizeMode="contain"
+                  />
+                      <Text className={"text-gray-800 ml-4"}>Продолжи со Google</Text>
+                  </View>
+              </TouchableOpacity>
+          </View>
       </ScrollView>
     </SafeAreaView>
   );