pages-hello.jsx

import React from 'react';

export default function HelloPage({ data }) {
  const { site: { siteMetadata } } = data; 
  
  return (
    <article>
      <h1>{siteMetadata.title}</h1>
      <p>{siteMetadata.description}</p>
    </article>  
  );
}

export const query = graphql`
  query HomeQuery {
    site {
      siteMetadata {
        title
        description
      }
    }
  }
`;