text: import React from "react"
  
  import { graphql } from "gatsby"
  
  import Layout from "../components/layout"
  
  export default function About({ data }) {
    return (
      <Layout>
        <h1>About {data.site.siteMetadata.title}</h1>
        <p>
          We're the only site running on your computer dedicated to showing the
          best photos and videos of pandas eating lots of food.
        </p>
      </Layout>
    )
  }
  
  export const query = graphql`
    query {
      site {
        siteMetadata {
          title
        }
      }
    }
  `
  