diff --git a/src/Components/Navbar/NavMobile.tsx b/src/Components/Navbar/NavMobile.tsx
index 0eece51..1462a68 100644
--- a/src/Components/Navbar/NavMobile.tsx
+++ b/src/Components/Navbar/NavMobile.tsx
@@ -7,6 +7,7 @@ import { navLinks } from "./Navbar";
 import { AiFillThunderbolt } from "react-icons/ai";
 import { Link } from "react-router-dom";
 import Button from "../Button/Button";
+import ASSETS from "src/assets";
 
 const navBtnVariant = {
   menuHide: { rotate: 90, opacity: 0 },
@@ -49,7 +50,8 @@ export default function NavMobile({ onSearch }: Props) {
                     <img className="w-full h-full object-cover" src="https://www.figma.com/file/OFowr5RJk9YZCW35KT7D5K/image/07b85d84145942255afd215b3da26dbbf1dd03bd?fuid=772401335362859303" alt="" />
                 </div> */}
         <Link to="/">
-          <h2 className="text-h5 font-bold mx-auto">makers.bolt.fun</h2>
+
+          <img className='h-32' src={ASSETS.Logo} alt="Bolt fun logo" />
         </Link>
 
         <Button size="sm"
diff --git a/src/Components/Navbar/Navbar.tsx b/src/Components/Navbar/Navbar.tsx
index dd4476f..b1ac128 100644
--- a/src/Components/Navbar/Navbar.tsx
+++ b/src/Components/Navbar/Navbar.tsx
@@ -13,6 +13,7 @@ import { Link } from "react-router-dom";
 import Button from "../Button/Button";
 import { setNavHeight } from "src/redux/features/theme.slice";
 import { useResizeListener } from "src/utils/hooks";
+import ASSETS from "src/assets";
 
 export const navLinks = [
   { text: "Explore", url: "/", icon: FaHome, color: "text-primary-600" },
@@ -94,7 +95,9 @@ export default function Navbar() {
       {/* Desktop Nav */}
       <nav className="hidden bg-white w-full lg:flex fixed top-0 left-0 py-36 px-32 items-center z-[2010]">
         <Link to="/">
-          <h2 className="text-h5 font-bold mr-40 lg:mr-64">makers.bolt.fun</h2>
+          <h2 className="text-h5 font-bold mr-40 lg:mr-64">
+            <img className='h-40' src={ASSETS.Logo} alt="Bolt fun logo" />
+          </h2>
         </Link>
         {/* <ul className="flex gap-32 xl:gap-64">
                     {navLinks.map((link, idx) => <li key={idx} className="text-body4 hover:text-primary-600">
diff --git a/src/assets/images/logo.png b/src/assets/images/logo.png
new file mode 100644
index 0000000..4d6bda2
Binary files /dev/null and b/src/assets/images/logo.png differ
diff --git a/src/assets/index.ts b/src/assets/index.ts
index 7a754cc..b8fd1b8 100644
--- a/src/assets/index.ts
+++ b/src/assets/index.ts
@@ -1,4 +1,6 @@
-import Assets_Images_ExploreHeader1 from './images/explore_page_header_1.jfif'
-import Assets_Images_ExploreHeader2 from './images/shock-the-web.png'
+import Images_ExploreHeader1 from './images/explore_page_header_1.jfif'
+import Images_ExploreHeader2 from './images/shock-the-web.png'
+import Logo from './images/logo.png'
 
-export { Assets_Images_ExploreHeader1, Assets_Images_ExploreHeader2 }
\ No newline at end of file
+const ASSETS = { Images_ExploreHeader1, Images_ExploreHeader2, Logo }
+export default ASSETS;
\ No newline at end of file
diff --git a/src/pages/ExplorePage/Header/Header.tsx b/src/pages/ExplorePage/Header/Header.tsx
index 42e7141..09e2ac5 100644
--- a/src/pages/ExplorePage/Header/Header.tsx
+++ b/src/pages/ExplorePage/Header/Header.tsx
@@ -1,13 +1,10 @@
-import {
-  Assets_Images_ExploreHeader1,
-  Assets_Images_ExploreHeader2,
-} from "src/assets";
+import Assets from "src/assets";
 import Button from "src/Components/Button/Button";
 
 const headerLinks = [
   {
     title: "A fun directory of Lightning Enabled Applications on the Open Web",
-    img: Assets_Images_ExploreHeader1,
+    img: Assets.Images_ExploreHeader1,
     link: {
       content: "Submit App",
       url: "#",
@@ -16,7 +13,7 @@ const headerLinks = [
   {
     title:
       "Join the next wave of the Lightning Network in November’s ‘Shock the Web’ hackathon",
-    img: Assets_Images_ExploreHeader2,
+    img: Assets.Images_ExploreHeader2,
     link: {
       content: "Register Now",
       url: "/hackathons/shock-the-web/",