text: import React from 'react';
  import {
    View,
    Text,
    ImageBackground,
    StyleSheet,
    TouchableOpacity,
  } from 'react-native';
  import {withNavigation} from 'react-navigation';
  
  
  const Landing = props => {
    const {navigate} = props.navigation;
    return (
      <View style={styles.container}>
        <ImageBackground
          style={styles.backgroundImage}
          source={{
            uri:
              'https://raw.githubusercontent.com/mARkitFS/mARkit/master/graphics/uiux/mARkit%20(1).jpg',
          }}>
          <View style={{flex: 1, justifyContent: 'flex-end', marginBottom: 36}}>
            <TouchableOpacity
              style={styles.button}
              onPress={() => {
                navigate('Homepage');
              }}>
              <Text style={styles.cardText}>E N T E R </Text>
              {/* <Image
              style={styles.cardImage}
              source={{
                uri:
                  'https://raw.githubusercontent.com/mARkitFS/mARkit/master/graphics/uiux/enter.jpeg',
              }}></Image> */}
            </TouchableOpacity>
          </View>
        </ImageBackground>
      </View>
    );
  };
  
  const styles = StyleSheet.create({
    container: {
      flex: 1,
      justifyContent: 'center',
      alignItems: 'center',
      backgroundColor: 'orange',
    },
    button: {
      width: 400,
      backgroundColor: '#FFAE19',
      paddingTop: 10,
      paddingBottom: 10,
      justifyContent: 'center',
      alignItems: 'center',
      borderRadius: 5,
    },
    logoContainer: {
      alignItems: 'center',
    },
    logoText: {
      fontSize: 24,
      fontWeight: '600',
      color: 'white',
    },
    logoDescription: {
      fontSize: 15,
      fontWeight: '600',
      color: 'white',
    },
    backgroundImage: {
      flex: 1,
      width: '100%',
      height: '100%',
      justifyContent: 'center',
      alignItems: 'center',
      opacity: 1,
    },
    card: {
      backgroundColor: '#fff',
      marginTop: 300,
      marginBottom: 20,
      marginRight: '50%',
      width: '25%',
      height: '5%',
      shadowColor: '#000',
      shadowOpacity: 0.2,
      shadowRadius: 1,
      shadowOffset: {
        width: 3,
        height: 2,
      },
    },
    cardImage: {
      width: '150%',
      height: 50,
      resizeMode: 'cover',
    },
    cardText: {
      fontSize: 20,
      fontWeight: 'bold',
      color: 'white',
    },
  });
  
  export default withNavigation(Landing);
  