user's screen ui v1

app/screens/auth/SignIn-Screen.tsx

@@ -10,7 +10,6 @@ import COLORS from "@/app/constants/colors";
 
 
 const SignInScreen = () => {
-  const [step, setStep] = useState(1);
   const [form, setForm] = useState({
     email: "",
     password: "",

app/screens/user/UserHomeScreen.tsx

@@ -2,6 +2,8 @@ import { View, Text, StyleSheet, ScrollView, Image,Button } from 'react-native';
 import { SafeAreaView } from 'react-native-safe-area-context';
 import { TouchableOpacity } from 'react-native-gesture-handler';
 import { useRouter } from 'expo-router';
+import COLORS from '@/app/constants/colors';
+
 
 const UserHomeScreen = () => {
   const router = useRouter();
@@ -49,6 +51,7 @@ const styles = StyleSheet.create({
     justifyContent: 'space-between',
     alignItems: 'center',
     padding: 20,
+    marginTop:21,
   },
   welcome: {
     fontSize: 16,
@@ -59,23 +62,20 @@ const styles = StyleSheet.create({
     fontWeight: '600',
     color: '#333',
   },
-  avatar: {
-    width: 40,
-    height: 40,
-    borderRadius: 20,
-  },
+  
   sectionTitle: {
-    fontSize: 20,
+    fontSize: 24,
     fontWeight: '600',
     color: '#333',
-    marginHorizontal: 20,
-    marginBottom: 16,
+   alignSelf:'center',
   },
   categories: {
-    padding: 20,
+    flex: 1,
+    padding: 15,
+    justifyContent: 'space-evenly',
   },
   categoryCard: {
-    backgroundColor: '#fff',
+    backgroundColor: COLORS.secondary,
     borderRadius: 16,
     marginBottom: 16,
     overflow: 'hidden',
@@ -89,13 +89,17 @@ const styles = StyleSheet.create({
     elevation: 3,
   },
   categoryImage: {
-    width: '100%',
+    width: '80%',
+    alignSelf: 'center',
     height: 160,
+    marginTop: 15,
+    borderRadius:16,
   },
   categoryTitle: {
-    fontSize: 16,
-    fontWeight: '600',
-    color: '#333',
+    fontSize: 20,
+    alignSelf:'center',
+    fontWeight: '800',
+    color: '#000',
     padding: 16,
   },
 });