import PropTypes from 'prop-types';
import React, { Component } from 'react';
import Button, { ButtonGroup } from '@atlaskit/button';
import MainSection from '../components/MainSection';
import ContentWrapper from '../components/ContentWrapper';
import PageTitle from '../components/PageTitle';
import logo from '../images/logo.png';
import Page, { Grid, GridColumn } from '@atlaskit/page';


export default class HomePage extends Component {
  static contextTypes = {
    showModal: PropTypes.func,
    addFlag: PropTypes.func,
    onConfirm: PropTypes.func,
    onCancel: PropTypes.func,
    onClose: PropTypes.func,
  };

  render() {
    return (
      <ContentWrapper>

        <Page >
          <Grid>
            <GridColumn medium={3}>
            </GridColumn>
            <GridColumn medium={6}>
              <div style={{
                textAlign: 'center'
              }}>
                <PageTitle> Welcome to Hermessenger</PageTitle>
                <img src={logo} width={'100%'} />
                
                <ButtonGroup>
                <Button
                  appearance="primary"
                  onClick={(e) => {
                    e.preventDefault()
                    window.location = "/users/sign_in"
                  }
                  }
                  onClose={() => { }}
                >Log in
                </Button>
              </ButtonGroup>
              </div>
            </GridColumn>
            <GridColumn medium={3}>
           
            </GridColumn>
          </Grid>
        </Page>


      </ContentWrapper>
    );
  }
}

@@ -131,61 +131,8 @@
 n';%0A
-import MainSection from '../components/MainSection';%0A
 impo
@@ -186,16 +186,16 @@
 apper';%0A
+
 import P
@@ -331,16 +331,74 @@
 /page';%0A
+import styled, %7B ThemeProvider %7D from 'styled-components'%0A
 %0A%0Aexport
@@ -636,16 +636,16 @@
 der() %7B%0A
-
     retu
@@ -648,16 +648,56 @@
 return (
+%3CThemeProvider theme=%7B%7B mode: 'dark' %7D%7D%3E
 %0A      %3C
@@ -1618,16 +1618,41 @@
 rapper%3E%0A
+      %3C/ThemeProvider%3E%0A  
     );%0A 

Update Landing.js