text: import React from "react"
  // import "bootstrap/dist/css/bootstrap.css"
  import { graphql } from "gatsby"
  import Layout from "../components/layout"
  import SEO from "../components/seo"
  import AboutPage from "../components/about"
  import Hero from "../components/Hero"
  
  const IndexPage = ({ data }) => (
    <div>
      <Hero fluid={data.img.childImageSharp.fluid} />
  
      <Layout>
        <SEO title="Home" />
  
        <h1>Wolcome to my personal website.</h1>
        <p>
          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vestibulum
          est ut nunc lobortis, sit amet varius felis imperdiet. Pellentesque
          vehicula ornare scelerisque. In non lorem eu velit euismod luctus vel
          sodales arcu. Quisque rhoncus magna vitae dignissim semper. Fusce
          euismod posuere malesuada. Mauris pulvinar tempor est, nec laoreet
          lectus aliquet at. Sed et leo erat. Nam lobortis sodales tortor,
          convallis gravida nisl dapibus non.
        </p>
        <AboutPage />
      </Layout>
    </div>
  )
  
  export default IndexPage
  
  export const query = graphql`
    {
      img: file(relativePath: { eq: "bucegiMnt.jpg" }) {
        childImageSharp {
          fluid(quality: 100) {
            ...GatsbyImageSharpFluid_tracedSVG
          }
        }
      }
    }
  `
  