re ordered home page cards and updated text

components/homepage/casecomment.js

@@ -7,11 +7,18 @@ export default function CaseComment() {
     const router = useRouter();
     const { locale } = router;
     return (
-        <div className="card" id="casescomment-card">
-            <div className="card-body">
+        <div id="casescomment-card">
+            <div className="card-body card-body govuk-!-padding-top-0">
                 <h3 className="heading-small card-heading">
                     {t("home:casescomment-card-title")}
                 </h3>
+
+                <p className="gouk-body-s">
+                    {t("home:casescomment-card-paragraph-three")}
+                </p>
+                <p className="gouk-body-s">
+                    {t("home:casescomment-card-paragraph-four")}
+                </p>
                 <p className="govuk-body-s">
                     {t("home:casescomment-card-paragraph-one")}{" "}
                     <a
@@ -24,6 +31,15 @@ export default function CaseComment() {
                 <p className="govuk-body-s">
                     {t("home:casescomment-card-paragraph-two")}
                 </p>
+                <h3 className="heading-small card-heading">
+                    {t("home:watch-case-card-title")}
+                </h3>
+                <p className="govuk-body-s">
+                    {t("home:watch-case-paragraph-one")}
+                </p>
+                {/* <p className="govuk-body-s">
+                    {t("home:casescomment-card-paragraph-two")}
+                </p> */}
             </div>
         </div>
     );

components/homepage/casesearch.js

@@ -4,6 +4,7 @@ import { useRouter } from "next/router";
 import { connect } from "react-redux";
 import { Field, reduxForm, SubmissionError } from "redux-form";
 import { sendGAEvent } from "@next/third-parties/google";
+import Dns from "./dns";
 
 const required = (errorMsg) => (value) =>
     value || typeof value === "number" ? undefined : errorMsg;
@@ -175,6 +176,7 @@ let CaseSearch = (props) => {
                         </Link>
                     </div>
                 </form>
+                <Dns />
             </div>
         </>
     );

components/homepage/dns.js

@@ -15,7 +15,7 @@ export default function Dns() {
     //         : setShowSpinnerState(true);
     // };
     return (
-        <div className="card" id="dns-card">
+        <div id="dns-card">
             <div className="card-body">
                 <h3 className="heading-small card-heading">
                     {t("home:dns-card-title")}

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>
         </>
     );

components/main.js

@@ -34,8 +34,8 @@ const MainHome = (props) => {
                                 <Login session={session} siteurl={siteurl} />
                             </>
                         )}{" "}
-                        <CaseComment />
-                        <Dns />
+                        {/* <CaseComment /> */}
+                        {/* <Dns /> */}
                     </div>
                 </div>
             </div>