Merge pull request #310 from Sohi07/feature/about

Added about section in navbar
Mujtabaa07 · Jan 13, 2025 · eec1b2c · eec1b2c
2 parents 4a02b5f + d5ae94a
commit eec1b2c
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 0 deletions.
diff --git a/src/componets/Navbar.js b/src/componets/Navbar.js
@@ -82,12 +82,22 @@ const Logo = styled(motion.div)`
 
 const RightNav = styled(motion.div)`
   display: flex;
+
+  justify-content: center;
+
   justify-content: flex-end;
+
   align-items: center;
   padding: 0.1rem;
   gap: 1rem; /* Space between nav items */
   flex-grow: 1; /* Allow right navigation to take remaining space */
   top: 0px;
+
+  left: 20vw; //Now the Shop section is completely visible at the top-right section of Navbar.
+  right: 0;
+  bottom:5;
+
+
   z-index: 1000;
   transition: all 0.3s ease;
   @media (max-width: 768px) {

diff --git a/src/componets/Navitems.js b/src/componets/Navitems.js
@@ -35,6 +35,13 @@ export const navItems = [
     path: "./user",
     cName: "nav-item",
   },
+  {
+     id :6,
+     title:"About",
+     path:"./about",
+     cName:"nav-item",
+  },
+
 ];
 
 export const productDropdown =[