home page added

Weather Analyzer and Crop Reccomender-IT20151874/RP-MobileAPP-FE/components/HomePage.js

@@ -36,7 +36,40 @@ const HomePage = ({ navigation }) => {
 
   return (
 
-   
+    <ImageBackground source={require('../assets/homepage.jpg')} style={styles.backgroundImage}>
+
+      <View style={styles.container}>
+
+        <TouchableOpacity style={styles.optionButton} onPress={() => handleOptionSelect('pestDisease')}>
+
+          <Text style={styles.optionText}>Pest and Disease</Text>
+
+        </TouchableOpacity>
+
+        <TouchableOpacity style={styles.optionButton} onPress={() => handleOptionSelect('soilData')}>
+
+          <Text style={styles.optionText}>Soil Data</Text>
+
+        </TouchableOpacity>
+
+        <TouchableOpacity style={styles.optionButton} onPress={() => handleOptionSelect('weatherData')}>
+
+          <Text style={styles.optionText}>Weather Data</Text>
+
+        </TouchableOpacity>
+
+        <TouchableOpacity style={styles.optionButton} onPress={() => handleOptionSelect('cropRotationPlan')}>
+
+          <Text style={styles.optionText}>Crop Rotation Plan</Text>
+
+        </TouchableOpacity>
+
+      </View>
+
+    </ImageBackground>
+
+  );
+
 };