{"size": 1245, "ext": "js", "max_stars_repo_path": "src/pages/index.js", "max_stars_repo_name": "wildeink/chrisjoy-io", "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": "wildeink/chrisjoy-io", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/pages/index.js", "max_forks_repo_name": "wildeink/chrisjoy-io", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 34.5833333333, "max_line_length": 111, "alphanum_fraction": 0.6489959839}
import React from "react"
import AniLink from "gatsby-plugin-transition-link/AniLink"
import Image from "../components/image"
import SEO from "../components/seo"
import "../components/styles/style.css"
import Footer from "../components/footer"
import Header from "../components/header"
const IndexPage = () => (
  <div>
  <Header />
  <div className="homepage">
    <SEO title="Christopher" />
    <p className="intro1">Hi, my name is</p>
    <h2 className="introname">Chris Joy.</h2>
    
    <h3>I speacialize in modern<br /> web technologies.</h3>
    
    <p className="para">I'm a software developer based in the eastern USA, and Southeast Asia.<br />
    Tôi được nói cả tiếng Anh lẫn tiếng Việt. Je parle Français aussi.</p>
    <div className="btnrow">
    <button className="button"><a className="btnlink" href="mailto:chris@chrisjoy.io">Get In Touch</a></button>
    <button className="button"><a className="btnlink" href="#">&nbsp;Resume&nbsp;</a></button>
    </div>
    {/* <div style={{ maxWidth: `100px`, marginB `1.45rem` }}>
      <Image />
    </div> */}
    {/* <AniLink cover to="projects" bg="#663399">
      <a className="projbtn">Projects</a>
    </AniLink> */}
  </div>
  <Footer />
  </div>
)

export default IndexPage
