Merge pull request #205 from tbhatia2299/TMA-546-Onboarding-Page

TMA-546-Onboarding-Page

2 files changed, 13 insertions, 11 deletions

diff --git a/src/assets/images/welcome.png b/src/assets/images/welcome.png
index 46ab4f9f..62b46077 100644
--- a/src/assets/images/welcome.png
+++ b/src/assets/images/welcome.png
diff --git a/src/screens/onboarding/WelcomeScreen.tsx b/src/screens/onboarding/WelcomeScreen.tsx
index 96d3f929..7e18cb99 100644
--- a/src/screens/onboarding/WelcomeScreen.tsx
+++ b/src/screens/onboarding/WelcomeScreen.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import {StyleSheet, View, Text, Image, TouchableOpacity} from 'react-native';
-import {SCREEN_WIDTH} from '../../utils';
+import {normalize, SCREEN_WIDTH} from '../../utils';
 import {Background} from '../../components';
 import {OnboardingStackParams} from '../../routes';
 import {StackNavigationProp} from '@react-navigation/stack';
@@ -29,7 +29,7 @@ const WelcomeScreen: React.FC<WelcomeScreenProps> = ({navigation}) => {
       />
 
       <View>
-        <Text style={styles.header}>Welcome to TAGG!</Text>
+        <Text style={styles.header}>Welcome to Tagg!</Text>
         <Text style={styles.subtext}>
           Tagg is the new social networking platform for you! It will help you
           create your own personalized digital space where you can express who
@@ -53,26 +53,28 @@ const styles = StyleSheet.create({
     flexDirection: 'column',
     justifyContent: 'center',
     alignItems: 'center',
+    marginTop: '10%',
   },
   image: {
-    width: SCREEN_WIDTH,
-    height: SCREEN_WIDTH,
+    width: SCREEN_WIDTH * 0.9,
+    height: SCREEN_WIDTH * 0.9,
   },
   header: {
     color: '#fff',
-    fontSize: 32,
-    fontWeight: '600',
+    fontSize: normalize(28),
+    fontWeight: '700',
     textAlign: 'center',
     marginBottom: '4%',
     marginHorizontal: '10%',
   },
   subtext: {
     color: '#fff',
-    fontSize: 16,
-    fontWeight: '600',
+    fontSize: normalize(17),
+    fontWeight: '500',
     textAlign: 'center',
-    marginBottom: '15%',
+    marginBottom: '10%',
     marginHorizontal: '10%',
+    lineHeight: normalize(25),
   },
   nextButton: {
     backgroundColor: '#8F01FF',
@@ -86,8 +88,8 @@ const styles = StyleSheet.create({
     marginBottom: '15%',
   },
   nextButtonLabel: {
-    fontSize: 30,
-    fontWeight: '500',
+    fontSize: normalize(20),
+    fontWeight: '700',
     color: '#ddd',
   },
 });