{"size": 1023, "ext": "js", "max_stars_repo_path": "src/modules/Landing/index.js", "max_stars_repo_name": "MLH-Fellowship/0.4.1-execute.ly-frontend", "max_stars_repo_stars_event_min_datetime": "2020-06-05T16:42:11.000Z", "max_stars_repo_stars_event_max_datetime": "2021-11-24T08:27:36.000Z", "max_issues_repo_path": "src/modules/Landing/index.js", "max_issues_repo_name": "MLH-Fellowship/0.4.1-execute.ly-frontend", "max_issues_repo_issues_event_min_datetime": "2020-06-03T06:52:02.000Z", "max_issues_repo_issues_event_max_datetime": "2022-02-27T05:55:31.000Z", "max_forks_repo_path": "src/modules/Landing/index.js", "max_forks_repo_name": "MLH-Fellowship/executely-pod-0.4.1", "max_forks_repo_forks_event_min_datetime": "2020-06-08T09:29:35.000Z", "max_forks_repo_forks_event_max_datetime": "2021-01-22T12:16:30.000Z"}
{"max_stars_count": 10, "max_issues_count": 11, "max_forks_count": 2, "avg_line_length": 31.0, "max_line_length": 60, "alphanum_fraction": 0.5581622678}
import React from "react";
import { Button, Icon } from "antd";
import { Link } from "react-router-dom";

import MainLayout from "../../components/MainLayout";
import { StyledLandingPage } from "./styledComponents";

const LandingPage = () => {
  return (
    <MainLayout>
      <StyledLandingPage>
        <div className="landing-background">
          <div className="content-heading">execute.ly</div>
          <br />
          <div className="content-intro">
            ✔️ One Click execute handwritten code <br />
            ✔️ Upload and crop image to execute <br />
            ✔️ Run your code in a sandbox environment <br />
            ✔️ Auto detects your language <br /> <br />
            <Button type="primary" size="large" block>
              <Link to="/upload" style={{ color: "#FFF" }}>
                Get Started  <Icon type="double-right" />
              </Link>
            </Button>
          </div>
        </div>
      </StyledLandingPage>
    </MainLayout>
  );
};

export default LandingPage;
