diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 6fa53e9..4715452 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1261,4 +1261,4 @@ export default function RootLayout({
       </ServiceWrapper>
     </html>
   );
-}
\ No newline at end of file
+}
diff --git a/src/app/page.tsx b/src/app/page.tsx
index ad72161..9c55900 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,8 +1,8 @@
-"use client"
+"use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
+import HeroBillboard from '@/components/sections/hero/HeroBillboard';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
 import AboutPhoneTimeline from '@/components/sections/about/AboutPhoneTimeline';
@@ -40,12 +40,13 @@ export default function LandingPage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroLogoBillboard
-          logoText="Luxe Hotel"
+        <HeroBillboard
+          title="Luxe Hotel"
           description="Experience unparalleled luxury and comfort at our award-winning hotel. World-class amenities, exceptional service, and unforgettable moments await you."
           imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184710583-yt05ru42.jpg"
           imageAlt="Luxury hotel lobby entrance"
           frameStyle="card"
+          buttons={[{ text: "Book Now", href: "contact" }]}
         />
       </div>
 
@@ -242,4 +243,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
\ No newline at end of file
+}