33 lines
1.5 KiB
TypeScript
33 lines
1.5 KiB
TypeScript
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 = () => {
|
||
const handleLogin = () => {}
|
||
return (
|
||
<SafeAreaView className="bg-white h-full">
|
||
<ScrollView contentContainerClassName="h-full">
|
||
<Image source={images.collage} className="w-full h-1/2" resizeMode="contain"/>
|
||
<View className={"px-10"}>
|
||
<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 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>
|
||
);
|
||
};
|
||
|
||
export default SignIn;
|