{"size": 1463, "ext": "js", "max_stars_repo_path": "services/homepage/src/components/hasuraconbanner.js", "max_stars_repo_name": "ovidyou/learn-graphql", "max_stars_repo_stars_event_min_datetime": "2021-09-24T06:29:54.000Z", "max_stars_repo_stars_event_max_datetime": "2021-09-24T06:29:54.000Z", "max_issues_repo_path": "services/homepage/src/components/hasuraconbanner.js", "max_issues_repo_name": "elektronik2k5/learn-graphql", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "services/homepage/src/components/hasuraconbanner.js", "max_forks_repo_name": "elektronik2k5/learn-graphql", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": 1, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 45.71875, "max_line_length": 220, "alphanum_fraction": 0.6589200273}
import React from "react"
// import PropTypes from "prop-types"
import { trackGAEvents } from "./trackGA";
import '../styles/styles.scss';
const bannerHasCon = require('../images/banner-hasura-con.svg');
const bannerFrame = require('../images/banner-frame.svg');
const HasuraConBanner = ({trackEvent}) => {
  return (
    <section className="commonSectionWrapper hasuraConBannerBgColor topBannerWrapperHasuraConRel">
      <div className="container noPadd">
        <div className='topBannerWrapperHasuraCon'>
          <div className='col-md-6 col-sm-7 col-xs-12 noPadd'>
            <div className='frameCon'>
              <img src={bannerHasCon} alt='Hasuracon20'/>
            </div>
            <h2 className='pageHeader'>We’re hosting our first user conference!</h2>
            <div className='sectionDescription removePaddTop'>Hasura Con is a free, online conference. Join us for a week of talks and hand-on workshops about pushing the boundaries of GraphQL forward!</div>
            <div className='buttonWrapper'>
              <a onClick={()=>trackGAEvents("Learn Homepage", "Button Click", "Hasura Con Learn More")} href="https://hasura.io/events/hasura-con-2020/"><button className='commonBtn hasuraConRegBtn'>Register</button></a>
            </div>
          </div>
        </div>
      </div>
      <div className='bannerFrameImg'>
        <img src={bannerFrame} alt='Pattern'/>
      </div>
    </section>
  )
}

export default HasuraConBanner
