text: import Head from "next/head";
  import Layout, { siteTitle } from "../components/layout";
  import utilStyles from "../styles/utils.module.css";
  import { getSortedPostsData } from "../lib/posts";
  
  export async function getStaticProps() {
    const allPostsData = getSortedPostsData();
    return {
      props: {
        allPostsData,
      },
    };
  }
  
  export default function Home({ allPostsData }) {
    return (
      <Layout home>
        <Head>
          <title>{siteTitle}</title>
        </Head>
        <section className={utilStyles.headingMd}>
          <img src="/images/poster.png" />
          <p>[Hello VBS+]</p>
          <p>
            (This is a sample website - you’ll be building a site like this in{" "}
            <a href="https://nextjs.org/learn">our Next.js tutorial</a>.)
          </p>
        </section>
      </Layout>
    );
  }
  