import React from 'react'
import './style/Landing.css';
import { Link } from 'react-router-dom'; // for test
import Button from './components/Button';
import Header from './components/Header';
export default function Landing() {

    return (
        <div className="Landingbg">
            <Header />
            <div className="mainTextContainer">

                <h1 className="mainText">Welcome to Straight Up</h1>
                <span className="mainText">We support posture correction for you.</span>
                <Button btnText="Get Started!"/>
                {/* for test */}
                <div className="mainBtnContainer">
                    <Link to="/result">
                        <button className="startBtn">To Result</button>
                    </Link>
                </div>
            </div>
        </div>
    )
}