diff --git a/chaosweb-v@2/src/assets/logo/logo.png b/chaosweb-v@2/src/assets/logo/logo.png
new file mode 100644
index 0000000..ebba2d9
Binary files /dev/null and b/chaosweb-v@2/src/assets/logo/logo.png differ
diff --git a/chaosweb-v@2/src/components/navbar.css b/chaosweb-v@2/src/components/navbar.css
index 5c30873..448b857 100644
--- a/chaosweb-v@2/src/components/navbar.css
+++ b/chaosweb-v@2/src/components/navbar.css
@@ -37,18 +37,25 @@ body {
         transform: translateY(-10px);
     }
 }
-
-.nav{
+.nav {
     display: flex;
     justify-content: center;
     align-items: center;
+    margin: 20px;
 }
 
-.nav > img {
+.nav>img {
     margin: 30px 0 0 0;
-    border: 1px solid red;
-    height: 190px;
-    width: 190px;
+    border-radius: 50%;
+    height: 170px;
+    width: 170px;
+    box-shadow: 0px 1px 10px skyblue, 0px 1px 20px skyblue;    
+    transition-duration: 0.4s;
+}
+
+#chaos-logo:hover{
+    transform: scale(1.05);
+    transition-duration: 0.2s;
 }
 
 #chaos-header {
@@ -60,6 +67,7 @@ body {
     /* Subtle shadow for depth */
     text-align: center;
     margin: 30px 0;
+    margin-left: 40px;
 }
 
 #chaos-header span {
diff --git a/chaosweb-v@2/src/components/navbar.jsx b/chaosweb-v@2/src/components/navbar.jsx
index 5ff2cb9..5d98812 100644
--- a/chaosweb-v@2/src/components/navbar.jsx
+++ b/chaosweb-v@2/src/components/navbar.jsx
@@ -1,7 +1,7 @@
 import React, { useEffect } from "react";
 import { useNavigate } from "react-router-dom"; // Import useNavigate for navigation
 import "./navbar.css";
-import logo from "../assets/logo/ChaosWeb.svg";
+import logo from "../assets/logo/logo.png";
 
 const Navbar = () => {
   const navigate = useNavigate(); // Initialize navigate hook
diff --git a/node_modules/.yarn-integrity b/node_modules/.yarn-integrity
new file mode 100644
index 0000000..6b67134
--- /dev/null
+++ b/node_modules/.yarn-integrity
@@ -0,0 +1,10 @@
+{
+  "systemParams": "win32-x64-93",
+  "modulesFolders": [],
+  "flags": [],
+  "linkedModules": [],
+  "topLevelPatterns": [],
+  "lockfileEntries": {},
+  "files": [],
+  "artifacts": {}
+}
\ No newline at end of file
diff --git a/package-lock.json b/package-lock.json
new file mode 100644
index 0000000..cd229c8
--- /dev/null
+++ b/package-lock.json
@@ -0,0 +1,6 @@
+{
+  "name": "ChaosWeb-clone",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {}
+}
diff --git a/yarn.lock b/yarn.lock
new file mode 100644
index 0000000..fb57ccd
--- /dev/null
+++ b/yarn.lock
@@ -0,0 +1,4 @@
+# THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
+# yarn lockfile v1
+
+