summaryrefslogtreecommitdiff
path: root/client/src/pages/Home/Home.jsx
diff options
context:
space:
mode:
Diffstat (limited to 'client/src/pages/Home/Home.jsx')
-rw-r--r--client/src/pages/Home/Home.jsx12
1 files changed, 10 insertions, 2 deletions
diff --git a/client/src/pages/Home/Home.jsx b/client/src/pages/Home/Home.jsx
index 7f1fe04..4c9d620 100644
--- a/client/src/pages/Home/Home.jsx
+++ b/client/src/pages/Home/Home.jsx
@@ -3,7 +3,7 @@ import { useTranslation } from 'react-i18next'
import { Link } from 'react-router-dom'
import Card from '../../components/Card/Card'
import Header from '../../components/Header/Header'
-import PopUpModal from '../../components/Modal/Modal'
+import ExtendedPopUpModal from '../../components/Modal/ExtendedModal'
import styles from './Home.module.css'
const Home = ({ page, setPage }) => {
@@ -11,7 +11,15 @@ const Home = ({ page, setPage }) => {
return (
<>
<Header subheading={t('MERA_AADHAAR_MERI_PEHCHAN')} />
- <PopUpModal title={t('FORM_ONE')} />
+ <ExtendedPopUpModal
+ title="Choose the appropriate card"
+ description1="For enrollment of new Aadhaar card"
+ image1={`${process.env.PUBLIC_URL}/assets/images/enrollment.svg`}
+ description2="For updation of details of existing Aadhaar card holders"
+ image2={`${process.env.PUBLIC_URL}/assets/images/update.svg`}
+ description3="For checking the status of Aadhaar card enrollment and update requests"
+ image3={`${process.env.PUBLIC_URL}/assets/images/status.svg`}
+ />
<div className={styles.card__container}>
<Link to="/enrollment">
<Card