2 files changed, 22 insertions, 0 deletions
diff --git a/src/pages/Home/Home.jsx b/src/pages/Home/Home.jsx
index 17cf09d..b132f12 100644
--- a/src/pages/Home/Home.jsx
+++ b/src/pages/Home/Home.jsx
@@ -1,10 +1,28 @@
 import React from 'react'
+import { Link } from 'react-router-dom'
+
+import Card from '../../components/Card/Card'
 import Header from '../../components/Header/Header'
+import styles from './Home.module.css'
 
 const Home = () => {
   return (
     <>
       <Header subheading="Mera Aadhaar Meri Pehchan" />
+      <div className={styles.card__container}>
+        <Link to="/enrollment">
+          <Card
+            title="Enrollment"
+            image={`${process.env.PUBLIC_URL}/assets/images/enrollment.svg`}
+          />
+        </Link>
+        <Link to="/update">
+          <Card
+            title="Update"
+            image={`${process.env.PUBLIC_URL}/assets/images/update.svg`}
+          />
+        </Link>
+      </div>
     </>
   )
 }
diff --git a/src/pages/Home/Home.module.css b/src/pages/Home/Home.module.css
new file mode 100644
index 0000000..de1cead
--- /dev/null
+++ b/src/pages/Home/Home.module.css
@@ -0,0 +1,4 @@
+.card__container {
+  display: flex;
+  justify-content: center;
+}