1 files changed, 21 insertions, 6 deletions
diff --git a/mobile/components/GreetingPage.js b/mobile/components/GreetingPage.js
index 4f68132..435022d 100644
--- a/mobile/components/GreetingPage.js
+++ b/mobile/components/GreetingPage.js
@@ -45,6 +45,10 @@ export default class GreetingPage extends Component {
       });
   };
 
+  moveToMapPage = () => {
+    this.props.navigation.navigate('MapPage');
+  }
+
 
   render() {
     //<View> acts like the way <div> does in JavaScript
@@ -71,7 +75,10 @@ export default class GreetingPage extends Component {
 
         <View style={styles.titleContainer}>
           <Text style={styles.title}>
-            Welcome to Helpthehome!
+            See a homeless person who might need help? {"\n\n"}TELL US!!
+          </Text>
+          <Text style={styles.subtitle}>
+            Tell us where they are ⬇ {"\n\n"}(And don't worry, we won't force you to share your location)
           </Text>
         </View>
 
@@ -95,7 +102,9 @@ export default class GreetingPage extends Component {
 
         </TouchableHighlight>
 
-        <TouchableHighlight disabled style={styles.second_button_container}>
+        <TouchableHighlight 
+          style={styles.second_button_container}
+          onPress={() => { this.moveToMapPage() }}>
           <View style={styles.press_button}>
 
             <View padding={15}>
@@ -125,18 +134,24 @@ const styles = StyleSheet.create( {
     alignItems: 'stretch'
   },
   titleContainer: {
-    flex: 3,
+    flex: 4,
     //position: 'absolute',
-    marginTop: 205,
+    marginTop: 100,
     //flexGrow: 1
   },
   title: {
     color: '#FFF',
-    marginTop: 10,
+    padding: 35,
     textAlign: 'center',
     opacity: 0.9,
+    fontSize: 24,
+    fontStyle: 'italic',
+  },
+  subtitle: {
+    color: "#FFF" ,
+    padding: 20,
+    textAlign: "center",
     fontSize: 18,
-    fontStyle: 'italic'
   },
   current_location_title: {
     color: '#FFF',