updated

components/home/LetDiscover.js

@@ -97,7 +97,7 @@ const LetDiscover = ({ categories }) => {
                               }}
                             >
                               <span className="image-container">
-                                <Image layout="fill" alt="" className="image img-fluid" src={cleanImage(data?.attributes?.image?.data?.attributes)} />
+                                <Image priority={false} loading="lazy" layout="fill" alt="" className="image img-fluid" src={cleanImage(data?.attributes?.image?.data?.attributes)} />
                               </span>
                               <div className="title">{data?.attributes?.name}</div>
                             </a>

components/layout/Footer.js

@@ -45,8 +45,8 @@ const Footer = () => {
             <div className="col-md-3">
               <div className="footer-link">
                 <h3>VENDOR SIGN UP</h3>
-                <div className="">
-                  <Button href="/login/vendor" variant="light me-3">
+                <div className="vendor-signup">
+                  <Button href="/login/vendor" variant="light me-3 mb-md-2">
                     Log In
                   </Button>
                   <Button href="/signup/vendor" variant="primary">
@@ -62,7 +62,7 @@ const Footer = () => {
             </div>
           </div>
           <div className="row">
-            <div className="col-md-3">
+            <div className="col-sm-12 col-md-6 col-lg-3">
               <div className="footer-link mtp-0">
                 <h3>QUICK LINKS</h3>
                 <ul>
@@ -87,7 +87,7 @@ const Footer = () => {
                 </ul>
               </div>
             </div>
-            <div className="col-md-3">
+            <div className="col-sm-12 col-md-6 col-lg-3">
               <div className="footer-link">
                 <h3>CONTACT </h3>
                 <div className="icon-text">
@@ -116,7 +116,7 @@ const Footer = () => {
                 </div>
               </div>
             </div>
-            <div className="col-md-3">
+            <div className="col-sm-12 col-md-6 col-lg-3  mt-md-4">
               <div className="footer-link">
                 <h3>HELP</h3>
                 <ul>
@@ -135,7 +135,7 @@ const Footer = () => {
                 </ul>
               </div>
             </div>
-            <div className="col-md-3">
+            <div className="col-sm-12 col-md-6 col-lg-3 mt-md-4">
               <div className="footer-link mb-3">
                 <h3>FOLLOW US ON</h3>
                 <div className="social-icon">
@@ -162,7 +162,7 @@ const Footer = () => {
                 <div className="subscribe">
                 <form onSubmit={handleSubmit}>
                     <div className="row">
-                      <div className="col-12 d-flex align-items-center justify-content-between">
+                      <div className="col-12 d-flex align-items-center justify-content-start justify-content-lg-between">
                         <input
                           id="subscribe"
                           onChange={e => {

components/user/MyProfile.js

@@ -161,7 +161,7 @@ const MyProfile = () => {
                                             >
                                                 <div className="row align-items-center justify-content-between">
                                                     <div className="col-lg-12 d-flex align-items-center">
-                                                        <span className="image-container me-4">
+                                                        <span className="image-container me-4 profile-img-s">
                                                             <Image layout="fill" alt="" src="/images/user/user-big.jpg" className="image" />
                                                         </span>
                                                         <p className="username">

styles/globals.css

@@ -2171,6 +2171,7 @@ footer .icon-text .image-container {
   width: 20px;
   display: block;
   margin-right: 1rem;
+  flex: 0 0 auto;
 }
 
 footer .icon-text {
@@ -2204,9 +2205,9 @@ footer .subscribe input {
   border: 1px solid #fff;
   border-radius: 5px;
   background: transparent;
-  font-size: 12px;
+  font-size: calc(12px + (12px - 12px) * (100vw - 320px) / (1920 - 320));
   line-height: 14px;
-  padding: 0.6rem;
+  padding: 0.5vw;
   color: #fff;
   margin-right: 0.5rem;
   width: 100%;
@@ -2825,9 +2826,9 @@ button:focus:not(:focus-visible) {
 }
 
 .subscribe label .btn {
-  font-size: 16px;
-  padding-left: 1rem;
-  padding-right: 1rem;
+  font-size: calc(12px + (16 - 12) * (100vw - 320px) / (1920 - 320));
+  line-height: calc(14px + (18 - 14) * (100vw - 320px) / (1920 - 320));
+  padding: 0.5vw;
 }
 
 .mySwiper01 .swiper-button-prev:after,
@@ -3806,6 +3807,10 @@ img:hover {
   }
 }
 @media (max-width: 1023px) {
+  .footer-link h3 {
+    font-size: 1.85vw;
+    line-height: 1.85vw;
+}
   .gift-card-amt ul li a,
   .gift-card-amt ul li label {
     padding: 1.5rem 2.8rem;
@@ -3869,8 +3874,20 @@ img:hover {
   }
 }
 @media (max-width: 991px) {
+  .vendor-signup a{
+    min-width: 140px;
+  }
 }
 @media (max-width: 767px) {
+  .subscribe label .btn {
+    padding: 2.8vw;
+}
+  footer .subscribe input {
+    padding: 2.8vw;
+}
+ .form-container.content-wraaper .bg-white.border-div .profile-img-s{
+    width: 12vw;
+  }
   .gift-an-experience-session {
     margin-bottom: 2rem;
   }