next-static-site/pages/why.js

import Layout from '../components/layout';
import { Hero, H1 } from '../components/jambonz-ui';
import { getData } from '../lib/data';

export default function Why({ data }) {
  return (
    <Layout siteData={data.site}>
      <Hero>
        <H1>{data.why.h1}</H1>
      </Hero>
    </Layout>
  );
}

export async function getStaticProps() {
  const data = getData('why');

  return {
    props: {
      data,
    },
  };
}