import type { NextPage } from 'next';
import Head from 'next/head';
import Layout from '@themes/signpost/components/Layout';
import Grid from '@themes/signpost/components/Grid';
import sections from '../content/sections.json';

const Home: NextPage = () => {
  return (
    <>
      <Head>
        <title>signpost.mareshq.com</title>
        <meta
          name="description"
          content="Signpost for Vojtech Mares (MaresHQ)"
        />
        <link rel="icon" href="/favicon.ico" />
      </Head>

      <Layout>
        <h3 className="text-gray-600">signpost.mareshq.com</h3>

        <main>
          <h1 className="font-sans font-bold text-4xl">
            MaresHQ Signpost
          </h1>

          <Grid sections={sections} />
        </main>
      </Layout>
    </>
  );
};

export default Home;
