changes in UI

src/screens/home/game/MainDetailsForm.js

@@ -165,7 +165,7 @@ const MainDetailsForm = ({navigation}) => {
                   marginBottom: 20,
                   color: COLORS.black,
                 }}>
-                Family Background:
+                Current Situation of Family Background:
               </Text>
               <View style={styles.radioContainer}>
                 {familyBackgroundOptions.map(item => (
@@ -192,7 +192,7 @@ const MainDetailsForm = ({navigation}) => {
                   marginBottom: 20,
                   color: COLORS.black,
                 }}>
-                Previous Child Birth Experiences:
+                No of Previous Child Births:
               </Text>
               <TextInput
                 style={{

src/screens/home/game/MainDetailsFormInSinhala.js

@@ -166,7 +166,7 @@ const MainDetailsFormInSinhala = ({navigation}) => {
                   marginBottom: 20,
                   color: COLORS.black,
                 }}>
-                පවුල් පසුබිම:
+                වත්මන් පවුල් පසුබිම් තත්ත්වය:
               </Text>
               <View style={styles.radioContainer}>
                 {familyBackgroundOptions.map(item => (

src/screens/home/game/QuizOptions.js

@@ -24,39 +24,46 @@ const QuizOptionsPage = ({navigation}) => {
         <View style={{padding: 25}}>
           <View
             style={{
-              justifyContent: 'center',
               alignItems: 'center',
-              display: 'flex',
+              textAlign: 'center',
             }}>
             <Text
               style={{
-                display: 'flex',
                 color: COLORS.navyBlue,
-                fontSize: 20,
+                fontSize: 22,
                 fontWeight: 'bold',
                 marginBottom: 25,
+                fontFamily: 'monospace',
+                textAlign: 'center',
               }}>
-              The Edinburgh Postnatal Depression
-              &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
-              Scale (EDPS)
+              {' '}
+              We can improve your mental well-being...
             </Text>
           </View>
           <View
             style={{
-              justifyContent: 'center',
+              alignItems: 'center',
               padding: 10,
             }}>
             <Text
               style={{
                 color: 'black',
-                fontSize: 14,
+                fontSize: 18,
+                fontWeight: 'bold',
+                fontFamily: 'monospace',
+                textAlign: 'center',
+              }}>
+              Try with Us & Have a fun
+            </Text>
+            <Text
+              style={{
+                color: 'black',
+                fontSize: 18,
                 fontWeight: 'bold',
-                textAlign: 'justify',
+                fontFamily: 'monospace',
+                textAlign: 'center',
               }}>
-              The questionnaire below is called the Edinburgh Postnatal
-              Depression Scale (EDPS) The EDPS was developed to identify women
-              who may have postpartum depression. Each answer is given a score
-              of 0 to 3 . The maximum score is 30.
+              Play Games & Enjoy your time
             </Text>
           </View>
           <View
@@ -67,10 +74,28 @@ const QuizOptionsPage = ({navigation}) => {
             <Text
               style={{
                 color: 'black',
-                fontSize: 18,
+                fontSize: 16,
+                fontWeight: 'bold',
+                marginTop: 30,
+                textAlign: 'center',
+                fontFamily: 'monospace',
+              }}>
+              Please give answers for this small questionnaire
+            </Text>
+          </View>
+          <View
+            style={{
+              justifyContent: 'center',
+              alignItems: 'center',
+            }}>
+            <Text
+              style={{
+                color: 'black',
+                fontSize: 16,
                 fontWeight: 'bold',
                 marginTop: 40,
-                textAlign: 'justify',
+                textAlign: 'center',
+                fontFamily: 'monospace',
               }}>
               Select Your Prefered Option to Answer
             </Text>
@@ -133,7 +158,7 @@ const styles = StyleSheet.create({
   },
   bottomView: {
     flex: 2,
-    backgroundColor: '#FFE6EB',
+    backgroundColor: '#FFC0D9',
   },
 });
 

src/screens/home/game/WelcomeGame.js

@@ -71,7 +71,7 @@ const WelcomePageGame = ({navigation}) => {
                 color: COLORS.black,
                 fontWeight: 'bold',
               }}>
-              Bad moments don't make bad mamas.
+              Taking care of your mental helath is an act of self-love
             </Text>
           </View>
           <View style={{marginTop: 1}}>
@@ -93,7 +93,7 @@ const WelcomePageGame = ({navigation}) => {
                 medium
                 center
                 style={{color: 'white', fontSize: 24, fontWeight: 'bold'}}>
-                Start
+                Let Us Help You
               </Text>
             </TouchableOpacity>
           </View>