diff --git a/src/components/Footer.jsx b/src/components/Footer.jsx
index a18a00a..64b81aa 100644
--- a/src/components/Footer.jsx
+++ b/src/components/Footer.jsx
@@ -46,7 +46,7 @@ const Footer = () => {
       <div className='flex flex-col items-center gap-6 w-full mb-8 text-[#1a1a1a] text-base md:text-lg'>
         <div className="w-[90%] md:w-[80%] h-[3px] bg-[#57697b99] mt-6"></div>
         <hr className='w-[90%] md:w-[80%] border-none rounded-[10px] h-[3px] text-[#000000cc]' />
-        <p className='text-center'>Copyright @ 2024 - All Right Reserved</p>
+        <p className='text-center'>© {new Date().getFullYear()} - All Rights Reserved</p>
       </div>
     </div>
   );
diff --git a/src/components/Navbar.jsx b/src/components/Navbar.jsx
index 6d84429..6afbc72 100644
--- a/src/components/Navbar.jsx
+++ b/src/components/Navbar.jsx
@@ -21,122 +21,6 @@ const Navbar = () => {
     setIsMenuOpen(false);
   };
 
-  return (
-    <div className="navbar fixed top-0 left-0 w-full flex justify-between items-center p-4 shadow-md bg-white z-50">
-      <div className="flex items-center gap-2">
-        <img className="w-10" src={logo} alt="Logo" />
-        <p className="text- text-lg md:text-2xl font-semibold">
-          Shopper's Stop
-        </p>
-      </div>
-
-      <img
-        className="block md:hidden w-8 cursor-pointer"
-        src={ham}
-        onClick={toggleMenu}
-        alt="Menu"
-      />
-
-      {isMenuOpen && (
-        <div
-          className="fixed inset-0 bg-black bg-opacity-50 z-50"
-          onClick={closeMenu}
-        >
-          <ul
-            ref={menuRef}
-            className="absolute top-0 left-0 right-0 bg-white p-4 flex flex-col gap-4 text-lg font-medium text-[#626262] z-50"
-            onClick={(e) => e.stopPropagation()}
-          >
-            <li
-              onClick={() => {
-                setMenu("shop");
-                closeMenu();
-              }}
-            >
-              <Link to="/">Shop</Link>
-              {menu === "shop" && (
-                <hr className="w-4/5 h-1 rounded-sm bg-[#FF4141]" />
-              )}
-            </li>
-            <li
-              onClick={() => {
-                setMenu("men");
-                closeMenu();
-              }}
-            >
-              <Link to="/men">Men</Link>
-              {menu === "men" && (
-                <hr className="w-4/5 h-1 rounded-sm bg-[#FF4141]" />
-              )}
-            </li>
-            <li
-              onClick={() => {
-                setMenu("kids");
-                closeMenu();
-              }}
-            >
-              <Link to="/kids">Kids</Link>
-              {menu === "kids" && (
-                <hr className="w-4/5 h-1 rounded-sm bg-[#FF4141]" />
-              )}
-            </li>
-            <li
-              onClick={() => {
-                setMenu("women");
-                closeMenu();
-              }}
-            >
-              <Link to="/women">Women</Link>
-              {menu === "women" && (
-                <hr className="w-4/5 h-1 rounded-sm bg-[#FF4141]" />
-              )}
-            </li>
-            <li>
-              <Link to="/login">
-                <button className="w-full rounded-[8px] bg-[#399bfd] py-[8px] text- font-medium">
-                  Login
-                </button>
-              </Link>
-            </li>
-          </ul>
-        </div>
-      )}
-
-      <div className="hidden md:flex items-center gap-6">
-        <div className="flex gap-6">
-          <DarkModeToggle/>
-          <Link to="/">
-            <button
-              onClick={() => setMenu("shop")}
-              className={`text- ${menu === "shop" ? "font-bold" : ""} hover:bg-black hover:text-white`}
-            >
-              Shop
-            </button>
-          </Link>
-          <Link to="/men">
-            <button
-              onClick={() => setMenu("men")}
-              className={`text- ${menu === "men" ? "font-bold" : ""}hover:bg-black hover:text-white`}
-            >
-              Men
-            </button>
-          </Link>
-          <Link to="/kids">
-            <button
-              onClick={() => setMenu("kids")}
-              className={`text- ${menu === "kids" ? "font-bold" : ""}hover:bg-black hover:text-white`}
-            >
-              Kids
-            </button>
-          </Link>
-          <Link to="/women">
-            <button
-              onClick={() => setMenu("women")}
-              className={`text- ${menu === "women" ? "font-bold" : ""}hover:bg-black hover:text-white`}
-            >
-              Women
-            </button>
-          </Link>
         </div>
         <Link to="/login">
           <button className="px-4 py-2 bg-transparent text- font-semibold rounded-lg border border-gray-400 hover:bg-black hover:text-white transition duration-300 ease-in-out">
diff --git a/src/components/Offers.jsx b/src/components/Offers.jsx
index c697fc6..ac84b78 100644
--- a/src/components/Offers.jsx
+++ b/src/components/Offers.jsx
@@ -5,10 +5,10 @@ const Offers = () => {
   return (
     <div className='offers w-full h-auto flex flex-col md:flex-row mt-12 mx-0 mb-36 bg-gradient-to-r from-[#5A585A] to-[#090947] p-5 md:p-20'>
       <div className='offer-left flex flex-1 flex-col justify-center'>
-        <h1 className='text-[#171717] text-5xl md:text-[80px] font-bold'>Exclusive</h1>
-        <h1 className='text-[#171717] text-xl md:text-[22px] font-bold'>Offers for you</h1>
-        <p className='text-base'>ONLY ON BEST SELLER PRODUCTS</p>
-        <button className='w-[282px] h-[70px] rounded-full bg-[#ff4141] text-white text-xl mt-6 cursor-pointer'>
+        <h1 className='text-[#ffffff] text-5xl md:text-[80px] font-bold'>Exclusive</h1>
+        <h1 className='text-[#ffffff] text-xl md:text-[22px] font-bold'>Offers for you</h1>
+        <p className='text-[#ffffff]'>ONLY ON BEST SELLER PRODUCTS</p>
+        <button className='flex justify-center items-center gap-[15px] w-[300px] h-[70px] rounded-full text-white border-black bg-[#D2042D] hover:bg-black mt-[30px] text-[18px] font-large'>
           Check Now
         </button>
       </div>