Merge from git

components/homepage/loginSoon.js

@@ -0,0 +1,84 @@
+import Link from "next/link";
+import { useRouter } from "next/router";
+import useTranslation from "next-translate/useTranslation";
+
+export default function LoginSoon() {
+    let { t } = useTranslation();
+
+    const router = useRouter();
+    const { locale } = router;
+    return (
+        <div className="card" id="login-card">
+            <div className="card-body active">
+                <h3 className="heading-small card-heading">
+                    {t("home:login-card-title-temp")}
+                </h3>
+
+                <div className="govuk-form-group govuk-!-margin-top-4">
+                    <p className="govuk-body-s">
+                        {t("home:login-comingsoon-temp-1")}{" "}
+                    </p>
+                    <p className="govuk-body-s">
+                        {t("home:login-comingsoon-temp-2")}
+                    </p>
+                    <ul>
+                        <li>
+                            <a
+                                className="govuk-link--no-underline"
+                                target="_blank"
+                                href={t("home:login-comingsoon-forms-link-1")}
+                                rel="noreferrer"
+                            >
+                                {t("home:login-comingsoon-forms-label-1")}
+                            </a>
+                        </li>
+                        <li>
+                            {" "}
+                            <a
+                                className="govuk-link--no-underline"
+                                target="_blank"
+                                href={t("home:login-comingsoon-forms-link-2")}
+                                rel="noreferrer"
+                            >
+                                {t("home:login-comingsoon-forms-label-2")}
+                            </a>
+                        </li>
+                        <li>
+                            {" "}
+                            <a
+                                className="govuk-link--no-underline"
+                                target="_blank"
+                                href={t("home:login-comingsoon-forms-link-3")}
+                                rel="noreferrer"
+                            >
+                                {t("home:login-comingsoon-forms-label-3")}
+                            </a>
+                        </li>
+                        <li>
+                            {" "}
+                            <a
+                                className="govuk-link--no-underline"
+                                target="_blank"
+                                href={t("home:login-comingsoon-forms-link-4")}
+                                rel="noreferrer"
+                            >
+                                {t("home:login-comingsoon-forms-label-4")}
+                            </a>
+                        </li>
+                    </ul>
+                    <br />
+
+                    <p className="govuk-body-s">
+                        {t("home:login-comingsoon-email-link-label")}{" "}
+                        <a
+                            href={"mailto:" + t("home:login-contact-email")}
+                            className="govuk-link--no-underline"
+                        >
+                            {t("home:login-contact-email")}
+                        </a>
+                    </p>
+                </div>
+            </div>
+        </div>
+    );
+}