From 0ee9f16403c1d6c5dff83fe4de5f58cd0c469913 Mon Sep 17 00:00:00 2001
From: Adarsh Singh Tomar <adarshsinghtomar7909043383@gmail.com>
Date: Thu, 1 Aug 2024 19:29:14 +0530
Subject: [PATCH 1/3] placeholder added

---
 web/src/components/contact-modal/contact-modal.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/web/src/components/contact-modal/contact-modal.tsx b/web/src/components/contact-modal/contact-modal.tsx
index e4490991a3..77857861a3 100644
--- a/web/src/components/contact-modal/contact-modal.tsx
+++ b/web/src/components/contact-modal/contact-modal.tsx
@@ -23,15 +23,15 @@ export default function ContactModal({ onRequestClose }: Props) {
       <br />
 
       <Localized id="email-input" attrs={{ label: true }}>
-        <LabeledInput label="Email" name="email" required type="email" />
+        <LabeledInput label="Email" placeholder="Enter your Email" name="email" required type="email" />
       </Localized>
 
       <Localized id="contact-form-name" attrs={{ label: true }}>
-        <LabeledInput label="Name" name="name" type="text" />
+        <LabeledInput label="Name" placeholder="Enter your Name" name="name" type="text" />
       </Localized>
 
       <Localized id="contact-form-message" attrs={{ label: true }}>
-        <LabeledTextArea label="Message" name="message" required rows={6} />
+        <LabeledTextArea label="Message" placeholder="Enter your Message" name="message" required rows={6} />
       </Localized>
 
         <div className="actions">

From 3c3d06e4b00d2b6b9832dc4c5c9e8775cd84ed4e Mon Sep 17 00:00:00 2001
From: Adarsh Singh Tomar <adarshsinghtomar7909043383@gmail.com>
Date: Thu, 1 Aug 2024 19:46:52 +0530
Subject: [PATCH 2/3] add hover effect

---
 web/src/components/layout/footer.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/web/src/components/layout/footer.css b/web/src/components/layout/footer.css
index eb40c982c3..015905d89a 100644
--- a/web/src/components/layout/footer.css
+++ b/web/src/components/layout/footer.css
@@ -219,4 +219,4 @@ footer {
     @media (--xl-up) {
         padding: 1.5rem 2rem;
     }
-}
+}
\ No newline at end of file

From 32dc5ce554a119e690aa0fe2b91ea214eb64b424 Mon Sep 17 00:00:00 2001
From: Adarsh Singh Tomar <adarshsinghtomar7909043383@gmail.com>
Date: Thu, 1 Aug 2024 19:52:09 +0530
Subject: [PATCH 3/3] add more hover effect

---
 web/src/components/layout/footer.css | 42 +++++++++++++++++++++++++++-
 1 file changed, 41 insertions(+), 1 deletion(-)

diff --git a/web/src/components/layout/footer.css b/web/src/components/layout/footer.css
index 015905d89a..ed63065a06 100644
--- a/web/src/components/layout/footer.css
+++ b/web/src/components/layout/footer.css
@@ -28,9 +28,49 @@ footer {
         }
 
         &:hover {
-            opacity: 0.6;
+            color: rgb(21, 21, 114);
+            font-size: 1.1rem;
+            transition: .6s;
         }
     }
+    
+    & a {
+        position: relative;
+        text-decoration: none;
+    }
+    & button {
+        position: relative;
+        text-decoration: none;
+    }
+    
+    & a:after {
+        content: '';
+        position: absolute;
+        left: 0;
+        bottom: -2px; /* Adjust based on desired distance from the text */
+        width: 0;
+        height: 2px; /* Adjust the thickness of the underline */
+        background-color: rgb(44, 44, 116); /* Color of the underline */
+        transition: width .6s;
+    }
+    & button:after {
+        content: '';
+        position: absolute;
+        left: 0;
+        bottom: -2px; /* Adjust based on desired distance from the text */
+        width: 0;
+        height: 2px; /* Adjust the thickness of the underline */
+        background-color: rgb(44, 44, 116); /* Color of the underline */
+        transition: width .6s;
+    }
+    
+    & a:hover:after {
+        width: 100%;
+    }
+    & button:hover:after {
+        width: 100%;
+    }
+    }
 
     & img {
         margin-bottom: var(--standard-margin);