diff options
Diffstat (limited to 'client/src/pages/Home/Home.jsx')
-rw-r--r-- | client/src/pages/Home/Home.jsx | 12 |
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 |