diff --git a/src/components/index/Hero.astro b/src/components/index/Hero.astro
index e5ec0dc..914a609 100644
--- a/src/components/index/Hero.astro
+++ b/src/components/index/Hero.astro
@@ -1,6 +1,6 @@
 ---
 import astroLogo from '../../assets/astro.svg';
-import logo from '../../assets/dark_full_logo.svg';
+import logo from '../../assets/light_full_logo.svg';
 import cloud from '../../assets/cloud.svg';
 import blob from '../../assets/blob.svg';
 import mascot from "../../assets/mascot.png";
@@ -20,16 +20,16 @@ import SvgBackground from "./SvgBackground.astro";
                 <img style="z-index: 1" src={mascot.src} alt="mascot" class="object-contain"/>
             </div>
             <div class="w-5/6 md:w-5/12 flex flex-col justify-center items-center gap-4 md:gap-8">
-                <div class="absolute w-[140%] md:w-[60%] " style="z-index: -1">
-                    <img src={blob.src} alt="blob" class="w-full"/>
-                </div>
+                <!--<div class="absolute w-[140%] md:w-[60%] " style="z-index: -1">-->
+                <!--    <img src={blob.src} alt="blob" class="w-full"/>-->
+                <!--</div>-->
                 <div class="text-xs md:text-sm  text-center bg-[#FFF4DC] text-pink-600 py-2 px-8 header rounded-lg">
                     JOIN THE KKOMMUNITY
                 </div>
                 <div class="w-full">
                     <img src={logo.src} alt="logo"/>
                 </div>
-                <div class="slogan text-lg md:text-xl font-light text-justify text-light text-white">
+                <div class="slogan text-lg md:text-xl font-light text-justify text-light text-sky-800">
                     feel the fun, make the move
                 </div>
                 <div class="w-full flex flex-col text-sm justify-center gap-4 center">