From 0bf9707a71d1853540735128986b64565caa0a13 Mon Sep 17 00:00:00 2001
From: Mahimatestgithub <guptamahima7848@gmail.com>
Date: Sun, 27 Oct 2024 17:56:43 +0530
Subject: [PATCH 1/6] Added box shadow in divs

---
 src/User/pages/Home/Home.css | 6 ++++++
 src/User/pages/Home/Home.jsx | 2 ++
 2 files changed, 8 insertions(+)

diff --git a/src/User/pages/Home/Home.css b/src/User/pages/Home/Home.css
index a4264a795..128c369fa 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 3ae24cebe..89c53edc2 100644
--- a/src/User/pages/Home/Home.jsx
+++ b/src/User/pages/Home/Home.jsx
@@ -218,12 +218,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>

From 66aabfa69815b9e8fa920208175f286496bcb452 Mon Sep 17 00:00:00 2001
From: Mahimatestgithub <guptamahima7848@gmail.com>
Date: Mon, 28 Oct 2024 01:39:47 +0530
Subject: [PATCH 2/6] Added subscribe

---
 src/User/pages/Home/Home.jsx | 35 ++++++++++++++++++++++++++++++-----
 1 file changed, 30 insertions(+), 5 deletions(-)

diff --git a/src/User/pages/Home/Home.jsx b/src/User/pages/Home/Home.jsx
index 89c53edc2..0af876329 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="">
@@ -250,6 +264,13 @@ const Home = () => {
             </div>
           </div>
         </section>
+
+
+
+
+
+
+
         {/* App Download Section */}
         <section
           className="py-8 sm:py-12 md:py-16 relative mb-[-1px]"
@@ -288,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%",
@@ -299,9 +322,6 @@ const Home = () => {
                         padding: "10px",
                         marginBottom: "10px",
                         border: "1px solid #ccc",
-                        "@media (maxWidth: 780px)": {
-                          width: "80%",
-                        },
                       }}
                     />
                     <button
@@ -315,8 +335,13 @@ const Home = () => {
                         cursor: "pointer",
                       }}>
                       Subscribe
-                    </button>{" "}
+                    </button>
                   </form>
+                  {isSubscribed && (
+                    <div className="popup-message">
+                      <p>Subscribed successfully!</p>
+                    </div>
+                  )}
                 </div>
               </section>
             </div>

From b4485c375de76167467bb0e20cc98ff970a351e7 Mon Sep 17 00:00:00 2001
From: Mahimatestgithub <guptamahima7848@gmail.com>
Date: Tue, 29 Oct 2024 10:03:26 +0530
Subject: [PATCH 3/6] added hovering to social icons

---
 src/User/components/Footer/Footer.css | 30 +++++++++++++++++++++------
 src/User/components/Footer/Footer.jsx |  3 +++
 2 files changed, 27 insertions(+), 6 deletions(-)

diff --git a/src/User/components/Footer/Footer.css b/src/User/components/Footer/Footer.css
index a8e1a48ef..e9d80ac7d 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 3403cf03a..f25dd454b 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:

From 349fc6bce57f61af91a55141f54fa37fdc442645 Mon Sep 17 00:00:00 2001
From: Mahimatestgithub <guptamahima7848@gmail.com>
Date: Tue, 29 Oct 2024 11:55:51 +0530
Subject: [PATCH 4/6] enhanced contact us

---
 src/User/pages/Contacts/Contact.jsx | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/User/pages/Contacts/Contact.jsx b/src/User/pages/Contacts/Contact.jsx
