{"size": 3477, "ext": "js", "max_stars_repo_path": "src/pages/index.js", "max_stars_repo_name": "navdeepsingh/personal-website-2.0", "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": "navdeepsingh/personal-website-2.0", "max_issues_repo_issues_event_min_datetime": "2022-02-27T10:49:26.000Z", "max_issues_repo_issues_event_max_datetime": "2022-02-27T10:49:26.000Z", "max_forks_repo_path": "src/pages/index.js", "max_forks_repo_name": "navdeepsingh/personal-website-2.0", "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": 28.7355371901, "max_line_length": 100, "alphanum_fraction": 0.4239286741}
import React from "react"
import Layout from "../components/Layout"
import { Helmet } from "react-helmet"
import { trackCustomEvent } from "gatsby-plugin-google-analytics"

const Home = () => {
  return (
    <Layout>
      <Helmet>
        <title>Navdeep Singh - Full Stack Developer</title>
        <meta name="description" content="Welcome to my personal website." />
        <meta property="og:type" content="website" />
      </Helmet>
      <section className="home">
        <div className="introduction" id="main">
          <h1>NAVDEEP SINGH</h1>
          <p>
            I’m a full stack developer and a self-taught front end developer
            living in Amritsar, India. I am passionate about modern
            technologies, performance, accessibility, mentoring and writing
            things down.
          </p>
        </div>
        <div>
          <h2>My skillset and interests includes:</h2>
          <ul className="skills">
            <li>
              <span>HTML5</span>,
            </li>
            <li>
              <span>CSS3</span>,
            </li>
            <li>
              <span>SASS</span>,
            </li>
            <li>
              <span>JavaScript</span>,
            </li>
            <li>
              <span>Reactjs</span>,
            </li>
            <li>
              <span>Node.js</span>,
            </li>
            <li>
              <span>MongoDB</span>,
            </li>
            <li>
              <span>Express</span>,
            </li>
            <li>
              <span>Fastify</span>,
            </li>
            <li>
              <span>Webpack</span>,
            </li>
            <li>
              <span>Mobile &amp; Responsive Design</span>,
            </li>
            <li>
              <span>PHP</span>,
            </li>
            <li>
              <span>MySQL</span>,
            </li>
            <li>
              <span>WordPress</span>,
            </li>
            <li>
              <span>Laravel</span>,
            </li>
            <li>
              <span>Bootstrap</span>,
            </li>
            <li>
              <span>Running</span>,
            </li>
            <li>
              <span>Cycling</span>,
            </li>
            <li>
              <span>...</span>
            </li>
          </ul>
        </div>
        <div>
          <p>
            Interested in relocating me abroad?
            <br />
            Feel free to contact me!
          </p>
          <button
            title=""
            className="glow-on-hover resume"
            onClick={e => {
              e.preventDefault()
              trackCustomEvent({
                // string - required - The object that was interacted with (e.g.video)
                category: "Resume Link",
                // string - required - Type of interaction (e.g. 'play')
                action: "Click",
                // string - optional - Useful for categorizing events (e.g. 'Spring Campaign')
                label: "Resume Click Tracking",
                // number - optional - Numeric value associated with the event. (e.g. A product ID)
                value: 43,
              })
              window.open(
                "https://drive.google.com/file/d/1IL7EALovjBL5e3k8Q48GBiCJIsarQj3T/view?usp=sharing"
              )
            }}
          >
            View my resume
          </button>
        </div>
      </section>
    </Layout>
  )
}

export default Home
