diff --git a/index.html b/index.html
index 1e48e14..0705714 100644
--- a/index.html
+++ b/index.html
@@ -569,44 +569,22 @@
   <header>
     <nav class="min-w-full h-[88px] px-4 m37:px-8 text-white absolute flex items-center justify-between z-50">
       <div class="flex justify-center items-center gap-x-2 sm:gap-x-4">
-        <!-- <div class="w-1/4"> -->
-          <a href="#"><Image
-            src="./resources/readyimages/Rectangle.png"
-            width="40"
-            height="40"
-            alt="logo"
-          /></a>
-        <!-- </div> -->
-        <!-- <h1 class="myfont font-bold text-xl lg:text-3xl uppercase"> -->
-          <a href="#"><Image
-            src="./resources/myriadflow.png"
-            width="200"
-            height="200"
-            alt="logo"
-          /></a>
-        <!-- </h1> -->
+        <a href="#"><img src="./resources/readyimages/Rectangle.png" width="40" height="40" alt="logo" /></a>
+        <a href="#"><img src="./resources/myriadflow.png" width="200" height="200" alt="logo" /></a>
       </div>
       <button class="lg:hidden text-2xl" id="navbtn">
         <i class="fa-solid fa-bars"></i>
       </button>
       <div class="font-bold hidden lg:flex gap-x-8" style="text-transform: capitalize;">
-        <a href="https://myriadflow.com" class="nav-link">Home
-          <!-- <div class="overlay">Coming Soon</div> -->
-      </a>
-      <a href="https://discover.myriadflow.com" target="_blank" class="nav-link">
-        <span style="margin-left: 10px;">Discover</span>
-    <!-- <span style="visibility: hidden;">a</span> -->
-          <!-- <div class="overlay">Coming Soon</div> -->
-      </a>
-      <a href="https://studio.myriadflow.com" target="_blank" class="nav-link">Studio
-        <!-- <div class="overlay">Coming Soon</div> -->
-    </a>
-      <a href="https://webxr.myriadflow.com" target="_blank" class="nav-link">WebXR
-          <!-- <div class="overlay">Coming Soon</div> -->
-      </a>
-      <div class="join-button">
+        <a href="https://myriadflow.com" class="nav-link">Home</a>
+        <a href="https://discover.myriadflow.com" target="_blank" class="nav-link">
+          <span style="margin-left: 10px;">Discover</span>
+        </a>
+        <a href="https://studio.myriadflow.com" target="_blank" class="nav-link">Studio</a>
+        <a href="https://webxr.myriadflow.com" target="_blank" class="nav-link">WebXR</a>
+        <div class="join-button">
           <a href="https://studio.myriadflow.com" target="_blank">LAUNCH</a>
-      </div>
+        </div>
       </div>
     </nav>
     <ul id="links"
@@ -615,12 +593,12 @@
       <a href="https://discover.myriadflow.com" target="_blank">Discover</a>
       <a href="https://studio.myriadflow.com" target="_blank">Studio</a>
       <a href="https://webxr.myriadflow.com" target="_blank">WebXR</a>
-        <div class="px-10" style="padding-top: 4px; padding-bottom: 4px; border: 2px solid white">
+      <div class="px-10" style="padding-top: 4px; padding-bottom: 4px; border: 2px solid white">
         <a href="https://studio.myriadflow.com" target="_blank">LAUNCH</a>
       </div>
     </ul>
     
-    <div class="h-screen header-bg bg-fixed bg-center text-white flex w-full" id="home" style="position:relative; padding: 0px 14vw;">
+    <div class="h-screen  bg-cover text-white flex w-full" id="home" style="position:relative; padding: 0px 7vw; background-image: url('./resources/readyimages/hero_background.png');">
       <div class="w-full lg:w-1/2 md:w-1/2">
         <h1 class="text-2xl lg:text-7xl font-black mb-8 hero-content" style="line-height: 1;">
           Your Gateway to Discover NFT Xperiences<br />
@@ -628,26 +606,18 @@ <h1 class="text-2xl lg:text-7xl font-black mb-8 hero-content" style="line-height
         <p class="text-md lg:text-lg font-semibold sm:font-semibold mb-10">
           MyriadFlow is an innovative platform to explore and launch<br/> NFT experiences. Dive into the next generation of utility NFTs <br/>and phygitals in our revolutionary app store
         </p>
-        <div
-            class="inline-block rounded-full"
-          >
-            <div class="capitalize font-bold text-xl" style="color: #13D5DC66">Stay tuned</div>
-            <div class="capitalize font-bold text-xl" style="color: #13D5DC99">Coming Soon</div>
-            <div class="font-bold text-xl mb-10" style="color: #13D5DC">Prepare to Launch!</div>
-
-            <button
-              class="py-3 px-8 m41:px-16 m41:text-lg font-medium mb-4" style="border: 2px solid white;"
-            >
-              <a href="https://discord.gg/38jktRtuY7" target="_blank" style="color: white" class="flex gap-4">
-                Join
-                <img src="/resources/readyimages/Vector.png" style="width: 30px; border-radius: 100%;"/> 
-              </a>
-            </button>
-          </div>
-      </div>
-
-      <div class="w-full lg:w-1/2 md:w-1/2 hero-image-container">
-        <img src="./resources/readyimages/heroimg.png" class="hero-image"/>
+        <div class="inline-block rounded-full">
+          <div class="capitalize font-bold text-xl" style="color: #13D5DC66">Stay tuned</div>
+          <div class="capitalize font-bold text-xl" style="color: #13D5DC99">Coming Soon</div>
+          <div class="font-bold text-xl mb-10" style="color: #13D5DC">Prepare to Launch!</div>
+    
+          <button class="py-3 px-8 m41:px-16 m41:text-lg font-medium mb-4" style="border: 2px solid white;">
+            <a href="https://discord.gg/38jktRtuY7" target="_blank" style="color: white" class="flex gap-4">
+              Join
+              <img src="/resources/readyimages/Vector.png" style="width: 30px; border-radius: 100%;"/> 
+            </a>
+          </button>
+        </div>
       </div>
     </div>
   </header>
diff --git a/resources/readyimages/hero_background.png b/resources/readyimages/hero_background.png
new file mode 100644
index 0000000..d99dd69
Binary files /dev/null and b/resources/readyimages/hero_background.png differ