import React from 'react'
import classes from './HeroPage.scss'
import { Col, Row } from 'react-bootstrap'

export const HeroPage = () => (
  <div>
    <div className={classes.hero}>
      <div className={classes.videoBlock}>
        <video preload='preload' className={classes.video} autoPlay loop>
          <source src='Ideate2k17.mp4' type='video/mp4'></source>
        </video>
      </div>
        <div className={classes.headerSection}>
          <Col md={10}>
            <div className={classes.header}>IDEATE</div>
            <div className={classes.subheader}>
              The student innovation & design conference <br />
              April 15, 2017 @ Duke University
            </div>
          </Col>
          <Col md={2}>
            <img className={classes.lightbulb} src='lightbulb.png' alt='placeholder' />
          </Col>
        </div>
      <div className={classes.buttonDiv}>
        <a className={classes.registerLink} href={''}>
          <button className={classes.registerButton}> Register Soon </button>
        </a>
      </div>
    </div>
  </div>
)

export default HeroPage

@@ -73,13 +73,8 @@
  Col
-, Row
  %7D f
@@ -95,16 +95,16 @@
 tstrap'%0A
+
 %0Aexport 
@@ -386,26 +386,24 @@
 /div%3E%0A      
-  
 %3Cdiv classNa
@@ -430,34 +430,32 @@
 ction%7D%3E%0A        
-  
 %3CCol md=%7B10%7D%3E%0A  
@@ -452,18 +452,16 @@
 d=%7B10%7D%3E%0A
-  
         
@@ -509,34 +509,32 @@
 /div%3E%0A          
-  
 %3Cdiv className=%7B
@@ -553,18 +553,16 @@
 eader%7D%3E%0A
-  
         
@@ -611,26 +611,24 @@
 ence %3Cbr /%3E%0A
-  
             
@@ -666,35 +666,31 @@
 y%0A          
-  
 %3C/div%3E%0A
-  
         %3C/Co
@@ -696,26 +696,24 @@
 ol%3E%0A        
-  
 %3CCol md=%7B2%7D%3E
@@ -713,18 +713,16 @@
 md=%7B2%7D%3E%0A
-  
         
@@ -803,35 +803,31 @@
  /%3E%0A        
-  
 %3C/Col%3E%0A
-  
       %3C/div%3E

fix lint errors