fix: update splash screen logo

Author: Mishra-coder

mobile/App.js

@@ -48,12 +48,11 @@ export default function App() {
 
   if (showSplash) {
     return (
-      <View style={{ flex: 1, backgroundColor: '#FF3D00' }}>
-        <StatusBar backgroundColor="#FF3D00" barStyle="light-content" />
+      <View style={{ flex: 1, backgroundColor: '#000000' }}>
+        <StatusBar backgroundColor="#000000" barStyle="light-content" />
         <Animated.View style={[styles.splashContainer, { opacity: fadeAnim }]}>
           <Animated.View style={{ transform: [{ scale: scaleAnim }], alignItems: 'center' }}>
-            <Image source={require('./assets/logo.png')} style={styles.splashLogoImg} />
-            <Text style={styles.splashSubtitle}>Premium Shoe Store</Text>
+            <Image source={require('./assets/logo1.png')} style={styles.splashLogoImg} />
           </Animated.View>
         </Animated.View>
       </View>
@@ -82,13 +81,13 @@ export default function App() {
 const styles = StyleSheet.create({
   splashContainer: {
     flex: 1,
-    backgroundColor: '#FF3D00',
+    backgroundColor: '#000000',
     justifyContent: 'center',
     alignItems: 'center',
   },
   splashLogoImg: {
-    width: 280,
-    height: 280,
+    width: 380,
+    height: 220,
     resizeMode: 'contain',
   },
   splashSubtitle: {
@@ -98,7 +97,7 @@ const styles = StyleSheet.create({
     textTransform: 'uppercase',
     letterSpacing: 6,
     textAlign: 'center',
-    marginTop: 8,
+    marginTop: 16,
     fontWeight: '700',
   },
 });

mobile/app.json

@@ -4,7 +4,7 @@
     "slug": "zappify",
     "version": "1.0.0",
     "orientation": "portrait",
-    "icon": "./assets/logo.png",
+    "icon": "./assets/logo1.png",
     "userInterfaceStyle": "light",
     "newArchEnabled": true,
     "updates": {
@@ -16,9 +16,9 @@
       "policy": "appVersion"
     },
     "splash": {
-      "image": "./assets/logo.png",
+      "image": "./assets/logo1.png",
       "resizeMode": "contain",
-      "backgroundColor": "#FF3D00"
+      "backgroundColor": "#000000"
     },
     "ios": {
       "supportsTablet": true,
@@ -29,8 +29,8 @@
     },
     "android": {
       "adaptiveIcon": {
-        "foregroundImage": "./assets/logo.png",
-        "backgroundColor": "#FF3D00"
+        "foregroundImage": "./assets/logo1.png",
+        "backgroundColor": "#000000"
       },
       "package": "com.zappify.app",
       "edgeToEdgeEnabled": true

mobile/assets/logo1.png

@@ -4,7 +4,13 @@ import { SafeAreaView } from 'react-native-safe-area-context';
 import { Ionicons } from '@expo/vector-icons';
 import { colors } from '../theme/colors';
 import { useApp } from '../context/AppContext';
-import RazorpayCheckout from 'react-native-razorpay';
+
+let RazorpayCheckout = null;
+try {
+  RazorpayCheckout = require('react-native-razorpay').default;
+} catch (e) {
+  RazorpayCheckout = null;
+}
 
 const API_URL = 'https://zappify-dz5a.vercel.app';
 const RAZORPAY_KEY_ID = 'rzp_test_SZtLthHdKYuLeQ';
@@ -30,6 +36,11 @@ export default function CheckoutScreen({ navigation }) {
       setDone(true);
       return;
     }
+    if (!RazorpayCheckout) {
+      Alert.alert('Not Available', 'Payment via card/UPI requires the full app build. Please use Cash on Delivery.');
+      return;
+    }
+
     try {
       const res = await fetch(`${API_URL}/api/payment/create-order`, {
         method: 'POST',