import * as React from 'react';
import { Navbar } from 'components/navbar';
import { Button } from 'components/button';
import { Grid, Column } from 'components/grid';
import { Card } from 'components/card';

export const HomePage = () => (
  <div>
    <Navbar />

    <div className="hero">
      <h1>PyCon 10</h1>
      <h2>Florence, XX XXXX 2019</h2>
      <p>Location</p>

      <Button>Get your Ticket</Button>
      <Button>Propose a talk</Button>
    </div>

    <div className="pitch">
      <div>
        <h2>Perché la pycon</h2>

        <p>
          Lorem ipsum dolor sit amet, consectetur adipisicing elit. Incidunt,
          reprehenderit labore, voluptatem officia velit rerum amet excepturi
          esse, sit ea harum! Aspernatur, earum. Dolor sed commodi non
          laudantium, ipsam veniam?
        </p>
      </div>

      <div>
        <h2>Di cosa parleremo</h2>

        <h3>Data</h3>
        <p>
          Lorem ipsum dolor sit amet, consectetur adipisicing elit. Incidunt,
          reprehenderit labore, voluptatem officia velit rerum amet excepturi
          esse, sit ea harum! Aspernatur, earum. Dolor sed commodi non
          laudantium, ipsam veniam?
        </p>

        <h3>Web</h3>
        <p>
          Lorem ipsum dolor sit amet, consectetur adipisicing elit. Incidunt,
          reprehenderit labore, voluptatem officia velit rerum amet excepturi
          esse, sit ea harum! Aspernatur, earum. Dolor sed commodi non
          laudantium, ipsam veniam?
        </p>
      </div>
    </div>

    <div className="keynote-speakers">
      <Grid>
        <Column width={1 / 3}>
          <Card>Example</Card>
          <Card>Example</Card>
        </Column>
        <Column width={1 / 3}>
          <Card>Example</Card>
          <Card>Example</Card>
        </Column>
        <Column width={1 / 3}>
          <Card>Example</Card>
          <Card>Example</Card>
        </Column>

        <Button variant="secondary">See the schedule</Button>
      </Grid>
    </div>
  </div>
);

import * as React from 'react';
import { Navbar } from 'components/navbar';

export class HomePage extends React.Component {
  render() {
    return (
      <div className="App">
        <Navbar />
        <p className="App-intro">
          To get started, edit <code>src/App.tsx</code> and save to reload.
        </p>
      </div>
    );
  }
}

--- 
+++ 
@@ -1,15 +1,72 @@
 import * as React from 'react';
 import { Navbar } from 'components/navbar';
+import { Button } from 'components/button';
+import { Grid, Column } from 'components/grid';
+import { Card } from 'components/card';
 
-export class HomePage extends React.Component {
-  render() {
-    return (
-      <div className="App">
-        <Navbar />
-        <p className="App-intro">
-          To get started, edit <code>src/App.tsx</code> and save to reload.
+export const HomePage = () => (
+  <div>
+    <Navbar />
+
+    <div className="hero">
+      <h1>PyCon 10</h1>
+      <h2>Florence, XX XXXX 2019</h2>
+      <p>Location</p>
+
+      <Button>Get your Ticket</Button>
+      <Button>Propose a talk</Button>
+    </div>
+
+    <div className="pitch">
+      <div>
+        <h2>Perché la pycon</h2>
+
+        <p>
+          Lorem ipsum dolor sit amet, consectetur adipisicing elit. Incidunt,
+          reprehenderit labore, voluptatem officia velit rerum amet excepturi
+          esse, sit ea harum! Aspernatur, earum. Dolor sed commodi non
+          laudantium, ipsam veniam?
         </p>
       </div>
-    );
-  }
-}
+
+      <div>
+        <h2>Di cosa parleremo</h2>
+
+        <h3>Data</h3>
+        <p>
+          Lorem ipsum dolor sit amet, consectetur adipisicing elit. Incidunt,
+          reprehenderit labore, voluptatem officia velit rerum amet excepturi
+          esse, sit ea harum! Aspernatur, earum. Dolor sed commodi non
+          laudantium, ipsam veniam?
+        </p>
+
+        <h3>Web</h3>
+        <p>
+          Lorem ipsum dolor sit amet, consectetur adipisicing elit. Incidunt,
+          reprehenderit labore, voluptatem officia velit rerum amet excepturi
+          esse, sit ea harum! Aspernatur, earum. Dolor sed commodi non
+          laudantium, ipsam veniam?
+        </p>
+      </div>
+    </div>
+
+    <div className="keynote-speakers">
+      <Grid>
+        <Column width={1 / 3}>
+          <Card>Example</Card>
+          <Card>Example</Card>
+        </Column>
+        <Column width={1 / 3}>
+          <Card>Example</Card>
+          <Card>Example</Card>
+        </Column>
+        <Column width={1 / 3}>
+          <Card>Example</Card>
+          <Card>Example</Card>
+        </Column>
+
+        <Button variant="secondary">See the schedule</Button>
+      </Grid>
+    </div>
+  </div>
+);
Add some dummy content to the home page
