import React from "react";

const Start = (props) => {

    const route =  props.getValue;

    return (
        <div style={{
            display: 'flex',
            flexDirection: 'column',
            alignContent: 'center',
            flexWrap: 'wrap',
            justifyContent: 'space-evenly',
            height: '95vh',
            background: 'linear-gradient(180deg, #7EAFE7 0.27%, rgba(41, 134, 242, 0.38) 27.08%, rgba(41, 134, 242, 0.35) 31.77%, rgba(152, 198, 253, 0.28) 46.35%, rgba(41, 134, 242, 0.00) 100%)',
            overflow: 'hidden',
        }}>
            <span style={{
                display: 'flex',
                flexDirection: 'column',
                alignItems: 'center',
                fontWeight: 700,
                fontFamily: 'Raleway',
                fontSize: '40px',
            }}>Путешествия <p>просто!</p></span>
            <button onClick={() => route('/')} style={{
                height: 70,
                borderRadius: '32px',
                backgroundColor: '#0094FF',
                border: 'none',
                fontFamily: 'Raleway',
                fontSize: '30px',
                fontWeight: 700,
                color: '#fff',
            }}>Начать</button>
        </div>
    )
};

export default Start;