MdcReactGrids.js

import React from 'react';
import Grid from 'react-mdc-web/lib/Grid/Grid';
import Cell from 'react-mdc-web/lib/Grid/Cell';
import Textfield from 'react-mdc-web/lib/Textfield/Textfield';

export default function ComingSoon() {
  return (
    <div>
      <h1 style={{ textAlign: 'center' }}>{'Coming soon'}</h1>
      <Grid>
        <Cell col={3}>
          <img src="phone.svg" alt="Illustration smartphone" style={{ height: '300px', width: 'auto' }} />
        </Cell>
        <Cell col={9}>
          <p>{'Kolay sera bientôt ouvert aux inscriptions et disponible sur iPhone, Android et Web.'}</p>
          <Textfield floatingLabel="Email" />
        </Cell>
      </Grid>
    </div>
  );
}