From e8a06916b53a60988f429e73030d5231a3ade005 Mon Sep 17 00:00:00 2001
From: Arghya Ghosh <71373838+uiuxarghya@users.noreply.github.com>
Date: Mon, 7 Feb 2022 00:54:35 +0530
Subject: [PATCH 1/4] Create MadeInBadge.js

---
 src/components/home/MadeInBadge.js | 15 +++++++++++++++
 1 file changed, 15 insertions(+)
 create mode 100644 src/components/home/MadeInBadge.js

diff --git a/src/components/home/MadeInBadge.js b/src/components/home/MadeInBadge.js
new file mode 100644
index 00000000..16efae54
--- /dev/null
+++ b/src/components/home/MadeInBadge.js
@@ -0,0 +1,15 @@
+import { IndianFlag } from '@/components/Logos'
+
+export default function MadeInBadge() {
+  return (
+    <div className="title-font flex items-center justify-center pl-6 font-medium text-gray-900 md:justify-start">
+      <div className="mt-2 flex items-center text-sm text-gray-500">
+        Made with
+        <div className="heart mx-2"></div>
+        in
+        <p className="sr-only">India</p>
+        <IndianFlag className="ml-2 h-4 w-auto rounded-sm" />
+      </div>
+    </div>
+  )
+}

From bb46c7b272f0214a05cf449a15c59159764bfddc Mon Sep 17 00:00:00 2001
From: Arghya Ghosh <71373838+uiuxarghya@users.noreply.github.com>
Date: Mon, 7 Feb 2022 00:54:49 +0530
Subject: [PATCH 2/4] Update main.css

---
 src/css/main.css | 48 ++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 48 insertions(+)

diff --git a/src/css/main.css b/src/css/main.css
index b68d0465..bf4b4832 100644
--- a/src/css/main.css
+++ b/src/css/main.css
@@ -52,3 +52,51 @@ thead tr th {
 .prose strong {
   font-weight: 700;
 }
+
+/* Heart */
+
+.heart {
+  position: relative;
+  width: 10px;
+  height: 10px;
+  background-color: red;
+  transform: rotate(45deg) scale(1);
+  border-radius: 0 0 2px 0;
+  animation: pumpHeart 1500ms ease-in-out infinite;
+}
+.heart::before,
+.heart::after {
+  content: '';
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  border-radius: 50%;
+  background-color: red;
+}
+.heart::before {
+  transform: translateY(-50%);
+}
+.heart::after {
+  transform: translateX(-50%);
+}
+
+@keyframes pumpHeart {
+  0% {
+    transform: rotate(45deg) scale(1);
+  }
+  50% {
+    transform: rotate(45deg) scale(1);
+  }
+  60% {
+    transform: rotate(45deg) scale(1.2);
+  }
+  80% {
+    transform: rotate(45deg) scale(0.95);
+  }
+  90% {
+    transform: rotate(45deg) scale(1);
+  }
+  100% {
+    transform: rotate(45deg) scale(1);
+  }
+}

From 77a9be44e2c4cdf47ba826396693cac6b17fd530 Mon Sep 17 00:00:00 2001
From: Arghya Ghosh <71373838+uiuxarghya@users.noreply.github.com>
Date: Mon, 7 Feb 2022 00:55:49 +0530
Subject: [PATCH 3/4] Update Footer.js

---
 src/components/home/Footer.js | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/components/home/Footer.js b/src/components/home/Footer.js
index 6b2a8299..b532fba2 100644
--- a/src/components/home/Footer.js
+++ b/src/components/home/Footer.js
@@ -5,6 +5,7 @@ import { programsNav } from '@/navs/program'
 import clsx from 'clsx'
 import Link from 'next/link'
 import styles from './Footer.module.css'
+import MadeInBadge from './MadeInBadge'
 
 const footerNav = {
   'Getting started': {
@@ -146,8 +147,9 @@ export function Footer() {
               Status
             </p>
           </a>
-          <span className="mt-4 inline-flex justify-center sm:ml-auto sm:mt-0 sm:justify-start">
-          </span>
+          <div className="mt-4 inline-flex justify-center sm:ml-auto sm:mt-0 sm:justify-start">
+            <MadeInBadge />
+          </div>
         </div>
       </div>
     </footer>

From a3f12990447191386af0039f2c572a651355b9a5 Mon Sep 17 00:00:00 2001
From: Arghya Ghosh <71373838+uiuxarghya@users.noreply.github.com>
Date: Mon, 7 Feb 2022 00:58:49 +0530
Subject: [PATCH 4/4] Update MadeInBadge.js

---
 src/components/home/MadeInBadge.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/home/MadeInBadge.js b/src/components/home/MadeInBadge.js
index 16efae54..48077897 100644
--- a/src/components/home/MadeInBadge.js
+++ b/src/components/home/MadeInBadge.js
@@ -3,7 +3,7 @@ import { IndianFlag } from '@/components/Logos'
 export default function MadeInBadge() {
   return (
     <div className="title-font flex items-center justify-center pl-6 font-medium text-gray-900 md:justify-start">
-      <div className="mt-2 flex items-center text-sm text-gray-500">
+      <div className="mt-2 flex items-center text-sm text-gray-500 dark:text-gray-300">
         Made with
         <div className="heart mx-2"></div>
         in