41 lines
1.3 KiB
JavaScript
41 lines
1.3 KiB
JavaScript
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;
|