{"size": 1075, "ext": "js", "max_stars_repo_path": "src/pages/index.js", "max_stars_repo_name": "myarcane/my-portfolio", "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": "myarcane/my-portfolio", "max_issues_repo_issues_event_min_datetime": "2022-03-30T18:19:21.000Z", "max_issues_repo_issues_event_max_datetime": "2022-03-30T18:19:21.000Z", "max_forks_repo_path": "src/pages/index.js", "max_forks_repo_name": "myarcane/my-portfolio", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": 1, "max_forks_count": null, "avg_line_length": 23.3695652174, "max_line_length": 69, "alphanum_fraction": 0.5897674419}
import React from "react"
import { graphql } from "gatsby"
import "font-awesome/css/font-awesome.min.css"
import "./index.css"
// import Navigation from "../components/navigation"
import Contact from "../components/contact"
import About from "../components/about"
// import Skills from "../components/skills"
// import Work from "../components/work"
import cssVars from "css-vars-ponyfill"

cssVars()

const HomePage = ({ data }) => {
  return (
    <div>
      <div className="layout">
        <main className="main">
          <About id="about" data={data} />
          {/* <Skills id="skills" data={data} /> */}
          {/* <Work id="work" data={data} /> */}
          <Contact id="contact" data={data} />
        </main>
      </div>
    </div>
  )
}

export default HomePage

export const query = graphql`
  {
    site {
      siteMetadata {
        title
        description
      }
    }
    climbingImage: file(relativePath: { eq: "climbing.jpg" }) {
      childImageSharp {
        gatsbyImageData(width: 400, height: 700, layout: CONSTRAINED)
      }
    }
  }
`
