diff --git a/src/pages/authentication/RegisterCustom.js b/src/pages/authentication/RegisterCustom.js
index b478d0c..eb6a760 100644
--- a/src/pages/authentication/RegisterCustom.js
+++ b/src/pages/authentication/RegisterCustom.js
@@ -1,76 +1,137 @@
// material-ui
-import {Link, Button, Card , Box, Grid } from '@mui/material';
+import {
+ Dialog, DialogTitle, DialogContent, DialogActions,
+ Link, Button, Card, Box, Grid
+} from '@mui/material';
import Typography from '@mui/material/Typography';
import iAmSmartICon from 'assets/images/icons/icon_iAmSmart.png';
import banner from 'assets/images/bg_ml.jpg';
import { Stack } from '../../../node_modules/@mui/material/index';
+import * as React from 'react';
+
// ================================|| LOGIN ||================================ //
-const RegisterCustom = () => (
-
-
- 
-
- *': {
- flexGrow: 1,
- flexBasis: '50%'
- },
- backgroundColor: "secondary"
- }}
-
- >
-
-
-
- 立即成為憲報刊登公告用戶
- 只需4-5分鐘
-
-
-
-
-
- 個人用戶
- }>以「智方便」繼續
-
-
-
- 你可點擊「智方便」按鈕，系統會自動輸入個人資料，或自行輸入個人資料，以即時啟動憲報刊登公告帳戶。
-
如欲使用「智方便」提供個人資料，請先下載「智方便」流動應用程式並登記成為「智方便」用戶。
-
- 了解更多
-
+const RegisterCustom = () => {
+
+ const [isPopUp, setIsPopUp] = React.useState(false);
+
- 或
+ const registerWithIAmSmart = () => {
+ setIsPopUp(true);
+ }
+
+
+ return (
+
+
+
+ *': {
+ flexGrow: 1,
+ flexBasis: '50%'
+ },
+ backgroundColor: "secondary"
+ }}
+
+ >
+
+
+
+ 立即成為憲報刊登公告用戶
+ 只需4-5分鐘
+
+
+
+
+
+ 個人用戶
+ }>以「智方便」繼續
-
+
+
+ 你可點擊「智方便」按鈕，系統會自動輸入個人資料，或自行輸入個人資料，以即時啟動憲報刊登公告帳戶。
+
如欲使用「智方便」提供個人資料，請先下載「智方便」流動應用程式並登記成為「智方便」用戶。
+
+ 了解更多
+
-
- 需上載身份證明文件數碼檔案以進行網上申請。
-
如：香港身份證; 護照; 中國內地身份證; 專業執業証書等
+ 或
+
+
+
+
+ 需上載身份證明文件數碼檔案以進行網上申請。
+
如：香港身份證; 護照; 中國內地身份證; 專業執業証書等
+
+
+
+ 機構／公司用戶
+
+
+ 需上載以下任何一份證明文件以進行網上申請。
+
如：商業登記證；專業執業證書
+
+
+
+
+
+
+
+
-
-
-
-
+
+
+
+
+
+
+ );
-);
+};
export default RegisterCustom;