re ordered home page cards and updated text

components/homepage/login.js

@@ -5,6 +5,7 @@ import { connect } from "react-redux";
 import { parseCookies } from "nookies";
 import { setLoggedInUserId } from "../../store/accountDetails/action";
 import { signOut, useSession } from "next-auth/react";
+import CaseComment from "./casecomment";
 
 const required = (errorMsg) => (value) =>
     value || typeof value === "number" ? undefined : errorMsg;
@@ -71,11 +72,17 @@ let Login = (props) => {
         <>
             <div className="card" id="login-card">
                 <div className="card-body active">
+                    <h3 className="heading-mid card-heading">
+                        {t("home:signin-benefits-title")}
+                    </h3>
+                    <p className="govuk-body-s">
+                        {t("home:signin-benefits-paragraph")}
+                    </p>
                     <h3 className="heading-small card-heading">
                         {/* {t("home:login-card-title")} */}
                         {t("home:login-card-title-temp")}
                     </h3>{" "}
-                    <div className="govuk-form-group govuk-!-margin-top-4">
+                    {/* <div className="govuk-form-group govuk-!-margin-top-4">
                         <div className="govuk-body">
                             {session && "Signed in as " + session.user?.email}
                         </div>
@@ -107,15 +114,14 @@ let Login = (props) => {
                                 Magic Link Sign Out
                             </button>
                         )}
-                    </div>
+                    </div> */}
                     <p className="govuk-body-s">
                         {t("home:login-comingsoon-temp-1")}{" "}
                     </p>
-                    <p className="govuk-body-s">
+                    {/* <p className="govuk-body-s">
                         {t("home:login-comingsoon-temp-1a")}{" "}
-                    </p>
+                    </p> */}
                     <div className="govuk-form-group govuk-!-margin-top-4">
-                        <hr className="govuk-!-margin-bottom-4" />
                         <p className="govuk-body-s">
                             {t("home:login-comingsoon-temp-2")}
                         </p>
@@ -172,19 +178,9 @@ let Login = (props) => {
                                 </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>
+                <CaseComment />
             </div>
         </>
     );