text: // import React from "react"
  // import { Link } from "gatsby"
  
  // import Layout from "../components/layout"
  // import Image from "../components/image"
  // import SEO from "../components/seo"
  
  // const IndexPage = () => (
  //   <Layout>
  //     <SEO title="Home" />
  //     <h1>Hi people</h1>
  //     <p>Welcome to your new Gatsby site.</p>
  //     <p>Now go build something great.</p>
  //     <div style={{ maxWidth: `300px`, marginBottom: `1.45rem` }}>
  //       <Image />
  //     </div>
  //     <Link to="/page-2/">Go to page 2</Link> <br />
  //     <Link to="/using-typescript/">Go to "Using TypeScript"</Link>
  //   </Layout>
  // )
  
  // export default IndexPage
  import React, {lazy, Suspense} from 'react'
  import ProfileImage from '../images/projects/profile.png'
  import Image from '../components/image'
  
  
  
  
  export default function Main() {
  
    return (
      <div>
        hello there.
        <Image />
      </div>
    )
  }
  