From d169e71728957a89677329d5350ed8aff7e6cf7b Mon Sep 17 00:00:00 2001
From: cynthia <cynthiaawsajira@gmail.com>
Date: Sat, 5 Oct 2024 16:53:52 +0300
Subject: [PATCH 1/5] [fix]:fix a typo

---
 src/components/Hero.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Hero.jsx b/src/components/Hero.jsx
index 63000de..51d9483 100644
--- a/src/components/Hero.jsx
+++ b/src/components/Hero.jsx
@@ -17,7 +17,7 @@ const Hero = () => {
                     <span className='text-[40px] md:text-[60px] lg:text-[80px] font-bold text-white'>collections</span>
                     <span className='text-[40px] md:text-[60px] lg:text-[80px] font-bold text-white'>for everyone</span>
                 </div>
-                <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'>Latest Conenction 
+                <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'>Latest Collection 
                         <div>
                             <img className='' src={arrow} alt="" />
                         </div>

From fee25bc9c1b77288fcb619d219709c94fd32d3b6 Mon Sep 17 00:00:00 2001
From: cynthia <cynthiaawsajira@gmail.com>
Date: Sat, 5 Oct 2024 16:57:29 +0300
Subject: [PATCH 2/5] [feat]:Add dynamic year to footer Summary: Updated the
 footer component to display the current year dynamically using JavaScript

---
 src/components/Footer.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Footer.jsx b/src/components/Footer.jsx
index 34f223e..4069920 100644
--- a/src/components/Footer.jsx
+++ b/src/components/Footer.jsx
@@ -38,7 +38,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>
   );

From fe580e0cfadc4f4235cf1b2810c58d6a6435767f Mon Sep 17 00:00:00 2001
From: cynthia <cynthiaawsajira@gmail.com>
Date: Sat, 5 Oct 2024 17:20:41 +0300
Subject: [PATCH 3/5] [fix]: Add navigation to home on logo and brand name
 click in Navbar

---
 src/components/Navbar.jsx | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/components/Navbar.jsx b/src/components/Navbar.jsx
index 3f90805..62990f3 100644
--- a/src/components/Navbar.jsx
+++ b/src/components/Navbar.jsx
@@ -22,12 +22,15 @@ const Navbar = () => {
     return (
         <div className='navbar flex justify-between items-center p-4 shadow-md bg-white relative'>
             <div className='flex items-center gap-2'>
-                <img className='w-10' src={logo} alt="Logo" />
-                <p className='text-black text-lg md:text-2xl font-semibold'>Shopper's Stop</p>
+                <Link to="/">
+                    <img className='w-10 cursor-pointer' src={logo} alt="Logo" />
+                </Link>
+                <Link to="/">
+                    <p className='text-black text-lg md:text-2xl font-semibold cursor-pointer'>Shopper's Stop</p>
+                </Link>
             </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}>
@@ -56,8 +59,6 @@ const Navbar = () => {
                     </ul>
                 </div>
             )}
-
-
           
             <div className='hidden md:flex items-center gap-6'>
                 <div className='flex gap-6'>
@@ -80,7 +81,6 @@ const Navbar = () => {
 </Link>
                 <Link to='/login'>
                 <button className='px-4 py-2 bg-transparent text-black font-semibold rounded-lg border border-gray-400 hover:bg-black hover:text-white transition duration-300 ease-in-out'>Login</button>
-
                 </Link>
                 <Link to='/cart'>
                     <img className='w-8' src={cart} alt="Cart" />

From 3929add13b1e6558a699a577b43c6afa8dbfeb64 Mon Sep 17 00:00:00 2001
From: cynthia <cynthiaawsajira@gmail.com>
Date: Sat, 5 Oct 2024 17:30:26 +0300
Subject: [PATCH 4/5] [style]: update text color to white in Offers component

---
 src/components/Offers.jsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/Offers.jsx b/src/components/Offers.jsx
index c697fc6..3a884ea 100644
--- a/src/components/Offers.jsx
+++ b/src/components/Offers.jsx
@@ -5,9 +5,9 @@ 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>
+        <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='w-[282px] h-[70px] rounded-full bg-[#ff4141] text-white text-xl mt-6 cursor-pointer'>
           Check Now
         </button>

From 124a3e8e72c79b8cb3daf53c8ad330dc3727b43e Mon Sep 17 00:00:00 2001
From: cynthia <cynthiaawsajira@gmail.com>
Date: Sat, 5 Oct 2024 17:34:26 +0300
Subject: [PATCH 5/5] [style]: Adjust 'Check Now' button to 'Latest Collection'
 button

---
 src/components/Offers.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Offers.jsx b/src/components/Offers.jsx
index 3a884ea..ac84b78 100644
--- a/src/components/Offers.jsx
+++ b/src/components/Offers.jsx
@@ -8,7 +8,7 @@ const Offers = () => {
         <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='w-[282px] h-[70px] rounded-full bg-[#ff4141] text-white text-xl mt-6 cursor-pointer'>
+        <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>