text: // import React from "react"
  // import { useStaticQuery, graphql, Link } from "gatsby"
  // import Img from "gatsby-image"
  // import Layout from "../components/layout"
  
  // const Image = () => {
  //   const data = useStaticQuery(graphql`
  //     query images {
  //       images: allFile(filter: { relativeDirectory: { eq: "ok" } }) {
  //         nodes {
  //           id
  //           childImageSharp {
  //             fixed(width: 400) {
  //               ...GatsbyImageSharpFixed
  //             }
  //           }
  //         }
  //       }
  //       image: file(relativePath: { eq: "ok/hero.jpeg" }) {
  //         id
  //         childImageSharp {
  //           fixed(
  //             width: 400
  //             duotone: { highlight: "#ffffff", shadow: "#222222" }
  //           ) {
  //             ...GatsbyImageSharpFixed
  //           }
  //           fluid {
  //             ...GatsbyImageSharpFluid
  //           }
  //         }
  //       }
  //     }
  //   `)
  
  //   // console.log(data)
  
  //   return (
  //     <Layout>
  //       <Img fixed={data.image.childImageSharp.fixed} alt="I am the best" />
  //       {/* <Img fluid={data.image.childImageSharp.fluid} alt="I am not the best" /> */}
  
  //       <div className="gallary">
  //         {data.images.nodes.map(Image => (
  //           <Img key={Image.id} fixed={Image.childImageSharp.fixed} />
  //         ))}
  //       </div>
  //       <p>Hey this should print of the webpage</p>
  //       <Link to="/"> Go to Home Page</Link>
  //     </Layout>
  //   )
  // }
  
  // export default Image
  