diff --git a/ShoppingCart/Frondend/ecommerce-ui/src/assets/home3.png b/ShoppingCart/Frondend/ecommerce-ui/src/assets/home3.png
new file mode 100644
index 000000000..ac39172c1
Binary files /dev/null and b/ShoppingCart/Frondend/ecommerce-ui/src/assets/home3.png differ
diff --git a/ShoppingCart/Frondend/ecommerce-ui/src/assets/icon2.png b/ShoppingCart/Frondend/ecommerce-ui/src/assets/icon2.png
new file mode 100644
index 000000000..8b02e9287
Binary files /dev/null and b/ShoppingCart/Frondend/ecommerce-ui/src/assets/icon2.png differ
diff --git a/ShoppingCart/Frondend/ecommerce-ui/src/components/Navbar.vue b/ShoppingCart/Frondend/ecommerce-ui/src/components/Navbar.vue
index d1867369b..6cbc7cbc3 100644
--- a/ShoppingCart/Frondend/ecommerce-ui/src/components/Navbar.vue
+++ b/ShoppingCart/Frondend/ecommerce-ui/src/components/Navbar.vue
@@ -2,7 +2,7 @@
   <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
     <!--    Logo-->
     <router-link class="navbar-brand" :to="{ name: 'Home' }">
-      <img id="logo" src="../assets/icon.png" />
+      <img id="logo" src="../assets/icon2.png" />
     </router-link>
 
     <!--    Burger Button-->
diff --git a/ShoppingCart/Frondend/ecommerce-ui/src/components/Navbar2.vue b/ShoppingCart/Frondend/ecommerce-ui/src/components/Navbar2.vue
new file mode 100644
index 000000000..bb063caf3
--- /dev/null
+++ b/ShoppingCart/Frondend/ecommerce-ui/src/components/Navbar2.vue
@@ -0,0 +1,37 @@
+<template>
+  <nav>
+    <router-link to="/">Home</router-link> |
+    <router-link to="/about">About</router-link> |
+    <router-link to="/category">Category</router-link> |
+    <router-link to="/wishlist">Wishlist</router-link> |
+    <router-link to="/product">Product</router-link> |
+    <router-link to="/admin/category">Category (admin)</router-link> |
+    <router-link to="/admin/wishlist">Wishlist (admin)</router-link> |
+    <router-link to="/admin/product">Product (admin)</router-link> |
+    <router-link to="/order">Order</router-link> |
+    <router-link to="/cart">Cart</router-link> |
+    <router-link to="/signup">Signup</router-link> |
+    <router-link to="/signin">Signin</router-link>
+  </nav>
+</template>
+
+<script>
+export default {
+  // You can add any logic specific to the navbar here
+};
+</script>
+
+<style scoped>
+/* Add your styling for the navbar here */
+nav {
+  background-color: #333;
+  padding: 10px;
+  color: white;
+  text-align: center;
+}
+router-link {
+  margin: 0 10px;
+  color: white;
+  text-decoration: none;
+}
+</style>
diff --git a/ShoppingCart/Frondend/ecommerce-ui/src/views/Home.vue b/ShoppingCart/Frondend/ecommerce-ui/src/views/Home.vue
index b8ff9ae12..309687f23 100644
--- a/ShoppingCart/Frondend/ecommerce-ui/src/views/Home.vue
+++ b/ShoppingCart/Frondend/ecommerce-ui/src/views/Home.vue
@@ -76,7 +76,7 @@
     }
   
     #background-div {
-      background: url(../assets/home.png)
+      background: url(../assets/home3.png)
     }
   
     #heading {
diff --git a/ShoppingCart/Frondend/ecommerce-ui/src/views/Signin.vue b/ShoppingCart/Frondend/ecommerce-ui/src/views/Signin.vue
index 435ebec05..0f6fc5d7d 100644
--- a/ShoppingCart/Frondend/ecommerce-ui/src/views/Signin.vue
+++ b/ShoppingCart/Frondend/ecommerce-ui/src/views/Signin.vue
@@ -8,7 +8,7 @@
     <div class="row">
       <div class="col-12 text-center pt-3">
         <router-link :to="{ name: 'Home' }">
-          <img id="logo" src="../assets/icon.png" />
+          <img id="logo" src="../assets/icon2.png" />
         </router-link>
       </div>
     </div>
diff --git a/ShoppingCart/Frondend/ecommerce-ui/src/views/Signup.vue b/ShoppingCart/Frondend/ecommerce-ui/src/views/Signup.vue
index 148edc43b..261f33e73 100644
--- a/ShoppingCart/Frondend/ecommerce-ui/src/views/Signup.vue
+++ b/ShoppingCart/Frondend/ecommerce-ui/src/views/Signup.vue
@@ -7,7 +7,7 @@
     <div class="row">
       <div class="col-12 text-center pt-3">
         <router-link :to="{ name: 'Home' }">
-          <img id="logo" src="../assets/icon.png" />
+          <img id="logo" src="../assets/icon2.png" />
         </router-link>
       </div>
     </div>