index bc31b0139..8224050f9 100644
--- a/src/User/pages/Contacts/Contact.jsx
+++ b/src/User/pages/Contacts/Contact.jsx
@@ -100,7 +100,7 @@ function ContactPage() {
             <div className="grid grid-cols-1 md:grid-cols-2 gap-4 mb-4">
               <div>
                 <label htmlFor="fname" className="block mb-2">First Name</label>
-                <input type="text" id="fname" className="w-full p-2 border rounded" placeholder="Enter your first name" minLength={3} required pattern="[a-zA-Z ]+"
+                <input type="text" id="fname" className="w-full p-2 border " placeholder="Enter your first name" minLength={3} required pattern="[a-zA-Z ]+"
               onInvalid={(e) => {
                 e.target.setCustomValidity('Numbers and Symbols are not allowed.');
               }}
@@ -110,7 +110,7 @@ function ContactPage() {
               </div>
               <div>
                 <label htmlFor="lname" className="block mb-2">Last Name</label>
-                <input type="text" id="lname" className="w-full p-2 border rounded" placeholder="Enter your last name" minLength={3} required pattern="[a-zA-Z ]+"
+                <input type="text" id="lname" className="w-full p-2 border " placeholder="Enter your last name" minLength={3} required pattern="[a-zA-Z ]+"
               onInvalid={(e) => {
                 e.target.setCustomValidity('Numbers and Symbols are not allowed.');
               }}
@@ -121,14 +121,14 @@ function ContactPage() {
             </div>
             <div className="mb-4">
               <label htmlFor="email" className="block mb-2">Email</label>
-              <input type="email" id="email" className="w-full p-2 border rounded" placeholder="name@example.com" required />
+              <input type="email" id="email" className="w-full p-2 border" placeholder="name@example.com" required />
             </div>
             <div className="mb-4">
               <label htmlFor="phone" className="block mb-2">Phone</label>
                 <select
                   id="countryCode"
                   name="countryCode"
-                  className="p-2 border rounded mr-2"
+                  className="p-2 border  mr-2"
                   value={countryCode}
                   onChange={(e) => setCountryCode(e.target.value)}
                   required
@@ -143,7 +143,7 @@ function ContactPage() {
                 <input type="tel" 
                 id="phone"
                 name="phone" 
-                className=" p-2 border rounded" 
+                className=" p-2 border " 
                 placeholder="+91888888888" 
                 pattern="\d{10}" 
                 minlength={4} 
@@ -154,7 +154,7 @@ function ContactPage() {
             </div>
             <div className="mb-4">
               <label htmlFor="country" className="block mb-2">Country</label>
-              <select id="country" className="w-full p-2 border rounded" required> {/*added list of all countries */}
+              <select id="country" className="w-full p-2 border " required> {/*added list of all countries */}
                 <option value="IN">India</option>
                 <option value="AF">Afghanistan</option>
                 <option value="AL">Albania</option>
@@ -354,9 +354,9 @@ function ContactPage() {
             </div>
             <div className="mb-4">
               <label htmlFor="message" className="block mb-2">Message</label>
-              <textarea id="message" name="message" rows="3" className="w-full p-2 border rounded" placeholder='Enter your issues you face' minlength="10" required></textarea> {/*fixed min length to 10 char */}
+              <textarea id="message" name="message" rows="3" className="w-full p-2 border" placeholder='Enter your issues you face' minlength="10" required></textarea> {/*fixed min length to 10 char */}
             </div>
-            <button type="submit" className="bg-gray-800 text-white px-4 py-2 rounded hover:bg-gray-700 mb-[5vh]">Send Message</button>
+            <button type="submit" className="bg-gray-800 text-white px-4 py-2  hover:bg-gray-700 mb-[5vh]">Send Message</button>
             </form>
         </div>
       </div>

From a8f54fb1612e747ac8af33bbfddb0c13a64d5f7b Mon Sep 17 00:00:00 2001
From: Mahimatestgithub <guptamahima7848@gmail.com>
Date: Tue, 29 Oct 2024 13:59:09 +0530
Subject: [PATCH 5/6] done

---
 src/App.jsx | 5 -----
 1 file changed, 5 deletions(-)

diff --git a/src/App.jsx b/src/App.jsx
index 1f83ca68d..ecac6994c 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

From 2dce6607ff58ad478395c834e87135a3e53470a3 Mon Sep 17 00:00:00 2001
From: Mahimatestgithub <guptamahima7848@gmail.com>
Date: Tue, 29 Oct 2024 14:38:37 +0530
Subject: [PATCH 6/6] enhanced contact

---
 src/User/pages/Contacts/Contact.jsx | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/User/pages/Contacts/Contact.jsx b/src/User/pages/Contacts/Contact.jsx
index 8224050f9..bc31b0139 100644
--- a/src/User/pages/Contacts/Contact.jsx
+++ b/src/User/pages/Contacts/Contact.jsx
@@ -100,7 +100,7 @@ function ContactPage() {
             <div className="grid grid-cols-1 md:grid-cols-2 gap-4 mb-4">
               <div>
                 <label htmlFor="fname" className="block mb-2">First Name</label>
-                <input type="text" id="fname" className="w-full p-2 border " placeholder="Enter your first name" minLength={3} required pattern="[a-zA-Z ]+"
+                <input type="text" id="fname" className="w-full p-2 border rounded" placeholder="Enter your first name" minLength={3} required pattern="[a-zA-Z ]+"
               onInvalid={(e) => {
                 e.target.setCustomValidity('Numbers and Symbols are not allowed.');
               }}
@@ -110,7 +110,7 @@ function ContactPage() {
               </div>
               <div>
                 <label htmlFor="lname" className="block mb-2">Last Name</label>
-                <input type="text" id="lname" className="w-full p-2 border " placeholder="Enter your last name" minLength={3} required pattern="[a-zA-Z ]+"
+                <input type="text" id="lname" className="w-full p-2 border rounded" placeholder="Enter your last name" minLength={3} required pattern="[a-zA-Z ]+"
               onInvalid={(e) => {
                 e.target.setCustomValidity('Numbers and Symbols are not allowed.');
               }}
@@ -121,14 +121,14 @@ function ContactPage() {
             </div>
             <div className="mb-4">
               <label htmlFor="email" className="block mb-2">Email</label>
-              <input type="email" id="email" className="w-full p-2 border" placeholder="name@example.com" required />
+              <input type="email" id="email" className="w-full p-2 border rounded" placeholder="name@example.com" required />
             </div>
             <div className="mb-4">
               <label htmlFor="phone" className="block mb-2">Phone</label>
                 <select
                   id="countryCode"
                   name="countryCode"
-                  className="p-2 border  mr-2"
+                  className="p-2 border rounded mr-2"
                   value={countryCode}
                   onChange={(e) => setCountryCode(e.target.value)}
                   required
@@ -143,7 +143,7 @@ function ContactPage() {
                 <input type="tel" 
                 id="phone"
                 name="phone" 
-                className=" p-2 border " 
+                className=" p-2 border rounded" 
                 placeholder="+91888888888" 
                 pattern="\d{10}" 
                 minlength={4} 
@@ -154,7 +154,7 @@ function ContactPage() {
             </div>
             <div className="mb-4">
               <label htmlFor="country" className="block mb-2">Country</label>
-              <select id="country" className="w-full p-2 border " required> {/*added list of all countries */}
+              <select id="country" className="w-full p-2 border rounded" required> {/*added list of all countries */}
                 <option value="IN">India</option>
                 <option value="AF">Afghanistan</option>
                 <option value="AL">Albania</option>
@@ -354,9 +354,9 @@ function ContactPage() {
             </div>
             <div className="mb-4">
               <label htmlFor="message" className="block mb-2">Message</label>
-              <textarea id="message" name="message" rows="3" className="w-full p-2 border" placeholder='Enter your issues you face' minlength="10" required></textarea> {/*fixed min length to 10 char */}
+              <textarea id="message" name="message" rows="3" className="w-full p-2 border rounded" placeholder='Enter your issues you face' minlength="10" required></textarea> {/*fixed min length to 10 char */}
             </div>
-            <button type="submit" className="bg-gray-800 text-white px-4 py-2  hover:bg-gray-700 mb-[5vh]">Send Message</button>
+            <button type="submit" className="bg-gray-800 text-white px-4 py-2 rounded hover:bg-gray-700 mb-[5vh]">Send Message</button>
             </form>
         </div>
       </div>