{"size": 1496, "ext": "js", "max_stars_repo_path": "src/components/intro.js", "max_stars_repo_name": "alexako/alexjreyes", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/components/intro.js", "max_issues_repo_name": "alexako/alexjreyes", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/components/intro.js", "max_forks_repo_name": "alexako/alexjreyes", "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.0, "max_line_length": 80, "alphanum_fraction": 0.6022727273}
import PropTypes from 'prop-types'
import React from 'react'
import Contact from './contact'

const Intro = ({ siteTitle }) => (
    <div className="intro-container box">
        <h1 className="intro-container__header-lettering">
            Hi, I'm
            <span className="intro-container__highlight"> Alex</span>. I write
            <span className="intro-container__highlight"> code </span>
            and stuff.
        </h1>
        <div className="intro-container__content">
            A bit of a jack of all trades and a master of puns. I enjoy building
            anything from web apps with
            <span className="intro-container__content--link">Angular</span>
            to silly Cat Fact APIs in
            <span className="intro-container__content--link">ExpressJS,</span>
            to quirky robots with the
            <span className="intro-container__content--link">RPi.</span>I tinker
            around with all things tech-related and anything else that I might
            find interesting. Got any questions for me? Email
            <a
                className="intro-container__content--link"
                href="mailto:me@alexjreyes.com?subject=Hi, Alex!"
            >
                me@alexjreyes.com
            </a>
            or contact me through any of these platforms:
        </div>
        <Contact />
    </div>
)

Intro.propTypes = {
    siteTitle: PropTypes.string,
}

Intro.defaultProps = {
    siteTitle: ``,
}

export default Intro
