text: import React from "react";
  import Helmet from "react-helmet";
  import MonthlyOffer from "../components/MonthlyOffer/MonthlyOffer";
  import RestaurantImages from "../components/RestaurantImages/RestaurantImages";
  import SEO from "../components/SEO/SEO";
  import config from "../../data/SiteConfig";
  
  class Index extends React.Component {
    render() {
      const { data } = this.props;
      const postEdges = data.allMarkdownRemark.edges;
      const images = config.images;
      return (
        <div className="index-container">
          <Helmet>
            <title>{config.siteTitle}</title>
            <link rel="canonical" href={`${config.siteUrl}`} />
          </Helmet>
          <SEO postEdges={postEdges} />
          <RestaurantImages images={images} />
          <MonthlyOffer postEdges={postEdges} />
        </div>
      );
    }
  }
  
  export default Index;
  
  /* eslint no-undef: "off" */
  export const pageQuery = graphql`
    query IndexQuery {
      allMarkdownRemark(
        limit: 2000
        sort: { fields: [frontmatter___date], order: DESC }
      ) {
        edges {
          node {
            fields {
              slug
            }
            excerpt
            timeToRead
            frontmatter {
              title
              tags
              cover
              date
            }
          }
        }
      }
    }
  `;
  