{"size": 1579, "ext": "js", "max_stars_repo_path": "src/pages/index.js", "max_stars_repo_name": "dasonline/andy_2", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/pages/index.js", "max_issues_repo_name": "dasonline/andy_2", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/pages/index.js", "max_forks_repo_name": "dasonline/andy_2", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 22.5571428571, "max_line_length": 120, "alphanum_fraction": 0.5750474984}
import withRoot from "../utils/withRoot";
import React from "react";
import { graphql, Link } from "gatsby";
import SEO from "../components/SEO";
import Card from "../components/Card";
import Page from "../components/Page";
import HomeFeatures from "../components/HomeFeatures";
import Button from "@material-ui/core/Button";

import Avatar from "@material-ui/core/Avatar";
import { Gift } from "mdi-material-ui";
import withStyles from "@material-ui/styles/withStyles";
import Img from "gatsby-image"
import { Carousel } from "react-bootstrap"
import 'bootstrap/dist/css/bootstrap.min.css';


const styles = () => ({
  root: {
    fontWeight: "bold",
    
  },
});
const Home = props => {
  
  return (
    <Page >
      <SEO title="Home">
        <meta
          content="Beautiful Gatsby Material UI Business Starter. Tiny code. Well organized. Ready to customize and go."
          name="description"
        />
      </SEO>

   
      <Card>
        
        <Carousel >
          {props.data.allFile.edges.map(edge => 
            <Carousel.Item>
            <Img fluid={edge.node.childImageSharp.fluid} />
            </Carousel.Item>
          )}
        </Carousel>
      </Card>
    </Page>
  );
};

export const query = graphql`
  query {
    allFile(filter: {relativeDirectory: {eq: "carousel"}}) {
      edges {
        node {
          childImageSharp {
            id
            fluid (maxHeight: 1080) {
              ...GatsbyImageSharpFluid
            }
          }
        }
      }
    }
    
    
  }
`;

export default withRoot(withStyles(styles)(Home));
