{"size": 747, "ext": "js", "max_stars_repo_path": "client/src/components/Home/index.js", "max_stars_repo_name": "mattcarlotta/fullstack-mern-kit", "max_stars_repo_stars_event_min_datetime": "2019-03-25T02:10:41.000Z", "max_stars_repo_stars_event_max_datetime": "2020-06-23T13:52:44.000Z", "max_issues_repo_path": "client/src/components/Home/index.js", "max_issues_repo_name": "mattcarlotta/fullstack-mern-kit", "max_issues_repo_issues_event_min_datetime": "2019-12-30T02:09:57.000Z", "max_issues_repo_issues_event_max_datetime": "2019-12-30T02:10:06.000Z", "max_forks_repo_path": "client/src/components/Home/index.js", "max_forks_repo_name": "mattcarlotta/fullstack-mern-kit", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": 2, "max_issues_count": 3, "max_forks_count": null, "avg_line_length": 25.7586206897, "max_line_length": 72, "alphanum_fraction": 0.6787148594}
import React from "react";
import Helmet from "react-helmet";
import Link from "~components/Link";
import ExampleIcon from "~components/ExampleIcon";
import logo from "~images/mernLogo.png";
import {
	homeContainer,
	logoContainer,
	logoStyle,
	textInfo,
} from "./Home.module.scss";

const Home = () => (
	<div id="home" className={homeContainer}>
		<Helmet title="Home" />
		<div className={logoContainer}>
			<img className={logoStyle} src={logo} alt="mernLogo.png" />
			<h1 className={textInfo}>FullStack MERN Kit</h1>
			<h1 className={textInfo}>Edit files in ./src and save to reload.</h1>
			<Link style={{ marginTop: 10 }} to="/users">
				<ExampleIcon />
				<span>See Example</span>
			</Link>
		</div>
	</div>
);

export default Home;
