import Head from 'next/head'
import Link from 'next/link';
import { PageTitle, PageDescription, PageContentBox, PageCard } from '../components/styles/content';

export default function Home() {
  return (
    <>
      <Head>
        <title>Neshweb - Home</title>
        <meta charSet='utf-8' />
        <link rel="icon" href="/favicon.ico" />
      </Head>
      <PageTitle>
        Welcome to my Servers Webpage
      </PageTitle>

      <PageDescription>
        Feel free to look around
      </PageDescription>
      <PageContentBox>
        <PageCard key="about">
          <Link href="/about">
            <h2>About &rarr;</h2>
            <p>Useless Info, don&apos;t bother</p>
          </Link>
        </PageCard>

        <PageCard key="servers">
          <Link href="/games">
            <h2>Games &rarr;</h2>
            <p>List of all available Servers</p>
          </Link>
        </PageCard>

        <PageCard key="services">
          <Link href="/services">
            <h2>Services &rarr;</h2>
            <p>List of available Services</p>
          </Link>
        </PageCard>
      </PageContentBox>
    </>
  )
}