added representation, case flows

2021-08-04 09:29:28 +01:00
parent 0083df2209
commit f13493ac46
37 changed files with 1928 additions and 343 deletions
@@ -1,13 +1,42 @@
 // 404.js
 import Link from "next/link";
+import Head from "next/head";
+import Header from "../components/header";
+import Banner from "../components/banner";
+import CookieBanner from "../components/cookieBanner";
+import useTranslation from "next-translate/useTranslation";
+import Footer from "../components/footer";
+
+const FourOhFour = (props) => {
+    let { t, lang } = useTranslation();
+    const { footerLinks, pages } = props;

-export default function FourOhFour() {
    return (
-        <>
-            <h1>404 - Page Not Found</h1>
-            <Link href="/">
-                <a>Go back home</a>
-            </Link>
-        </>
+        <div>
+            <Head>
+                <title>
+                    {t("case:page-title")} - {t("common:service-name")}
+                </title>
+            </Head>
+            <div id="page_wrapper">
+                <CookieBanner />
+                <Header courseName={t("common:service-name")} />
+                <div className="govuk-width-container govuk-!-padding-bottom-9">
+                    <main className="govuk-main-wrapper govuk-!-padding-top-9 govuk-!-padding-bottom-9">
+                        <div className="govuk-grid-row">
+                            <div className="govuk-grid-column-two-thirds ">
+                                <h1>404 - Page Not Found</h1>
+                                <Link href="/">
+                                    <a>Go back home</a>
+                                </Link>
+                            </div>
+                        </div>
+                    </main>
+                </div>
+                <Footer footerLinks={footerLinks} />
+            </div>
+        </div>
    );
-}
+};
+
+export default FourOhFour;