update home page message and about us

src/pages/authentication/AuthWrapper.js

@@ -1,76 +1,80 @@
 import PropTypes from 'prop-types';
-
-// material-ui
-import { Box, Grid,Typography } from '@mui/material';
-
-// project import
+import { Box, Grid, Typography } from '@mui/material';
+// import { Stack } from '@mui/material';
 import Loadable from 'components/Loadable';
 import { lazy } from 'react';
+import { FormattedMessage, useIntl } from "react-intl";
+import { checkSysEnv } from "utils/Utils";
+import backbroundImg from 'assets/images/bg_ml.jpg';
+import 'assets/style/loginStyles.css';
+
 const AuthCard = Loadable(lazy(() => import('./AuthCardCustom')));
-//import AuthCard from './AuthCard';
 
-// assets
-// import AuthBackground from 'assets/images/auth/AuthBackground';
-// import backgroundImage from 'assets/images/hero-printing.png';
-import backbroundImg from 'assets/images/bg_ml.jpg'
-import 'assets/style/loginStyles.css'
-import { Stack } from '../../../node_modules/@mui/material/index';
-import {FormattedMessage} from "react-intl";
 const BackgroundHead = {
   backgroundImage: `url(${backbroundImg})`,
   width: '100%',
   height: '100%',
-  backgroundSize:'cover'
-}
-import {
-  checkSysEnv
-} from "utils/Utils";
+  backgroundSize: 'cover'
+};
 
