diff --git a/src/assets/img/favicon.ico b/src/assets/img/favicon.ico
new file mode 100644
index 0000000..9cc8493
Binary files /dev/null and b/src/assets/img/favicon.ico differ
diff --git a/src/assets/img/logo-icon.png b/src/assets/img/logo-icon.png
new file mode 100644
index 0000000..f230e49
Binary files /dev/null and b/src/assets/img/logo-icon.png differ
diff --git a/src/assets/img/logo-light.png b/src/assets/img/logo-light.png
new file mode 100644
index 0000000..7881c26
Binary files /dev/null and b/src/assets/img/logo-light.png differ
diff --git a/src/assets/img/logo.png b/src/assets/img/logo.png
new file mode 100644
index 0000000..25f0cf6
Binary files /dev/null and b/src/assets/img/logo.png differ
diff --git a/src/assets/img/product.jpg b/src/assets/img/product.jpg
new file mode 100644
index 0000000..51d124b
Binary files /dev/null and b/src/assets/img/product.jpg differ
diff --git a/src/component/home/Home.jsx b/src/component/home/Home.jsx
index 09484aa..9e5c3a9 100644
--- a/src/component/home/Home.jsx
+++ b/src/component/home/Home.jsx
@@ -24,8 +24,8 @@ export default function Home() {
               <div className="navbar-header d-flex align-items-center">
                 <a href="javascript:void:(0)" className="mobile-toggle"><i className="ti ti-align-right"></i></a>
                 <a className="navbar-brand" href="index.html">
-                  <img src="assets/img/logo-light.png" className="img-fluid logo-desktop" alt="logo"/>
-                  <img src="assets/img/logo-icon.png" className="img-fluid logo-mobile" alt="logo"/>
+                  <img src="./../assets/img/logo-light.png" className="img-fluid logo-desktop" alt="logo"/>
+                  <img src="./../assets/img/logo-icon.png" className="img-fluid logo-mobile" alt="logo"/>
                 </a>
               </div>
               <button className="navbar-toggler" type="button" data-toggle="collapse"