diff --git a/src/App.jsx b/src/App.jsx
index 1f83ca68..ecac6994 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -157,13 +157,8 @@ export default function App() {
           {/* Other user routes */}
           <Route path="contributors" element={<Contributors />} />
           <Route path="about-us" element={<AboutUs />} />
-<<<<<<< HEAD
           <Route path="help" element={<Help />} /> {/* Help page route */}
           <Route path="privacy-policy" element={<Privacy />} />
-=======
-          <Route path="help" element={<Help />} />
-          <Route path="privacy" element={<Privacy />} />
->>>>>>> 5eed12d9 (revert sadaf commit for category changes)
           {/* Privacy policy page route */}
           <Route path="cart" element={<Cart />} /> 
           <Route
diff --git a/src/User/components/Footer/Footer.css b/src/User/components/Footer/Footer.css
index a8e1a48e..e9d80ac7 100644
--- a/src/User/components/Footer/Footer.css
+++ b/src/User/components/Footer/Footer.css
@@ -1,3 +1,4 @@
+/* Existing Footer Styles */
 .footer {
   background-color: #2e2e2e;
   color: #fff;
@@ -9,13 +10,11 @@
 .footer-top {
   display: flex;
   flex-direction: column;
-  /* gap: 20px; */
   align-items: center;
 }
 
 .footer-top .logo img {
   width: 80px;
-  /* Adjusted size for better visibility */
 }
 
 .footer-top .social-media {
@@ -33,7 +32,6 @@
 
 .footer-top .social-icons a img {
   width: 30px;
-  /* Adjusted size for consistency */
 }
 
 .footer-top .contact-info,
@@ -47,7 +45,6 @@
   align-items: center;
   justify-content: center;
   gap: 10px;
-  /* Space between image and text */
   margin: 5px 0;
   color: #fff;
   text-decoration: none;
@@ -60,7 +57,6 @@
 
 .footer-top .address img {
   width: 24px;
-  /* Adjusted size for better alignment */
   height: 24px;
 }
 
@@ -95,6 +91,28 @@
   text-decoration: underline;
 }
 
+/* Social Media Icon Hover Effects */
+.footer-top .social-icons a {
+  transition: transform 0.3s, filter 0.3s;
+}
+
+.footer-top .social-icons a:hover {
+  transform: scale(1.1);
+}
+
+.footer-top .social-icons a:nth-child(1):hover img {
+  filter: brightness(1.2) saturate(1.2);
+}
+
+.footer-top .social-icons a:nth-child(2):hover img {
+  filter: brightness(1.2) saturate(1.2);
+}
+
+.footer-top .social-icons a:nth-child(6):hover img {
+  filter: brightness(1.2) saturate(1.2);
+}
+
+/* Responsive Styles */
 @media (min-width: 768px) {
   .footer-top {
     flex-direction: row;
@@ -123,4 +141,4 @@
     text-align: right;
     justify-content: flex-end;
   }
-}
\ No newline at end of file
+}
diff --git a/src/User/components/Footer/Footer.jsx b/src/User/components/Footer/Footer.jsx
index 3403cf03..f25dd454 100644
--- a/src/User/components/Footer/Footer.jsx
+++ b/src/User/components/Footer/Footer.jsx
@@ -161,6 +161,9 @@ const Footer = () => {
             </p>
           </div>
           <br />
+
+
+
           <div className="social-media flex flex-col justify-center items-center">
             <p className="text-sm text-center text-gray-400 sm:items-center underline">
               SOCIALS:
diff --git a/src/User/pages/Home/Home.css b/src/User/pages/Home/Home.css
index a4264a79..128c369f 100644
--- a/src/User/pages/Home/Home.css
+++ b/src/User/pages/Home/Home.css
@@ -9,6 +9,12 @@
     animation: smoothUpDown 2s infinite alternate ease-in-out;
 }
 
+.custom-shadow {
+    box-shadow: 0px 6px 20px rgba(60, 60, 60, 0.3); /* Dark gray, thick shadow */
+    border-radius: 8px;
+  }
+  
+  
 @keyframes smoothUpDown {
 
     0%,
diff --git a/src/User/pages/Home/Home.jsx b/src/User/pages/Home/Home.jsx
index 3ae24ceb..0af87632 100644
--- a/src/User/pages/Home/Home.jsx
+++ b/src/User/pages/Home/Home.jsx
@@ -135,6 +135,9 @@ const Home = () => {
   const [suggestions, setSuggestions] = useState([]);
   const navigate = useNavigate();
 
+  const [isSubscribed, setIsSubscribed] = useState(false);
+  const [email, setEmail] = useState("");
+
   const handleSearch = (e) => {
     const term = e.target.value;
     setSearchTerm(term);
@@ -160,6 +163,17 @@ const Home = () => {
     sectionRef.current.scrollIntoView({ behavior: "smooth" });
   };
 
+
+  const handleSubscribe = (e) => {
+    e.preventDefault();
+    setIsSubscribed(true); // Show the success message
+    setTimeout(() => {
+      setIsSubscribed(false); // Hide the message
+      setEmail(""); // Clear the email input
+    }, 3000); // 3 seconds
+  };
+  
+
   return (
     <div className="bg-[#fff0e3ff]">
       <main className="">
@@ -218,12 +232,14 @@ const Home = () => {
             </h2>
             <div className="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 gap-3 sm:gap-4 md:gap-6">
               {popularCategories.map((category, index) => (
+                <div key={index} className="custom-shadow">
                 <CategoryCard
                   key={index}
                   name={category.name}
                   image={category.image}
                   path={category.path}
                 />
+                  </div>
               ))}
             </div>
           </div>
@@ -248,6 +264,13 @@ const Home = () => {
             </div>
           </div>
         </section>
+
+
+
+
+
+
+
         {/* App Download Section */}
         <section
           className="py-8 sm:py-12 md:py-16 relative mb-[-1px]"
@@ -286,10 +309,12 @@ const Home = () => {
                     Subscribe to our newsletter to receive exclusive updates,
                     promotions, and tips.
                   </p>
-                  <form>
+                  <form onSubmit={handleSubscribe}>
                     <input
                       type="email"
                       placeholder="Enter your email address"
+                      value={email}
+                      onChange={(e) => setEmail(e.target.value)}
                       style={{
                         color: "black",
                         width: "100%",
@@ -297,9 +322,6 @@ const Home = () => {
                         padding: "10px",
                         marginBottom: "10px",
                         border: "1px solid #ccc",
-                        "@media (maxWidth: 780px)": {
-                          width: "80%",
-                        },
                       }}
                     />
                     <button
@@ -313,8 +335,13 @@ const Home = () => {
                         cursor: "pointer",
                       }}>
                       Subscribe
-                    </button>{" "}
+                    </button>
                   </form>
+                  {isSubscribed && (
+                    <div className="popup-message">
+                      <p>Subscribed successfully!</p>
+                    </div>
+                  )}
                 </div>
               </section>
             </div>