From 02936bcdabb5e2550b12fa94d435fdbcff348f71 Mon Sep 17 00:00:00 2001
From: rohan09-raj <rajrohan1914@gmail.com>
Date: Sun, 21 Aug 2022 20:05:34 +0530
Subject: added modal

---
 client/src/pages/Home/Home.jsx | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

(limited to 'client/src/pages/Home/Home.jsx')

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
-- 
cgit 

