{"size": 967, "ext": "js", "max_stars_repo_path": "src/pages/page-2.js", "max_stars_repo_name": "mohamedtwice/gatsby-otn", "max_stars_repo_stars_event_min_datetime": "2020-03-08T15:37:26.000Z", "max_stars_repo_stars_event_max_datetime": "2020-07-23T13:53:38.000Z", "max_issues_repo_path": "src/pages/page-2.js", "max_issues_repo_name": "mohamedtwice/gatsby-otn", "max_issues_repo_issues_event_min_datetime": "2019-09-23T19:52:18.000Z", "max_issues_repo_issues_event_max_datetime": "2021-10-19T01:48:24.000Z", "max_forks_repo_path": "src/pages/page-2.js", "max_forks_repo_name": "mohamedtwice/gatsby-otn", "max_forks_repo_forks_event_min_datetime": "2020-02-01T09:30:30.000Z", "max_forks_repo_forks_event_max_datetime": "2021-07-30T13:39:28.000Z"}
{"max_stars_count": 5, "max_issues_count": 4, "max_forks_count": 5, "avg_line_length": 23.0238095238, "max_line_length": 78, "alphanum_fraction": 0.5429162358}
import React from "react"
import { Link } from "gatsby"
import {
  Section,
  Container,
  Title,
  Subtitle,
  Button,
  Icon,
  Column,
  Columns,
} from "bloomer"

import Layout from "../components/layout"
import SEO from "../components/seo"

const SecondPage = () => (
  <Layout>
    <SEO title="Page two" />
    <Section className="has-background-white">
      <Container>
        <Columns>
          <Column>
            {/* Page title */}
            <Title isSpaced>Page 2</Title>
            <Subtitle>This is the second page.</Subtitle>
            {/* Back to homepage button */}
            <Link to="/">
              <Button isColor="primary" className="is-rounded" id="is-spaced">
                <Icon className="fa fa-arrow-left fa-sm" />
                <span>Go back to the homepage</span>
              </Button>
            </Link>
          </Column>
        </Columns>
      </Container>
    </Section>
  </Layout>
)

export default SecondPage
