text: import { graphql } from "gatsby"
  import React from "react"
  import Layout from "../layouts/Layout"
  import AddPhoto from "../components/AddPhoto"
  import SiteMetadata from "../components/SiteMetadata"
  
  const AddphotoPage = ({ data }) => (
    <Layout>
      <AddPhoto />
      <SiteMetadata title="AddPhoto" description="Sample description" />
  
      <div className="bg-gray-100">
        <div className="container py-12 lg:pb-16">
          <div className="flex flex-wrap">
            <div className="w-full md:w-1/2 xl:w-3/5 pb-8 md:pb-0">
              <h1 className="text-3xl leading-tight font-extrabold tracking-tight text-gray-900 sm:text-4xl">
                Login
              </h1>
  
              <h2 className="text-xl leading-tight font-semibold tracking-tight text-green-600 sm:text-2xl">
                Interdum et malesuada fames ac ante.
              </h2>
              <div className="mt-4 leading-loose">
                Curabitur non hendrerit dolor. Interdum et malesuada fames ac ante
                ipsum primis in faucibus. Ut&nbsp;sapien ex, fringilla sed
                consectetur et, pharetra eget lacus.
                <br />
                <br />
                Morbi sem leo, varius ut tempus et, tempor sit amet nibh.
                Curabitur fermentum feugiat libero, sed egestas lorem aliquam et.
                Praesent id mi purus. Morbi sem leo, varius ut tempus et, tempor
                sit amet nibh.
                <br />
                <br />
               
              </div>
            </div>
            <div className="w-full md:w-1/2 xl:w-2/5 md:pl-12">
             
            </div>
          </div>
        </div>
      </div>
    </Layout>
  )
  
  export default AddphotoPage
  
  export const query = graphql`
    query {
      author: file(relativePath: { eq: "author.jpg" }) {
        childImageSharp {
          fluid(maxWidth: 600, maxHeight: 480, quality: 85) {
            ...GatsbyImageSharpFluid_withWebp
          }
        }
      }
    }
  `
  