project-codepen/src/pages/Main.js

import "./Main.css";

export const Main = ({history}) => {
    return (
        <section id='body'>
            <button className='btn_form' onClick={ () => history.push('./login') }>Login</button>
            <div className='box'>
                <div className='content'>
                    <h1>Welcome To The CodePen</h1>
                    <p>The best place to build, test, and discover front-end code.
                        CodePen is a social development environment for front-end designers and developers.
                        Build and deploy a website, show off your work, build test cases to learn and debug, and find inspiration.
                    </p>
                </div>
            </div>
            <button className='btn_form' onClick={ () => history.push('./reg') }>Reristration</button>
        </section>
    )
};