diff --git a/src/app/page.tsx b/src/app/page.tsx
index 16a73d2..2bbe7cd 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import HeroLogo from '@/components/sections/hero/HeroLogo';
+import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
 import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
 import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
 import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
@@ -39,16 +39,17 @@ export default function LandingPage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroLogo
-          logoText="Artisan Bakery"
-          description="Handcrafted breads, pastries, and desserts made fresh daily with premium ingredients"
-          imageSrc="https://img.b2bpic.net/free-photo/delicious-various-loaves-bread_23-2147761313.jpg"
-          imageAlt="Fresh artisan bakery with warm lighting and pastries"
-          showDimOverlay={true}
+        <HeroBillboardScroll
+          title="Welcome to Artisan Bakery"
+          description="Experience the warmth of our handcrafted breads, pastries, and desserts made fresh daily with premium ingredients."
+          background={{ variant: "gradient-bars" }}
           buttons={[
             { text: "Order Now", href: "contact" },
-            { text: "Learn More", href: "about" }
+            { text: "Learn More", href: "about" },
+            { text: "View Menu", href: "menu" }
           ]}
+          imageSrc="https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80"
+          imageAlt="Fresh artisan bakery with warm lighting and pastries"
         />
       </div>