import React from 'react'
import Card, {CardContent} from 'material-ui/Card'
import Grid from 'material-ui/Grid'
import {getSiteProps} from 'react-static'
import 'font-awesome/css/font-awesome.min.css'
import SocialSiteCard from '../components/custom-cards'

export default getSiteProps(() => (
  <div>
    <Grid container spacing={24}>
      <Grid item xs={6} sm={3}>
        <SocialSiteCard iconName='linkedin' href='https://www.linkedin.com/in/tanay-prabhudesai-1029b073/' />
      </Grid>
      <Grid item xs={6} sm={3}>
        <SocialSiteCard iconName='google-plus' href='https://plus.google.com/+TanayPrabhuDesai' />
      </Grid>
      <Grid item xs={6} sm={3}>
        <SocialSiteCard iconName='twitter' href='https://twitter.com/tanayseven' />
      </Grid>
      <Grid item xs={6} sm={3}>
        <SocialSiteCard iconName='github' href='https://github.com/tanayseven/' />
      </Grid>
    </Grid>
    <div className='jumbo-text'>
      <p>Hi, I'm Tanay PrabhuDesai.</p>
      <p>I'm a software engineer based in Pune, India.</p>
    </div>
    <div>
      <Grid container>
        <Card className='project-card'>
          <CardContent>
        Something
          </CardContent>
        </Card>
        <Card className='project-card'>
          <CardContent>
        Something
          </CardContent>
        </Card>
      </Grid>
    </div>
  </div>
))

@@ -250,16 +250,64 @@
 m-cards'
+%0Aimport Typography from 'material-ui/Typography'
 %0A%0Aexport
@@ -959,33 +959,33 @@
    %3C
-div className='jumbo-text
+Typography type='display1
 '%3E%0A 
@@ -1084,27 +1084,34 @@
 .%3C/p%3E%0A    %3C/
-div
+Typography
 %3E%0A    %3Cdiv%3E%0A

Add display1 typography for intro title