{"size": 663, "ext": "js", "max_stars_repo_path": "src/pages/index.js", "max_stars_repo_name": "jaredjgebel/dev-portfolio-gatsby-v2", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/pages/index.js", "max_issues_repo_name": "jaredjgebel/dev-portfolio-gatsby-v2", "max_issues_repo_issues_event_min_datetime": "2020-01-06T22:53:43.000Z", "max_issues_repo_issues_event_max_datetime": "2022-02-26T06:26:22.000Z", "max_forks_repo_path": "src/pages/index.js", "max_forks_repo_name": "jaredjgebel/dev-portfolio-gatsby-v2", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": 14, "max_forks_count": null, "avg_line_length": 27.625, "max_line_length": 123, "alphanum_fraction": 0.641025641}
import React from "react";
import { Box } from "@chakra-ui/core";
import Layout from "../components/layout";
import Hero from "../components/Hero";
import ProjectsLayout from "../components/ProjectsLayout";
import Contact from "../components/contact/Contact";
import topography from "../images/svg/topography.svg";
import Footer from "../components/Footer";

const IndexPage = () => (
  <Layout>
    <Box
      backgroundImage={`url('${topography}'), linear-gradient(90deg, hsla(33, 21%, 81%, 1) 0%, hsla(26, 7%, 80%, 1) 100%)`}
    >
      <Hero />
      <ProjectsLayout />
      <Contact />
      <Footer />
    </Box>
  </Layout>
);

export default IndexPage;
