import Link from "next/link";
import { useRouter } from "next/router";
import { useContext } from "react";
import useTranslation from "next-translate/useTranslation";
import Login from "./homepage/login"; 
import CaseSearch from "./homepage/casesearch"; 
import Inspectorate from "./homepage/inspectorate"; 
import CaseComment from "./homepage/casecomment"; 


export default function Home({ children, pages }) {
  let { t } = useTranslation();

  const router = useRouter();
  const { locale } = router;

  return (
    <main
      className="govuk-main-wrapper govuk-main-wrapper--auto-spacing"
      id="main-content"
      role="main"
    >
      <div className="govuk-grid-row">
        <div className="govuk-grid-column-full">

          <div className="flex-container grid-row govuk-body ">
            <Login />
            <CaseSearch/>
            <CaseComment/>
            <Inspectorate/>
          </div>
        </div>
      </div>
    </main>
  );
}