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>
    );
  }
}

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>
);

Add some dummy content to the home page
Add some dummy content to the home page
