text: import React from 'react'
  
  import Layout from '../../components/Layout'
  import BlogRoll from '../../components/BlogRoll'
  
  export default class BlogIndexPage extends React.Component {
    render() {
      return (
        <Layout>
          <div
            className="full-width-image-container margin-top-0"
            style={{
              backgroundImage: `url('/img/blog-index.jpg')`,
            backgroundPosition: `top left`,
            backgroundAttachment: `fixed`,
            }}
          >
            <h1
              className="has-text-weight-bold is-size-1"
              style={{
                boxShadow: '0.5rem 0 0 rgb(246, 174, 45), -0.5rem 0 0 rgb(246, 174, 45)',
                backgroundColor: 'rgb(246, 174, 45)',
                color: '#3a3a3a',
                padding: '1rem',
              }}
            >
              Latest Stories
            </h1>
          </div>
          <section className="section">
            <div className="container">
              <div className="content">
                <BlogRoll />
              </div>
            </div>
          </section>
        </Layout>
      )
    }
  }
  