-// ==============================|| AUTHENTICATION - WRAPPER ||============================== //
+const AuthWrapper = ({ children }) => {
+  // Move useIntl inside component
+  const intl = useIntl();
 
-const AuthWrapper = ({ children }) => (
-  <Box sx={{ minHeight: '87vh' }}>
-    {/* <AuthBackground /> */}
-    {/* <img src={banner} alt="banner" width="100%" /> */}
-    <div style={BackgroundHead}>
-      <Grid
-        container
-        direction="row"
-        justifyContent="space-between"
-        alignItems="center"
-        sx={{
-          minHeight: '87vh'
-        }}
-      >
-        <Grid item xs={11}>
-          <Stack direction="row"
-            justifyContent="space-between"
-            alignItems="center"
-            spacing={2}>
-            <Grid item xs={12} md={8} lg={8} xl={9} sx={{ ml: 4, mt: 3 ,display: { xs: 'none', sm: 'block' }}}>
-              <Typography style={{textAlign: "center",fontSize: "1.8rem"}}>
-                <FormattedMessage id="HKSARGOV"/>
-              </Typography>
-              <Typography style={{textAlign: "center",fontSize: "1.8rem"}}>
-                <FormattedMessage id="Gazette"/>
-              </Typography>
-              <Typography style={{textAlign: "center",fontSize: "1.8rem"}}>
-                <FormattedMessage id="PNSPS_fullname"/>
-              </Typography>
-              {
-                checkSysEnv()!=''?
-                  <Typography style={{color: 'red',textAlign: "center",fontSize: "1.8rem"}}>
-                    User Acceptance Test Environment
+  return (
+    <Box sx={{ minHeight: '87vh' }}>
+      <div style={BackgroundHead}>
+        <Grid
+          container
+          direction="row"
+          justifyContent="space-between"
+          alignItems="center"
+          sx={{
+            minHeight: '87vh'
+          }}
+        >
+          <Grid item xs={12} md={9} lg={9} xl={9} >
+            <Grid container direction="column"
+              justifyContent="flex-start"
+              alignItems="flex-start"
+              // spacing={2}
+              sx={{ minHeight: { md: 'calc(87vh)' } }}
+            >
+              <Grid item xs={12}>
+                <Typography style={{ textAlign: "flex-start" }}>
+                  <div style={{ padding: 12 }} dangerouslySetInnerHTML={{ __html: intl.formatMessage({ id: "homePageHeaderMessage" }) }} />
+                </Typography>
+              </Grid>
+              <Grid container direction="column"
+              justifyContent="flex-start"
+              alignItems="center"
+              spacing={2}
+              sx={{ minHeight: { md: 'calc(50vh)' } }}
+              >
+                <Grid item xs={12} sx={{ ml: 4, mt: 12, display: { xs: 'none', sm: 'block' } }}>
+                  <Typography style={{ textAlign: "center", fontSize: "1.8rem" }}>
+                    <FormattedMessage id="HKSARGOV" />
+                  </Typography>
+                  <Typography style={{ textAlign: "center", fontSize: "1.8rem" }}>
+                    <FormattedMessage id="Gazette" />
+                  </Typography>
+                  <Typography style={{ textAlign: "center", fontSize: "1.8rem" }}>
+                    <FormattedMessage id="PNSPS_fullname" />
                   </Typography>
-                :""
-              }
+                  {
+                    checkSysEnv() !== '' ?
+                      <Typography style={{ color: 'red', textAlign: "center", fontSize: "1.8rem" }}>
+                        User Acceptance Test Environment
+                      </Typography>
+                      : ""
+                  }
+                </Grid>
+
+              </Grid>
             </Grid>
+          </Grid>
+          <Grid item xs={12} md={3} lg={3} xl={3}>
             <Grid
-              item
-              xs={12}
-              md={4}
-              lg={4}
-              xl={4}
               container
               justifyContent="right"
               alignItems="center"
@@ -80,16 +84,15 @@ const AuthWrapper = ({ children }) => (
                 <AuthCard>{children}</AuthCard>
               </Grid>
             </Grid>
-          </Stack>
+          </Grid>
         </Grid>
-      </Grid>
-    </div>
-    {/* <AuthFooter/> */}
-  </Box>
-);
+      </div>
+    </Box>
+  );
+};
 
 AuthWrapper.propTypes = {
   children: PropTypes.node
 };
 
-export default AuthWrapper;
+export default AuthWrapper;

src/pages/extra-pages/AboutUs/AboutUs_cn.js

@@ -5,6 +5,7 @@ const AboutUs = () => {
 		<div style="text-align: justify; text-justify: inter-word; font-style: normal;">
 		<h1 style="color:#0000AA;">宪报公共启事提交及缴费系统(系统)</h1>
 		<p>「<a target="_brank" href="https://pnsps.gld.gov.hk/">宪报公共启事提交及缴费系统</a>」已于2024年8月顺利启用，并将于2026年1月28日全面推行。由<b>2026年1月28日</b>开始，所有申请人必须使用网上「宪报公共启事提交及缴费系统」提交公共启事申请及缴交相关费用，申请人可以选择转数快（FPS）、 缴费灵（PPS）和信用卡缴交费用。现诚邀所有刊登宪报公共启事申请人及早为新安排做好准备，立即<a target="_brank" href="https://pnsps.gld.gov.hk/register">登记成为系统用户</a>，使用系统提交申请，以体验新平台的便捷。 </p>
+		<p>如果你对上述网上付款方式的设定有任何查询，请联络你的银行（转数快及信用卡）或缴费灵（缴费灵热线：2311 9876）。</p>
 		<h2 style="color:#00A650;">透过系统于宪报刊登公共启事须知</h2>
 
 		<p>香港特别行政区政府宪报一般在星期五出版。在宪报上刊登公共启事，透过系统提交的申请，必须在预计刊登公共启事的该星期的星期二上午八时前提交。如星期一至星期五的其中一天为公众假期，则申请须于预计刊登公共启事的该星期的星期一上午八时前透过系统提交申请。如遇两天或以上的公众假期，截稿日期和时间将于假期前三星期在宪报第6号副刊及<a target="_brank" href="https://www.gld.gov.hk/ egazette/tc_chi/index.html">宪报网页</a>内公布。 </p>

src/pages/extra-pages/AboutUs/AboutUs_en.js

@@ -5,6 +5,7 @@ const AboutUs = () => {
 	<div style="text-align: justify; text-justify: inter-word; font-style: normal;">
 		<h1 style="color:#0000AA;">Gazette Public Notice Submission and Payment System (PNSPS)</h1>
 		<p>The <a target="_brank" href="https://pnsps.gld.gov.hk/">Gazette Public Notice Submission and Payment System (PNSPS)</a> has been smoothly rolled out in August 2024 and will be fully implemented on 28 January 2026.  Starting from 28 January 2026, applications for publication of public notice in the Government Gazette and payment of gazette fee must be made online via the PNSPS.  FPS (轉數快), PPS (繳費靈) and credit card are available in the PNSPS for payment of gazette fee.  We would like to invite all applicants for publishing public notices in the Gazette to get well prepared for the change early, <a target="_brank" href="https://pnsps.gld.gov.hk/register">register as PNSPS user</a> now and submit online applications to experience the benefits of the new online platform.</p>
+		<p>If you have any enquiries on the set-up of the above online payment methods, please contact your bank (for FPS and credit card) or the PPS (PPS hotline: 2311 9876).</p>
 		<h2 style="color:#00A650;">Notes on Publishing Public Notices in the Gazette through PNSPS</h2>
 
 

src/pages/extra-pages/AboutUs/AboutUs_zh.js

@@ -5,6 +5,7 @@ const AboutUs = () => {
 	<div style="text-align: justify; text-justify: inter-word; font-style: normal;">
 		<h1 style="color:#0000AA;">憲報公共啟事提交及繳費系統(系統)</h1>
 		<p>「<a target="_brank" href="https://pnsps.gld.gov.hk/">憲報公共啟事提交及繳費系統</a>」已於2024年8月順利啟用，並將於2026年1月28日全面推行。由<b>2026年1月28日</b>開始，所有申請人必須使用網上「憲報公共啟事提交及繳費系統」提交公共啟事申請及繳交相關費用，申請人可以選擇轉數快（FPS）、 繳費靈（PPS）和信用卡繳交費用。現誠邀所有刊登憲報公共啟事申請人及早為新安排做好準備，立即<a target="_brank" href="https://pnsps.gld.gov.hk/register">登記成為系統用戶</a>，使用系統提交申請，以體驗新平台的便捷。</p>
+		<p>如果你對上述網上付款方式的設定有任何查詢，請聯絡你的銀行（轉數快及信用卡）或繳費靈（繳費靈熱線：2311 9876）。</p>
 		<h2 style="color:#00A650;">透過系統於憲報刊登公共啟事須知</h2>
 
 

src/translations/en.json

@@ -12,6 +12,7 @@
   "PNSPS": "PNSPS",
   "PNSPS_fullname": "Public Notice Submission and Payment System",
   "HKSARGOV": "The Government of the Hong Kong Special Administrative Region",
+  "homePageHeaderMessage": "<p>The <a target='_brank' href='https://pnsps.gld.gov.hk/'>Gazette Public Notice Submission and Payment System (PNSPS)</a> has been smoothly rolled out in August 2024 and will be fully implemented on 28 January 2026.  Starting from 28 January 2026, applications for publication of public notice in the Government Gazette and payment of gazette fee must be made online via the PNSPS.  FPS (轉數快), PPS (繳費靈) and credit card are available in the PNSPS for payment of gazette fee.  We would like to invite all applicants for publishing public notices in the Gazette to get well prepared for the change early, <a target='_brank' href='https://pnsps.gld.gov.hk/register'>register as PNSPS user</a> now and submit online applications to experience the benefits of the new online platform.</p><p>If you have any enquiries on the set-up of the above online payment methods, please contact your bank (for FPS and credit card) or the PPS (PPS hotline: 2311 9876).</p>",
   "HKGLD": "Government Logistics Department",
   "importantNotice": "Important Notice",
   "privacyPolicy": "Privacy Policy",

src/translations/zh-CN.json

@@ -12,6 +12,7 @@
   "PNSPS": "宪报公共启事提交及缴费系统",
   "PNSPS_fullname": "公共启事提交及缴费系统",
   "HKSARGOV": "香港特别行政区政府",
+  "homePageHeaderMessage": "<p>「<a target='_brank' href='https://pnsps.gld.gov.hk/'>宪报公共启事提交及缴费系统</a>」已于2024年8月顺利启用，并将于2026年1月28日全面推行。由<b>2026年1月28日</b>开始，所有申请人必须使用网上「宪报公共启事提交及缴费系统」提交公共启事申请及缴交相关费用，申请人可以选择转数快（FPS）、 缴费灵（PPS）和信用卡缴交费用。现诚邀所有刊登宪报公共启事申请人及早为新安排做好准备，立即<a target='_brank' href='https://pnsps.gld.gov.hk/register'>登记成为系统用户</a>，使用系统提交申请，以体验新平台的便捷。 </p><p>如果你对上述网上付款方式的设定有任何查询，请联络你的银行（转数快及信用卡）或缴费灵（缴费灵热线：2311 9876）。</p>",
   "HKGLD": "政府物流服务署",
   "importantNotice": "重要告示",
   "privacyPolicy": "私隐政策",

src/translations/zh-HK.json

@@ -12,6 +12,7 @@
   "PNSPS": "憲報公共啟事提交及繳費系統",
   "PNSPS_fullname": "公共啟事提交及繳費系統",
   "HKSARGOV": "香港特別行政區政府",
+  "homePageHeaderMessage": "<p>「<a target='_brank' href='https://pnsps.gld.gov.hk/'>憲報公共啟事提交及繳費系統</a>」已於2024年8月順利啟用，並將於2026年1月28日全面推行。由<b>2026年1月28日</b>開始，所有申請人必須使用網上「憲報公共啟事提交及繳費系統」提交公共啟事申請及繳交相關費用，申請人可以選擇轉數快（FPS）、 繳費靈（PPS）和信用卡繳交費用。現誠邀所有刊登憲報公共啟事申請人及早為新安排做好準備，立即<a target='_brank' href='https://pnsps.gld.gov.hk/register'>登記成為系統用戶</a>，使用系統提交申請，以體驗新平台的便捷。</p><p>如果你對上述網上付款方式的設定有任何查詢，請聯絡你的銀行（轉數快及信用卡）或繳費靈（繳費靈熱線：2311 9876）。</p>",
   "HKGLD": "政府物流服務署",
   "importantNotice": "重要告示",
   "privacyPolicy": "私隱政策",