import React, { Component, PropTypes } from 'react';
import withStyles from 'isomorphic-style-loader/lib/withStyles';
import s from './Landing.scss';

import Footer from '../Footer';

class Landing extends Component {

  static contextTypes = {
    onSetTitle: PropTypes.func.isRequired,
  };

  constructor(props) {
    super(props);
    this.state = {};
  };

  render() {
    this.context.onSetTitle('NAFC');

    return (
      <div className={s.landing}>
        <img
          className= {s.logo}
          src='../../Logo.png'
        />
        <div className={s.about}>
          Let's help you send better messages to avoid a fight.
          After all, it's not a fight club! Type a message and get a sentiment score.
          Green is great… anything else, and you are on your own.
        </div>
        <img
          className={s.apple}
          src='../../app-store-badge.png'
        />
        <img
          className={s.phone}
          src='../../webphone@2x.png'
        />
        <Footer />
      </div>
    );
  }

}

export default withStyles(Landing, s);

import React, { Component, PropTypes } from 'react';
import withStyles from 'isomorphic-style-loader/lib/withStyles';
import s from './Landing.scss';

import Footer from '../Footer';

class Landing extends Component {

  static contextTypes = {
    onSetTitle: PropTypes.func.isRequired,
  };

  constructor(props) {
    super(props);
    this.state = {};
  };

  render() {
    this.context.onSetTitle('NAFC');

    return (
      <div className={s.landing}>
        <img
          className= {s.logo}
          src='../../Logo.png'
        />
        <div className={s.about}>
          Let's help you send better messages to avoid a fight.
          After all, it's not a fight club! Type a message and get a sentiment score.
          Green is great… anything else, and you are on your own.
        </div>
        <a href='https://itunes.apple.com/us/app/nafc/id1089745220'>
          <img
            className={s.apple}
            src='../../app-store-badge.png'
          />
        </a>
        <img
          className={s.phone}
          src='../../webphone@2x.png'
        />
        <Footer />
      </div>
    );
  }

}

export default withStyles(Landing, s);

Add appstore link