import React from 'react';
import commonUrl from 'shared/constants/commonLinks';
import LinkButton from 'shared/components/linkButton/linkButton';
import styles from './opCodeCon.css';

const OpCodeCon = () => (
  <div className={styles.hero}>
    <div className={styles.heading}>
      <h1>OpCodeCon</h1>
      <h3>Join us for our inaugural Operation Code Convention!</h3>
      <p>September 19th-20th, 2018</p>
      <p>Raleigh Convention Center, Raleigh, NC</p>
      <p>
        <a href="mailto:eilish@operationcode.org" className={styles.textLink}>
          Contact us
        </a>{' '}
        for sponsorship information.
      </p>
      <LinkButton role="button" text="Donate" theme="red" link={commonUrl.donateLink} isExternal />
      {/* <p>Check back for more information.</p> */}
    </div>
  </div>
);

export default OpCodeCon;

@@ -651,16 +651,24 @@
 nkButton
+%0A       
  role=%22b
@@ -673,16 +673,24 @@
 %22button%22
+%0A       
  text=%22D
@@ -695,16 +695,24 @@
 %22Donate%22
+%0A       
  theme=%22
@@ -715,16 +715,24 @@
 me=%22red%22
+%0A       
  link=%7Bc
@@ -751,16 +751,24 @@
 ateLink%7D
+%0A       
  isExter
@@ -770,16 +770,22 @@
 External
+%0A     
  /%3E%0A    

Fix ESLint error causing Travis build to fail