diff --git a/src/app/page.tsx b/src/app/page.tsx
index 5686c50..a585d40 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
-import HeroLogo from "@/components/sections/hero/HeroLogo";
+import HeroBillboardScroll from "@/components/sections/hero/HeroBillboardScroll";
 import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout";
 import FeatureCardTen from "@/components/sections/feature/FeatureCardTen";
 import ProductCardFour from "@/components/sections/product/ProductCardFour";
@@ -40,17 +40,19 @@ export default function LandingPage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroLogo
-          logoText="Madu Murni Asli"
+        <HeroBillboardScroll
+          title="Madu Murni Asli"
           description="Grosir & eceran madu alami berkualitas tinggi untuk konsumsi, herbal, dan usaha Anda."
+          tag="Kualitas Premium"
+          tagAnimation="slide-up"
+          background={{ variant: "plain" }}
           buttons={[
             { text: "Hubungi WhatsApp", href: "https://wa.me/6288122268888" },
             { text: "Telepon Sekarang", href: "tel:+6288122268888" }
           ]}
+          buttonAnimation="slide-up"
           imageSrc="http://img.b2bpic.net/free-photo/top-view-glass-jar-full-honey_23-2148173009.jpg"
           imageAlt="Raw honey pouring naturally from honey jar"
-          showDimOverlay={true}
-          buttonAnimation="slide-up"
           ariaLabel="Hero section - Grosir Madu Maulana"
         />
       </div>
@@ -225,4 +227,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file