text: // import React from "react"
  // import PropTypes from "prop-types"
  // import Img from "gatsby-image"
  // import { Box } from "@chakra-ui/react"
  
  /*
   * This component is built using `gatsby-image` to automatically serve optimized
   * images with lazy loading and reduced file sizes. The image is loaded using a
   * `useStaticQuery`, which allows us to load the image from directly within this
   * component, rather than having to pass the image data down from pages.
   *
   * For more information, see the docs:
   * - `gatsby-image`: https://gatsby.dev/gatsby-image
   * - `useStaticQuery`: https://www.gatsbyjs.org/docs/use-static-query/
   */
  
  // const Image = ({ fluid, alt, ...props }) => {
  //   return (
  //     <Box {...props}>
  //       <Img fluid={fluid} alt={alt} />
  //     </Box>
  //   )
  // }
  
  // Image.propTypes = {
  //   fluid: PropTypes.object,
  //   alt: PropTypes.string,
  // }
  
  // Image.defaultProp = {
  //   alt: "",
  // }
  
  // export default Image