text: /* eslint-disable react/jsx-one-expression-per-line */
  import React from 'react'
  import Navbar from "./Navbar"
  import socials from "../data/social-links.json"
  
  const HeroComponent = () => (
    <div className="hero-wrapper parallax">
      <Navbar hideBackground />
      <div className="hero container">
        <div className="row">
          <div className="col-12">
            <h1 className="hero-header">Hi, my name is Brian.</h1>
            <div className="hero-content">I'm a software engineer and live coder on <a href={socials.mixer}>Mixer</a>.</div>
          </div>
        </div>
      </div>
      {/* <CallToAction
        className="hero-cta"
        title="Follow me on Twitch!"
        content="Live coding every Thurs at 8:30pm Central Time."
        buttonText="My Twitch Channel"
        buttonLink={socials.twitch} /> */}
    </div>
  )
  
  export default HeroComponent
  